.blog{padding:30px 0 80px;position:relative}.blog-wrap{width:min(900px,calc(100% - 40px));margin:0 auto}.blog-head{max-width:760px;margin:6px 0 34px}.blog-head h1{font:800 clamp(34px,5vw,52px)/1 var(--display);letter-spacing:-.05em;margin:12px 0 8px}.blog-head p{color:var(--ink-soft);font-size:15px;line-height:1.5;margin:0;max-width:640px}.blog-back{display:inline-flex;align-items:center;min-height:24px;gap:6px;color:var(--deep-leaf);font-weight:800;font-size:13px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide-card{display:flex;flex-direction:column;gap:9px;min-height:0;padding:22px 22px 18px;border:1.5px solid var(--ink);background:var(--paper-light);box-shadow:5px 6px #2536291f;transition:transform .2s ease,box-shadow .2s ease}.guide-card:hover{transform:translate(-2px,-2px);box-shadow:7px 8px #25362929}.guide-card time{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.guide-card h3{margin:0;font:800 22px/1.08 var(--display);letter-spacing:-.04em}.guide-card h3 a{color:var(--ink)}.guide-card h3 a:hover{color:var(--terracotta)}.guide-card p{margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.5;flex:1}.guide-more{margin-top:2px;color:var(--deep-leaf);font-weight:900;font-size:13px}.guide-more svg{width:14px;height:14px;vertical-align:-2px}.guide-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.guide-tag{font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.05em;padding:3px 7px;border:1px solid var(--line);border-radius:2px;color:var(--deep-leaf)}a.guide-tag:hover{border-color:var(--deep-leaf)}.guide-postit{position:relative;transform:rotate(var(--frot, 0deg));transform-origin:50% -6px}.guide-grid .guide-postit:nth-child(1){--frot: -1.8deg;background:#fae6a9}.guide-grid .guide-postit:nth-child(2){--frot: 1.6deg;background:#dcebc9}.guide-grid .guide-postit:nth-child(2) .pin{background:var(--sky)}.guide-grid .guide-postit:nth-child(3){--frot: -1.2deg;background:#f7c6a9}.guide-grid .guide-postit:nth-child(3) .pin{background:var(--sun)}.guide-grid--home{grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.guide-grid--home{grid-template-columns:repeat(2,1fr)}}.guide-postit:hover{transform:rotate(var(--frot, 0deg));animation:post-it-sway .85s ease-in-out;box-shadow:6px 8px #25362929;z-index:1}@media(prefers-reduced-motion:reduce){.guide-postit:hover{animation:none}}.guides-section{padding:90px 0;position:relative}.guides-section .guides-foot{text-align:center;margin-top:30px}.article-head{width:min(760px,calc(100% - 40px));margin:6px auto 0}.article-head h1{font:800 clamp(30px,4.4vw,46px)/1.06 var(--display);letter-spacing:-.05em;margin:12px 0}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--ink-soft);font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.04em}.article-prose{width:min(720px,calc(100% - 40px));margin:26px auto 0;color:var(--ink);font-size:16px;line-height:1.7}.article-prose>:first-child{margin-top:0}.article-prose h2{font:800 clamp(23px,2.8vw,29px)/1.18 var(--display);letter-spacing:-.03em;margin:40px 0 12px}.article-prose h3{font:700 19px/1.25 var(--display);margin:26px 0 8px}.article-prose p{margin:0 0 16px}.article-prose a{color:var(--deep-leaf);text-decoration:underline;text-decoration-color:var(--terracotta);text-decoration-thickness:2px;text-underline-offset:3px}.article-prose ul,.article-prose ol{margin:0 0 18px;padding-left:22px;display:grid;gap:7px}.article-prose li{line-height:1.6}.article-prose strong{color:var(--deep-leaf)}.article-prose em{font-style:italic}.article-prose hr{border:0;border-top:1px dashed var(--line);margin:30px 0}.article-prose blockquote{margin:0 0 18px;padding:12px 18px;border-left:3px solid var(--terracotta);background:#fffaf099}.article-prose code{font:500 .88em var(--mono);background:#25362912;padding:1px 5px;border-radius:3px}.article-prose .article-postit{--frot: -.5deg;position:relative;margin:32px 0;padding:20px 24px 18px;border:1.5px solid var(--ink);background:#fae6a9;box-shadow:5px 6px #25362924;font:700 19px/1.4 var(--display);letter-spacing:-.015em;color:var(--ink);transform:rotate(var(--frot));transition:box-shadow .2s ease}.article-prose .article-postit.pi-leaf{--frot: .5deg;background:#dcebc9}.article-prose .article-postit.pi-leaf .pin{background:var(--sky)}.article-prose .article-postit.pi-coral{--frot: -.4deg;background:#f7c6a9}.article-prose .article-postit.pi-coral .pin{background:var(--sun)}.article-prose .article-postit strong{color:var(--deep-leaf)}.article-prose .article-postit:hover{animation:post-it-sway .85s ease-in-out;box-shadow:7px 9px #2536292e;z-index:1}@media(prefers-reduced-motion:reduce){.article-prose .article-postit:hover{animation:none}}.article-prose table{width:100%;border-collapse:collapse;margin:28px 0;border:1.5px solid var(--ink);background:var(--paper-light);box-shadow:5px 6px #2536291f;font-size:14.5px}.article-prose thead th{background:var(--deep-leaf);color:var(--paper-light);font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:10px 14px}.article-prose tbody td{padding:11px 14px;border-top:1px solid var(--line)}.article-prose tbody tr:nth-child(2n) td{background:#25362909}.article-prose tbody td:first-child{font-weight:700;color:var(--ink)}.article-prose .v-ok,.article-prose .v-warn,.article-prose .v-no{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:2px;font:700 12px var(--sans);white-space:nowrap;border:1px solid}.article-prose .v-ok{background:#718c572e;color:var(--deep-leaf);border-color:var(--leaf)}.article-prose .v-warn{background:#f7cf4e47;color:#5e4500;border-color:var(--sun)}.article-prose .v-no{background:#b8401f1f;color:#8f2f15;border-color:var(--terracotta)}.article-prose .article-callout{margin:28px 0;padding:18px 22px;border:1.5px solid var(--ink);border-left:5px solid var(--terracotta);background:var(--paper-light);box-shadow:4px 5px #2536291a}.article-prose .article-callout .callout-title{display:block;font:800 16px var(--display);letter-spacing:-.01em;color:var(--deep-leaf);margin-bottom:10px}.article-prose .article-callout ul{margin:0;padding-left:20px;display:grid;gap:7px}.article-prose .article-callout li{line-height:1.5}.article-prose .article-callout strong{color:var(--deep-leaf)}@media(max-width:560px){.article-prose table{display:block;overflow-x:auto;white-space:nowrap}.article-prose .article-postit{font-size:17px;padding:18px 20px 16px}}.article-prose a[href*=reserver],.article-prose .brand-word{font-family:var(--display);font-weight:700;letter-spacing:-.01em}.article-prose form.time-calc{--frot: .2deg;position:relative;margin:28px 0;padding:22px 22px 18px;border:1.5px solid var(--ink);background:var(--paper-light);box-shadow:5px 6px #2536291f;transform:rotate(var(--frot))}.article-prose .tc-head{margin-bottom:16px}.article-prose .tc-kicker{display:block;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--deep-leaf);margin-bottom:6px}.article-prose .tc-title{display:block;font:700 18px/1.3 var(--display);letter-spacing:-.015em;color:var(--ink)}.article-prose .tc-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px 24px}.article-prose .tc-field{display:grid;gap:6px;min-width:0}.article-prose .tc-label{font:700 12.5px var(--sans);color:var(--ink)}.article-prose .tc-inline{display:flex;align-items:center;gap:12px}.article-prose .tc-inline input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--leaf);height:22px}.article-prose .tc-inline output{flex:0 0 auto;min-width:70px;text-align:right;font:700 13px var(--mono);color:var(--deep-leaf)}.article-prose .tc-result{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.article-prose .tc-figure{font:500 16px var(--sans);color:var(--ink)}.article-prose .tc-figure strong{font:800 30px var(--display);letter-spacing:-.02em;color:var(--deep-leaf);margin-right:4px}.article-prose .tc-bar{position:relative;height:30px;margin:18px 0 12px}.article-prose .tc-track{position:absolute;inset:0;background:#2536290f;border:1px solid var(--line);border-radius:2px;overflow:hidden}.article-prose .tc-fill{display:block;height:100%;width:57%;background:var(--leaf);transition:width .18s ease,background .18s ease}.article-prose .tc-fill.is-warn{background:var(--sun)}.article-prose .tc-fill.is-no{background:var(--coral)}.article-prose .tc-limit{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink)}.article-prose .tc-verdict{margin-bottom:8px}.article-prose .tc-explain{margin:0;font:500 13.5px/1.5 var(--sans);color:var(--ink)}.article-prose .tc-note{margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--line);font:500 12px/1.5 var(--mono);color:var(--ink-soft)}.article-prose .tc-perday{margin-top:4px;font:600 14px var(--sans);color:var(--ink-soft)}.article-prose .tc-tag{display:inline-block;margin-left:4px;padding:1px 7px;vertical-align:1px;font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.04em;background:#f7cf4e4d;color:#5e4500;border:1px solid var(--sun);border-radius:2px}.article-prose .tc-hint{font:500 11px var(--mono);color:var(--ink-soft);text-transform:none;letter-spacing:0}.article-prose .tc-days{grid-column:1 / -1;min-width:0;margin:0;padding:0;border:0}.article-prose .tc-days legend{padding:0;margin-bottom:6px}.article-prose .tc-day-toggles{display:flex;flex-wrap:wrap;gap:6px}.article-prose .tc-day{flex:1 1 auto;min-width:44px;min-height:36px;padding:8px 4px;cursor:pointer;font:700 12px var(--sans);color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:2px;transition:background .12s ease,color .12s ease}.article-prose .tc-day[aria-pressed=true]{background:var(--deep-leaf);color:var(--paper-light);border-color:var(--deep-leaf)}.article-prose .tc-day:focus-visible{outline:2px solid var(--deep-leaf);outline-offset:2px}@media(prefers-reduced-motion:reduce){.article-prose .tc-fill,.article-prose .tc-day{transition:none}}@media(max-width:560px){.article-prose form.time-calc{transform:none}.article-prose .tc-controls{grid-template-columns:1fr}}.article-nav{width:min(720px,calc(100% - 40px));margin:36px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.article-nav a{padding:14px 16px;border:1.5px solid var(--ink);background:var(--paper-light);box-shadow:4px 5px #2536291f;transition:transform .2s ease}.article-nav a:hover{transform:translate(-2px,-2px)}.article-nav small{display:block;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.article-nav b{display:block;font:700 14px var(--sans);color:var(--ink);margin-top:4px;letter-spacing:-.01em}.article-nav .next{text-align:right;grid-column:2}.article-foot{width:min(720px,calc(100% - 40px));margin:26px auto 0}.guide-cta{width:min(720px,calc(100% - 40px));margin:40px auto 0;position:relative;padding:22px 24px 20px;border:1.5px solid var(--ink);background:var(--paper-light);box-shadow:6px 7px #25362924}.guide-cta .cta-kicker{display:block;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--deep-leaf);margin-bottom:8px}.guide-cta .cta-line{margin:0 0 16px;font:700 17px/1.4 var(--display);letter-spacing:-.01em;color:var(--ink)}.guide-cta .cta-action{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0}.guide-cta .cta-fineprint{font:500 12px var(--mono);color:var(--ink-soft)}.blog-pagination{display:flex;justify-content:space-between;align-items:center;width:min(900px,calc(100% - 40px));margin:34px auto 0;font-weight:800;font-size:13px}.blog-pagination a{color:var(--deep-leaf);display:inline-flex;align-items:center;min-height:40px;gap:6px}.blog-pagination .disabled{color:var(--ink-soft);opacity:.45}.archive-year{margin:30px 0 6px;font:800 26px var(--display);letter-spacing:-.03em}.archive-year sup{font:500 12px var(--mono);color:var(--ink-soft)}.archive-month{margin:20px 0 8px;font:700 16px var(--display);color:var(--deep-leaf)}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:700px){.guide-grid,.article-nav{grid-template-columns:1fr}.article-nav .next{grid-column:1;text-align:left}.guides-section{padding:64px 0}}
