:root{--paper:#fafcfa;--panel:#fff;--ink:#17201c;--muted:#56655d;--grid:#d3e6da;--line:#e2ece5;--jade:#1d7a58;--jade-soft:#e3f2ea;--seal:#c8102e;--seal-soft:#fbe7ea;--warn:#9a5b00;--warn-soft:#fff3df;--ok:#1d7a58;--font-display:"Black Han Sans", "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:"IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--step--1:.8125rem;--step-0:1rem;--step-1:1.1875rem;--step-2:1.5rem;--step-3:2.125rem;--step-4:clamp(2.25rem, 5vw + 1rem, 3.5rem);--cell:24px;--radius:6px;--wrap:1120px;--read:68ch;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0e1311;--panel:#151c19;--ink:#e5eee9;--muted:#95a59d;--grid:#1c2823;--line:#24312b;--jade:#52c79c;--jade-soft:#15302a;--seal:#ff5c70;--seal-soft:#3a1a20;--warn:#f2b25c;--warn-soft:#33270f;--ok:#52c79c;color-scheme:dark}}:root[data-theme=dark]{--paper:#0e1311;--panel:#151c19;--ink:#e5eee9;--muted:#95a59d;--grid:#1c2823;--line:#24312b;--jade:#52c79c;--jade-soft:#15302a;--seal:#ff5c70;--seal-soft:#3a1a20;--warn:#f2b25c;--warn-soft:#33270f;--ok:#52c79c;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);word-break:keep-all;overflow-wrap:anywhere;margin:0;line-height:1.7}a{color:var(--jade);text-underline-offset:3px}a:hover{color:var(--seal)}:focus-visible{outline:2px solid var(--seal);outline-offset:2px}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.25}h1{font-family:var(--font-display);font-weight:400;font-size:var(--step-4);letter-spacing:-.01em}h2{font-size:var(--step-2);font-weight:700}h3{font-size:var(--step-1);font-weight:700}code,.mono{font-family:var(--font-mono);font-size:.92em}code{background:var(--jade-soft);border-radius:4px;padding:.1em .35em}.muted{color:var(--muted)}.wrap{max-width:var(--wrap);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper);position:fixed;inset:0 0 auto}.site-header{top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb, var(--paper) 92%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky}.site-header .wrap{align-items:center;gap:16px;padding-block:10px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.seal{background:var(--seal);color:#fff;width:40px;height:40px;font-family:var(--font-display);border-radius:5px;place-items:center;font-size:15px;line-height:1;display:inline-grid;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #ffffff59}.brand-name{font-family:var(--font-display);letter-spacing:.02em;font-size:22px}.nav{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.nav a{color:var(--ink);border-radius:var(--radius);font-size:var(--step--1);padding:6px 10px;font-weight:600;text-decoration:none}.nav a:hover{background:var(--jade-soft);color:var(--ink)}.nav .lang{border:1px solid var(--line)}.menu{position:relative}.menu>summary{cursor:pointer;border-radius:var(--radius);font-size:var(--step--1);user-select:none;align-items:center;gap:6px;padding:6px 10px;font-weight:600;list-style:none;display:inline-flex}.menu>summary::-webkit-details-marker{display:none}.menu>summary:hover,.menu[open]>summary{background:var(--jade-soft)}.menu .caret:before{content:"▾";font-size:12px;transition:transform .15s;display:inline-block}.menu[open] .caret:before{transform:rotate(180deg)}.menu-panel{background:var(--panel);border:1px solid var(--line);width:min(560px,100vw - 32px);max-height:min(70vh,560px);box-shadow:0 18px 40px -20px color-mix(in srgb, var(--ink) 55%, transparent);z-index:10;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px 20px;padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.menu-group{align-content:start;gap:2px;display:grid}.menu-h{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 8px 4px;font-size:12px;font-weight:700}.nav .menu-panel a{align-items:center;gap:10px;padding:8px;font-weight:600;display:flex}.nav .menu-panel a[aria-current=page]{color:var(--seal)}.menu-panel .g{height:30px;font-family:var(--font-display);border:1.5px solid;border-radius:4px;flex:0 0 34px;place-items:center;font-size:12px;font-weight:400;display:grid}@media (width<=560px){.site-header .wrap{position:relative}.menu{position:static}.menu-panel{width:auto;left:16px;right:16px}}.chip{font-size:var(--step--1);background:var(--jade-soft);color:var(--jade);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.sheet{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:var(--cell) var(--cell);background-position:-1px -1px}.hero{border-bottom:1px solid var(--line);padding-block:56px 40px}.hero .wrap{align-items:center;gap:32px;display:grid}@media (width>=880px){.hero .wrap{grid-template-columns:1.15fr .85fr}}.hero h1{max-width:14ch}.hero h1 em{color:var(--seal);font-style:normal}.hero p{font-size:var(--step-1);color:var(--muted);max-width:40ch;margin:16px 0 20px}.demo{background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 30px -18px color-mix(in srgb, var(--ink) 40%, transparent);border-radius:10px;gap:14px;min-width:0;padding:20px;display:grid}.demo-qr{aspect-ratio:1;background:#fff;border-radius:8px;place-items:center;width:100%;max-width:260px;margin:0 auto;padding:12px;display:grid}.demo-qr svg{width:100%;height:auto;display:block}.demo label{font-size:var(--step--1);color:var(--muted);font-weight:700}.section{padding-block:48px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.cat-h{font-size:var(--step-0);align-items:baseline;gap:10px;margin:28px 0 10px;display:flex}.cat-h:first-of-type{margin-top:0}.cat-h span{font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted);font-weight:400}.tool-grid{background:var(--grid);border:1px solid var(--grid);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1px;display:grid}.tool-card{background:var(--panel);color:var(--ink);grid-template-columns:56px 1fr;gap:4px 16px;min-width:0;padding:22px;text-decoration:none;transition:background .15s;display:grid}.tool-card:hover{background:var(--jade-soft);color:var(--ink)}.tool-card .glyph{border:1.5px solid var(--ink);width:56px;height:56px;font-family:var(--font-display);border-radius:4px;grid-row:span 2;place-items:center;font-size:20px;display:grid}.tool-card:hover .glyph{border-color:var(--seal);color:var(--seal)}.tool-card h3{font-size:var(--step-1)}.tool-card p{font-size:var(--step--1);color:var(--muted);margin:0;line-height:1.6}.promise{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;display:grid}.promise div{border-top:2px solid var(--ink);padding-top:12px}.promise strong{font-size:var(--step-1);margin-bottom:4px;display:block}.promise p{color:var(--muted);font-size:var(--step--1);margin:0}.tool-head{padding-block:36px 24px}.crumbs{font-size:var(--step--1);color:var(--muted);margin-bottom:10px}.crumbs a{color:var(--muted)}.tool-head h1{max-width:28ch;font-size:clamp(1.75rem,3vw + 1rem,2.75rem)}.tool-head .lead{font-size:var(--step-1);color:var(--muted);max-width:52ch;margin:12px 0 14px}.workbench{align-items:start;gap:20px;display:grid}@media (width>=900px){.workbench{grid-template-columns:minmax(0,1fr) minmax(0,420px)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:16px;min-width:0;padding:20px;display:grid}.panel h2{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.result{top:calc(env(safe-area-inset-top,0px) + 76px);position:sticky}.field{gap:6px;min-width:0;display:grid}.field>label,.field>.label{font-size:var(--step--1);font-weight:700}.row{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;display:grid}input[type=text],input[type=url],input[type=number],input[type=date],input[type=password],select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius);min-width:0;padding:10px 12px}textarea{resize:vertical;line-height:1.7}input:focus,select:focus,textarea:focus{border-color:var(--jade);outline:none}input[type=color]{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;height:42px;padding:3px}input[type=range]{width:100%;accent-color:var(--jade)}.check{font-size:var(--step--1);align-items:center;gap:8px;font-weight:600;display:flex}.check input{accent-color:var(--jade);width:18px;height:18px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button,.preset{font:inherit;font-size:var(--step--1);border-radius:var(--radius);border:1.5px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;padding:7px 12px;font-weight:600}.seg button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.preset:hover,.seg button:hover{border-color:var(--jade)}.btn{font:inherit;font-weight:700;font-size:var(--step--1);border-radius:var(--radius);border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:11px 16px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--seal);border-color:var(--seal);color:#fff}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--jade-soft);color:var(--ink);border-color:var(--jade)}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions .btn{flex:auto}.output{font-family:var(--font-mono);font-size:var(--step--1);background:var(--paper);border:1.5px dashed var(--line);border-radius:var(--radius);overflow-wrap:anywhere;word-break:break-all;min-height:48px;padding:12px}.qr-stage{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;padding:16px;display:grid}.qr-stage svg{width:100%;max-width:340px;height:auto;display:block}.note{font-size:var(--step--1);color:var(--muted);margin:0}.stats{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:1px;display:grid;overflow:hidden}.stat{background:var(--panel);gap:2px;padding:12px 14px;display:grid}.stat b{font-family:var(--font-mono);font-size:var(--step-2);font-variant-numeric:tabular-nums;line-height:1.2}.stat span{font-size:var(--step--1);color:var(--muted)}.stat.key b{color:var(--seal)}.meter{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.meter i{background:var(--jade);width:0;height:100%;transition:width .2s;display:block}.meter.over i{background:var(--seal)}.symbol-tabs{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.symbol-tabs button{flex:none}.symbols{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px;display:grid}.symbols button{aspect-ratio:1;background:var(--panel);border:1px solid var(--line);color:var(--ink);cursor:pointer;font-size:22px;font-family:var(--font-body);border-radius:4px}.symbols button:hover{background:var(--jade-soft);color:var(--seal)}.flags{gap:8px;margin:0;padding:0;list-style:none;display:grid}.flags li{border-radius:var(--radius);font-size:var(--step--1);border-left:4px solid;padding:10px 12px}.flags .bad{background:var(--seal-soft);border-color:var(--seal)}.flags .warn{background:var(--warn-soft);border-color:var(--warn)}.flags .good{background:var(--jade-soft);border-color:var(--ok)}.verdict{font-family:var(--font-display);font-size:var(--step-2)}.verdict.bad{color:var(--seal)}.verdict.warn{color:var(--warn)}.verdict.good{color:var(--ok)}.domain-split{font-family:var(--font-mono);font-size:var(--step-0);overflow-wrap:anywhere}.domain-split mark{background:var(--seal-soft);color:var(--seal);border-radius:3px;padding:0 2px;font-weight:700}.wifi-card{color:#17201c;text-align:center;background:#fff;border:2px solid #17201c;border-radius:12px;gap:10px;padding:18px;display:grid}.wifi-card .venue{font-family:var(--font-display);font-size:22px}.wifi-card .meta{font-family:var(--font-mono);text-align:left;gap:2px;font-size:13px;display:grid}.wifi-card svg{width:100%;max-width:220px;margin:0 auto;display:block}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);font-weight:700;font-size:var(--step--1);opacity:0;pointer-events:none;z-index:20;border-radius:999px;padding:10px 18px;transition:all .2s;position:fixed;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.prose{max-width:var(--read)}.prose>*+*{margin-top:1em}.prose h2{margin-top:1.8em}.prose h3{margin-top:1.5em}.prose ol,.prose ul{padding-left:1.3em}.prose li+li{margin-top:.4em}.guide{gap:40px;padding-block:48px 24px;display:grid}@media (width>=900px){.guide{grid-template-columns:minmax(0,1fr) 300px}}.faq details{border-top:1px solid var(--line);padding-block:14px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;font-weight:700;list-style:none;display:flex}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--seal)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin:8px 0 0}.side{align-content:start;gap:12px;display:grid}.side h2{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.side a{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);align-items:center;gap:10px;padding:10px 12px;font-weight:600;text-decoration:none;display:flex}.side a:hover{border-color:var(--jade);color:var(--ink)}.side .g{font-family:var(--font-display);color:var(--seal);text-align:center;flex:0 0 44px;width:44px;font-size:14px}.contact-mail{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-wrap:wrap;gap:12px;padding:14px 16px;display:flex}.site-footer{border-top:1px solid var(--line);padding-block:32px calc(32px + env(safe-area-inset-bottom,0px));font-size:var(--step--1);color:var(--muted);margin-top:48px}.site-footer .wrap{gap:16px;display:grid}.site-footer nav{flex-wrap:wrap;gap:4px 18px;display:flex}.site-footer a{color:var(--muted)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.post-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;display:grid}.post-card{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;align-content:start;gap:8px;min-width:0;padding:20px;text-decoration:none;display:grid}.post-card:hover{border-color:var(--jade);color:var(--ink)}.kicker{font-size:var(--step--1);color:var(--seal);justify-self:start;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.kicker .g{font-family:var(--font-display);border:1.5px solid;border-radius:3px;place-items:center;min-width:30px;height:22px;padding:0 4px;font-size:11px;font-weight:400;display:inline-grid}a.kicker:hover{color:var(--ink)}.post-meta{font-size:var(--step--1);color:var(--muted);font-family:var(--font-mono);margin:0}.toc{border:1px solid var(--line);background:var(--panel);font-size:var(--step--1);border-radius:10px;margin-bottom:1.5em;padding:14px 18px}.toc ol{margin:6px 0 0;padding-left:1.2em}.toc li{margin:2px 0}.side-tool{gap:10px;padding-bottom:8px;display:grid}@media (width>=900px){.post-body+.side{position:sticky;top:84px}}.post-card h2,.post-card h3{font-size:var(--step-1)}.post-card p{font-size:var(--step--1);color:var(--muted);margin:0}.post-card time{font-size:var(--step--1);color:var(--muted);font-family:var(--font-mono)}.post-title{font-family:var(--font-body)!important;font-size:clamp(1.6rem,2.4vw + 1rem,2.4rem)!important;font-weight:700!important}.post-body table{border-collapse:collapse;white-space:normal;width:100%;font-size:var(--step--1);display:block;overflow-x:auto}.post-body th,.post-body td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.post-body th{background:var(--jade-soft)}.post-body td{font-variant-numeric:tabular-nums}@media (width<=600px){.post-body th,.post-body td{padding:6px 7px}}.try{border:2px solid var(--ink);color:var(--ink);background:var(--panel);border-radius:10px;align-items:center;gap:14px;margin-top:2em;padding:16px 18px;text-decoration:none;display:flex}.try:hover{border-color:var(--seal);color:var(--ink)}.try .g{font-family:var(--font-display);color:var(--seal);text-align:center;width:44px;font-size:22px}.try small{color:var(--muted);font-size:var(--step--1);display:block}.try .go{color:var(--seal);white-space:nowrap;margin-left:auto;font-weight:700}.stats .stat:last-child:nth-child(odd){grid-column:1/-1}.result .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.big-num{gap:4px;display:grid}.big-num span{font-family:var(--font-display);color:var(--seal);overflow-wrap:anywhere;font-size:clamp(2rem,5vw + 1rem,3rem);line-height:1.1}.big-num small{font-size:var(--step--1);color:var(--muted);font-weight:600}.inline-row{gap:8px;display:flex}.inline-row input{flex:1}.inline-row .btn{flex:none}.table-scroll{border:1px solid var(--line);border-radius:var(--radius);max-height:420px;overflow:auto}.table-scroll table{border-collapse:collapse;width:100%;font-size:var(--step--1);font-variant-numeric:tabular-nums}.table-scroll th,.table-scroll td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:8px 10px}.table-scroll th{background:var(--jade-soft);position:sticky;top:0}.table-scroll tr.past td{color:var(--muted)}.table-scroll tr.now td{color:var(--seal);font-weight:700}.age-table summary{cursor:pointer;font-weight:700;font-size:var(--step--1);margin-bottom:8px}.ladder-stage{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:40px;overflow-x:auto}.ladder-stage:empty{display:none}.ladder-stage svg{margin:0 auto;display:block}.ladder-stage .rail,.ladder-stage .rung{stroke:#17201c;stroke-width:3px}.ladder-stage .cover{fill:#e9ede9;stroke:#c9d1cb}.ladder-stage .trace{fill:none;stroke-width:6px;stroke-linejoin:round;stroke-linecap:round;opacity:.9}.ladder-stage .lname{cursor:pointer}.ladder-stage .lname rect{fill:#17201c}.ladder-stage .lname:hover rect,.ladder-stage .lname:focus rect{fill:#c8102e}.ladder-stage .lname text{fill:#fff;font:700 13px var(--font-body);text-anchor:middle}.ladder-stage .lres{fill:#17201c;font:700 13px var(--font-body);text-anchor:middle}.pick-list{gap:6px;margin:0;padding-left:1.6em;display:grid}.pick-list:empty{display:none}.pick-list li{animation:.3s both pop}.pick-list li.win b{color:var(--seal)}.pick-list li.win:after{content:" ★";color:var(--seal)}@keyframes pop{0%{opacity:0;transform:translateY(4px)}}.dropzone{text-align:center;border:2px dashed var(--line);cursor:pointer;background:var(--paper);border-radius:10px;justify-items:center;gap:10px;padding:28px 16px;display:grid;position:relative}.dropzone.over,.dropzone:hover{border-color:var(--jade);background:var(--jade-soft)}.dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.dropzone:focus-within{outline:2px solid var(--jade);outline-offset:2px}.img-list{gap:8px;max-height:520px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.img-list li{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.img-list li.note{border:0;padding:0;display:block}.img-thumb{object-fit:cover;background:var(--line);border-radius:4px;width:56px;height:56px}.img-meta{font-size:var(--step--1);gap:2px;min-width:0;display:grid}.img-meta b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.img-meta em{font-style:normal;font-weight:700}.img-meta .good{color:var(--ok)}.img-meta .bad{color:var(--seal)}.img-list .btn{padding:8px 12px}.big-text{font-family:var(--font-body);font-size:var(--step-1);white-space:pre-wrap;word-break:keep-all;min-height:120px}.try-top{margin-top:14px}.post-body .scene{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--jade);font-size:var(--step-0);border-radius:8px;padding:14px 18px}.post-body .scene:before{content:attr(data-label);letter-spacing:.06em;color:var(--jade);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.post-body .fig{color:#17201c;border:1px solid var(--line);background:#fff;border-radius:10px;margin:1.6em 0;padding:16px}.post-body .fig svg{width:100%;max-width:560px;height:auto;margin:0 auto;display:block}.post-body .fig figcaption{font-size:var(--step--1);color:#5a6660;text-align:center;margin-top:10px}.post-body .example{border:1.5px dashed var(--line);background:var(--paper);border-radius:8px;padding:14px 18px}.post-body .example:before{content:attr(data-label);color:var(--paper);background:var(--ink);border-radius:3px;margin-bottom:6px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-block}.post-body .example>*+*{margin-top:.6em}.post-body .compare{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;display:grid}.post-body .compare>div{font-size:var(--step--1);border-radius:8px;padding:12px 16px}.post-body .compare>div:before{margin-bottom:4px;font-weight:700;display:block}.post-body .compare .bad{background:var(--seal-soft)}.post-body .compare .bad:before{content:attr(data-label);color:var(--seal)}.post-body .compare .good{background:var(--jade-soft)}.post-body .compare .good:before{content:attr(data-label);color:var(--jade)}.post-body .tip{background:var(--warn-soft);font-size:var(--step--1);border-radius:8px;padding:12px 16px}.post-body .sources{border-top:1px solid var(--line);font-size:var(--step--1);color:var(--muted);margin-top:2.5em;padding-top:14px}.post-body .sources:before{content:attr(data-label);color:var(--ink);margin-bottom:4px;font-weight:700;display:block}.post-body .sources ul{margin:0 0 8px;padding-left:1.2em}.post-body .sources p{margin:0}.post-body .shot{margin:1.5em 0}.post-body .shot img{border:1px solid var(--line);border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 2px 10px #0000000f}.post-body .shot figcaption{font-size:var(--step--1);color:var(--muted);margin-top:8px}.post-hero{margin:0 0 28px}.post-hero img{aspect-ratio:120/56;object-fit:cover;background:var(--line);border-radius:12px;width:100%;height:auto;display:block}.post-hero figcaption{color:var(--muted);text-align:right;margin-top:6px;font-size:12px}.post-hero figcaption a{color:var(--muted)}.post-thumb{aspect-ratio:64/30;object-fit:cover;background:var(--line);border-radius:10px 10px 0 0;justify-self:stretch;width:auto;min-width:0;max-width:none;height:auto;margin:-20px -20px 4px;display:block}.post-card{overflow:hidden}