:root{--bg: #F7F5F0;--bg-2: #EFECE5;--surface: #FFFFFF;--line: #E5E1D8;--line-2: #CFC9BD;--ink: #17191E;--ink-2: #4B505A;--ink-3: #63686F;--brand: #1E3A5F;--brand-2: #2B5282;--brand-tint: #E8EEF6;--red: #B23F2E;--red-tint: #F7E8E4;--violet: #5B4A8C;--violet-tint: #EDE9F5;--amber: #B7791F;--amber-tint: #FBF1DC;--radius: 16px;--radius-s: 10px;--shadow: 0 1px 2px rgba(23, 25, 30, .04), 0 16px 40px -20px rgba(23, 25, 30, .18);--shadow-hover: 0 2px 4px rgba(23, 25, 30, .05), 0 24px 48px -20px rgba(23, 25, 30, .24);--max: 1120px;--measure: 700px;--gutter: clamp(1rem, 4vw, 2rem);--sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, system-ui, sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "D2Coding", monospace;--paper: var(--bg);--border: var(--line);--text: var(--ink);--muted: var(--ink-2);--accent: var(--brand);--stamp: var(--red);--info-border: #B9C7DA;--display: var(--sans)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--sans);font-size:100%;line-height:1.75;color:var(--ink);background:var(--bg);word-break:keep-all;overflow-wrap:anywhere;-webkit-text-size-adjust:100%;font-feature-settings:"tnum" 1,"ss01" 1;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-size:1.0625rem}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}img,svg,video{max-width:100%;height:auto;display:block}button{font:inherit}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;line-height:1.25;text-wrap:balance;margin:0;color:var(--ink)}h1{font-size:clamp(2rem,4.6vw,3rem)}h2{font-size:clamp(1.5rem,2.8vw,1.9rem)}h3{font-size:1.2rem}p{margin:0}.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}.site-main{min-height:60vh}.kicker{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.muted{color:var(--ink-2)}.small{font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem 1.4rem;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.975rem;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--brand);color:#fff}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.btn-ghost:hover{border-color:var(--ink)}.btn-light{background:#fff;color:var(--brand)}.btn-light:hover{background:var(--brand-tint)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem}.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand-mark{width:30px;height:30px;flex:none}.brand small{display:block;font-size:.7rem;font-weight:500;color:var(--ink-3);letter-spacing:.06em;line-height:1;margin-top:.15rem}.site-nav{display:flex;align-items:center;gap:.15rem}.site-nav a{padding:.5rem .75rem;border-radius:999px;font-size:.925rem;font-weight:500;color:var(--ink-2);transition:color .15s ease,background-color .15s ease}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);background:var(--bg-2);text-decoration:none}.site-nav .ig{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;margin-left:.25rem}.site-nav .ig svg{width:20px;height:20px}.site-footer{margin-top:5rem;border-top:1px solid var(--line);background:var(--bg-2)}.site-footer .wrap{padding-block:3rem 2.25rem}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2rem}.footer-grid h3{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.8rem}.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.footer-grid a{color:var(--ink-2);font-size:.925rem}.footer-grid a:hover{color:var(--ink)}.footer-brand p{color:var(--ink-2);font-size:.925rem;max-width:34ch;margin-top:.8rem}.footer-bottom{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line-2);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;font-size:.8rem;color:var(--ink-3)}.stamp{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;letter-spacing:.01em;line-height:1;padding:.38rem .6rem;border-radius:999px;white-space:nowrap}.stamp:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.stamp-measured{color:var(--red);background:var(--red-tint)}.stamp-data{color:var(--brand);background:var(--brand-tint)}.stamp-reviews{color:var(--violet);background:var(--violet-tint)}.card-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.card{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--line-2)}.card-media{aspect-ratio:3 / 2;overflow:hidden;background:var(--bg-2)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.card:hover .card-media img{transform:scale(1.035)}.card-body{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.2rem 1.25rem;flex:1}.card-top{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--ink-3)}.card h3{font-size:1.15rem;line-height:1.35;transition:color .2s ease}.card:hover h3{color:var(--brand)}.card p{font-size:.925rem;color:var(--ink-2);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card time{margin-top:auto;padding-top:.4rem;font-size:.8rem;color:var(--ink-3)}.empty{color:var(--ink-2);padding:2rem 0}.card-feature{grid-column:1 / -1;flex-direction:row}.card-feature .card-media{flex:0 0 56%;aspect-ratio:auto;min-height:340px}.card-feature .card-body{padding:2rem 2.2rem;justify-content:center;gap:.9rem}.card-feature h3{font-size:clamp(1.4rem,2.4vw,1.85rem)}.card-feature p{-webkit-line-clamp:4;font-size:1rem}.section{padding-block:clamp(3rem,7vw,5.5rem)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.section-head p{color:var(--ink-2);margin-top:.4rem;max-width:52ch}.section-head .more{flex:none;font-size:.925rem;font-weight:600;color:var(--ink)}.hero{padding-block:clamp(2.5rem,6vw,5rem) clamp(2rem,5vw,3.5rem)}.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.hero h1{margin:.9rem 0 1.1rem;font-size:clamp(2.2rem,5vw,3.4rem)}.hero .lede{font-size:1.1rem;color:var(--ink-2);max-width:44ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}.hero-proof{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:2rem 0 0;padding:0;list-style:none;font-size:.875rem;color:var(--ink-2)}.hero-proof b{font-weight:700;color:var(--ink);margin-right:.3rem}.hero-visual{position:relative}.hero-visual .photo{position:relative;border-radius:calc(var(--radius) + 6px);overflow:hidden;aspect-ratio:3 / 2;box-shadow:var(--shadow);background:var(--bg-2)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease;pointer-events:none}.hero-video.on{opacity:1}.hero-visual .photo img{width:100%;height:100%;object-fit:cover}.hero-note{position:absolute;left:-1.25rem;bottom:1.5rem;max-width:300px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:.9rem 1.1rem;box-shadow:var(--shadow);font-size:.875rem;line-height:1.55}.hero-note .stamp{margin-bottom:.5rem}.hero-note p{color:var(--ink-2)}.hero-note b{color:var(--ink)}.cat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.cat-card{display:block;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.cat-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow-hover)}.cat-card .thumb{aspect-ratio:1;overflow:hidden;background:var(--bg-2)}.cat-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.cat-card:hover .thumb img{transform:scale(1.05)}.cat-card .label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.8rem .95rem .9rem}.cat-card .label b{font-size:.975rem;font-weight:600}.cat-card .label span{font-size:.8rem;color:var(--ink-3)}.method{background:var(--surface);border-block:1px solid var(--line)}.method .wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(2rem,5vw,4rem)}.method h2{margin-top:.7rem}.method .intro{color:var(--ink-2);margin-top:1rem;max-width:40ch}.method .honest{margin-top:1.5rem;padding:1.1rem 1.25rem;border-left:3px solid var(--brand);background:var(--bg);border-radius:0 var(--radius-s) var(--radius-s) 0;font-size:.95rem}.method .honest b{display:block;margin-bottom:.25rem}.method dl{margin:0;display:grid;gap:0;border-top:1px solid var(--line)}.method dl div{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:1.25rem;padding:1.2rem 0;border-bottom:1px solid var(--line);align-items:start}.method dt{margin:0}.method dd{margin:0;color:var(--ink-2);font-size:.95rem}.method dd b{color:var(--ink);display:block;margin-bottom:.15rem}.method .plan{margin-top:1.5rem;font-size:.875rem;color:var(--ink-3)}.method .plan b{color:var(--ink-2);font-weight:600}.band{background:var(--brand);color:#fff}.band .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;padding-block:clamp(2.5rem,5vw,4rem)}.band .kicker{color:#c9d6e8}.band h2{color:#fff;margin-top:.6rem}.band p{color:#d6e0ee;margin-top:.8rem;max-width:46ch}.band .formula{font-family:var(--mono);font-size:.875rem;color:#e8eef6;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-s);padding:1rem 1.2rem}.band .actions{margin-top:1.4rem}.insta .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;align-items:center}.insta p{color:var(--ink-2);margin-top:.8rem;max-width:40ch}.insta .handle{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.4rem;font-weight:600;color:var(--ink)}.insta .handle svg{width:20px;height:20px}.insta-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.insta-cards a{display:block;border-radius:var(--radius-s);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .25s ease}.insta-cards a:hover{transform:translateY(-3px) rotate(-.5deg)}.insta-cards a:nth-child(2):hover{transform:translateY(-3px) rotate(.5deg)}.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}.progress span{display:block;height:100%;width:0;background:var(--brand);transition:width .1s linear}.post-head{max-width:820px;padding-top:clamp(2rem,5vw,3.5rem)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.85rem;color:var(--ink-3);margin:0;padding:0;list-style:none}.crumbs a{color:var(--ink-2)}.crumbs li+li:before{content:"/";margin-right:.4rem;color:var(--line-2)}.post-head h1{margin:.9rem 0 1rem;font-size:clamp(1.85rem,4.2vw,2.7rem)}.post-head .lede{font-size:1.1rem;color:var(--ink-2);max-width:60ch}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-top:1.25rem;font-size:.875rem;color:var(--ink-3)}.post-meta a{color:var(--ink-2);font-weight:500}.post-meta>span+span:before,.post-meta>time+span:before,.post-meta>a+time:before{content:"·";margin-right:.9rem;color:var(--line-2)}.post-hero{margin:2rem 0 0}.post-hero .frame{border-radius:var(--radius);overflow:hidden;aspect-ratio:21 / 9;background:var(--bg-2)}.post-hero img{width:100%;height:100%;object-fit:cover}.post-hero figcaption{margin-top:.6rem;font-size:.8rem;color:var(--ink-3)}.post-grid{display:grid;grid-template-columns:minmax(0,var(--measure)) 280px;gap:clamp(2rem,6vw,5rem);justify-content:space-between;padding-top:2.5rem}.post-rail{position:sticky;top:5.25rem;align-self:start;display:grid;gap:1.25rem}.rail-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:1.1rem 1.2rem}.rail-box .title{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.7rem}.rail-box p{font-size:.9rem;color:var(--ink-2)}.rail-box .btn{margin-top:.9rem;width:100%;min-height:2.6rem;font-size:.9rem}.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.1rem;counter-reset:toc}.toc li{counter-increment:toc}.toc a{display:grid;grid-template-columns:1.4rem 1fr;gap:.2rem;padding:.4rem .5rem;border-radius:6px;font-size:.9rem;color:var(--ink-2);line-height:1.45;transition:color .15s ease,background-color .15s ease}.toc a:before{content:counter(toc,decimal-leading-zero);font-size:.7rem;font-weight:700;color:var(--ink-3);padding-top:.15rem}.toc a:hover,.toc a.active{color:var(--ink);background:var(--bg);text-decoration:none}.toc a.active:before{color:var(--brand)}.toc-mobile{display:none;margin:0 0 1.75rem;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface)}.toc-mobile summary{cursor:pointer;padding:.85rem 1.1rem;font-weight:600;font-size:.95rem;list-style:none;display:flex;justify-content:space-between;align-items:center}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:after{content:"+";color:var(--ink-3);font-weight:400}.toc-mobile[open] summary:after{content:"−"}.toc-mobile .toc{padding:0 .7rem .8rem}.callout{margin:0 0 1.25rem;padding:.85rem 1.1rem;border-radius:var(--radius-s);font-size:.9rem;line-height:1.6;border:1px solid}.callout-warn{background:var(--amber-tint);border-color:#e7d4a4;color:#5c4310}.callout-info{background:var(--brand-tint);border-color:var(--info-border);color:#24405f}.glance{margin:.5rem 0 2rem;padding:1.4rem 1.5rem 1.5rem;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--radius-s)}.glance-title{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:.7rem}.glance ol{margin:0;padding:0;list-style:none;display:grid;gap:.6rem;counter-reset:g}.glance li{counter-increment:g;display:grid;grid-template-columns:1.6rem 1fr;gap:.5rem;font-size:1rem;line-height:1.6}.glance li:before{content:counter(g);width:1.5rem;height:1.5rem;border-radius:50%;background:var(--brand);color:#fff;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-top:.15rem}.post-body{font-size:1.0625rem;line-height:1.85}.post-body>:first-child{margin-top:0}.post-body h2{font-size:1.5rem;margin:2.8rem 0 1rem;padding-top:1.4rem;border-top:1px solid var(--line);scroll-margin-top:5.5rem}.post-body h3{font-size:1.2rem;margin:2rem 0 .7rem;scroll-margin-top:5.5rem}.post-body p{margin:0 0 1.1rem}.post-body ul,.post-body ol{padding-left:1.3rem;margin:0 0 1.2rem}.post-body li{margin:.35rem 0}.post-body li::marker{color:var(--ink-3)}.post-body strong{font-weight:700}.post-body mark{background:linear-gradient(transparent 55%,#fbe9a6 55%);color:inherit;padding:0 .1em}.post-body a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2)}.post-body a:hover{text-decoration-color:currentColor}.post-body blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:3px solid var(--line-2);background:var(--surface);border-radius:0 var(--radius-s) var(--radius-s) 0;color:var(--ink-2)}.post-body table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.925rem;background:var(--surface);display:block;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-s)}.post-body th,.post-body td{border-bottom:1px solid var(--line);padding:.75rem .9rem;text-align:left;vertical-align:top}.post-body th{background:var(--bg-2);font-weight:700;white-space:nowrap;font-size:.85rem;color:var(--ink-2)}.post-body td:first-child{font-weight:600;white-space:nowrap}.post-body tbody tr:last-child td{border-bottom:0}.post-body img{border-radius:var(--radius-s)}.buy-box{margin:2.5rem 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.buy-box .buy-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;padding:1.1rem 1.4rem;border-bottom:1px solid var(--line);font-weight:700;font-size:1.05rem;background:var(--bg)}.buy-box .buy-head small{font-weight:500;font-size:.75rem;color:var(--ink-3)}.buy-box ul{margin:0;padding:1.1rem 1.4rem .6rem 2.6rem;display:grid;gap:.45rem;font-size:.975rem}.buy-box li::marker{color:var(--brand)}.buy-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.8rem 1.4rem .7rem;padding:.95rem 1rem;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.buy-btn:after{content:"→"}.buy-btn:hover{background:var(--brand-2);color:#fff;text-decoration:none;transform:translateY(-1px)}.buy-note{margin:0;padding:0 1.4rem 1.1rem;font-size:.8rem;color:var(--ink-3)}.related{margin-top:2.5rem;display:grid;gap:.5rem}.related-title{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .3rem}.related a{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);color:var(--ink);font-weight:500;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.related a:before{content:"→";color:var(--brand);flex:none}.related a:hover{border-color:var(--brand);transform:translate(2px);text-decoration:none}.tags{list-style:none;padding:0;margin:2.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.tags li{font-size:.825rem;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.3rem .8rem;transition:border-color .15s ease,color .15s ease}.tags li:hover{border-color:var(--ink);color:var(--ink)}.tags a{color:inherit;text-decoration:none}.tags.category-nav{margin:0 0 1.75rem}.post-foot{margin-top:3rem;padding:1.4rem 1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start}.post-foot .mark{width:44px;height:44px}.post-foot b{display:block;margin-bottom:.3rem}.post-foot p{font-size:.9rem;color:var(--ink-2)}.post-foot a{font-weight:500}.archive-head{padding-block:clamp(2.5rem,5vw,4rem) 2rem;max-width:720px}.archive-head h1{margin:.6rem 0 .8rem}.archive-head h1 small{font-size:1rem;font-weight:500;color:var(--ink-3);margin-left:.6rem;letter-spacing:0}.archive-head p{color:var(--ink-2)}.archive-body{padding-bottom:clamp(3rem,7vw,5rem)}.page{max-width:760px;padding-block:clamp(2.5rem,5vw,4rem) clamp(3rem,7vw,5rem)}.page h1{margin:.6rem 0 1rem}.page h2{font-size:1.35rem;margin:2.5rem 0 .8rem}.page p{margin:0 0 1rem;color:var(--ink-2)}.page ul,.page ol{padding-left:1.3rem;margin:0 0 1.2rem;color:var(--ink-2)}.page li{margin:.4rem 0}.page .lede{font-size:1.15rem;color:var(--ink-2)}.page .photo{border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 7;margin:2rem 0}.page .photo img{width:100%;height:100%;object-fit:cover}.principles{counter-reset:p;list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.75rem}.principles li{counter-increment:p;display:grid;grid-template-columns:2.2rem 1fr;gap:.9rem;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);margin:0;color:var(--ink)}.principles li:before{content:counter(p,decimal-leading-zero);font-weight:700;color:var(--brand);font-size:.85rem;padding-top:.2rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:1024px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-grid{grid-template-columns:minmax(0,1fr)}.post-rail{display:none}.toc-mobile{display:block}}@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero-visual{order:-1}.hero-note{position:static;max-width:none;margin:.9rem 0 0}.card-feature{flex-direction:column}.card-feature .card-media{flex:none;aspect-ratio:16 / 9;min-height:0}.card-feature .card-body{padding:1.4rem 1.5rem 1.6rem}.method .wrap,.band .wrap,.insta .wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.section-head{flex-direction:column;align-items:start}}@media(max-width:600px){body{font-size:1rem}.site-header .wrap{min-height:3.75rem}.brand small{display:none}.site-nav a{padding:.45rem .55rem;font-size:.875rem}.card-grid{grid-template-columns:1fr;gap:1.1rem}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hero-visual .photo{aspect-ratio:3 / 2}.hero-video{display:none}.hero-actions .btn{flex:1 1 auto}.method dl div{grid-template-columns:1fr;gap:.4rem}.post-hero .frame{aspect-ratio:16 / 10;border-radius:var(--radius-s)}.post-body{font-size:1rem;line-height:1.8}.post-body td:first-child{white-space:normal}.post-body h2{font-size:1.35rem}.post-foot{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.insta-cards{gap:.5rem}.glance{padding:1.1rem 1.1rem 1.2rem}.buy-box .buy-head{flex-direction:column;gap:.15rem}}.brand span,.site-nav a{white-space:nowrap}.site-nav{flex:none}.site-nav .short{display:none}@media(max-width:600px){.site-nav .full{display:none}.site-nav .short{display:inline}.brand{font-size:1rem;gap:.45rem}.brand-mark{width:26px;height:26px}.site-nav a{padding:.45rem .5rem}.site-nav .ig{width:2.2rem;height:2.2rem;margin-left:0}}.card-grid>li{display:flex;margin:0}.card-grid>li.feature{grid-column:1 / -1}.card-grid .card{flex:1}.principles li>span .stamp{vertical-align:middle;margin:0 .15rem .2rem 0}.calc-page h1{margin:.6rem 0 .8rem}.calc-page .lede{color:var(--muted);margin:0 0 1.5rem}.calc-page .calc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;display:grid;gap:1.1rem}.calc-page .seg{display:flex;flex-wrap:wrap;gap:.3rem;background:var(--paper);border:1px solid var(--border);border-radius:999px;padding:.25rem}.calc-page .seg button{flex:1;font:inherit;font-size:.95rem;font-weight:600;border:0;border-radius:999px;background:none;padding:.55rem .5rem;cursor:pointer;color:var(--muted);white-space:nowrap;transition:background-color .15s ease,color .15s ease}.calc-page .seg button[aria-pressed=true]{background:var(--text);color:var(--surface)}.calc-page .seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.calc-page .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}.calc-page .field{display:grid;gap:.25rem;align-content:start}.calc-page .field label{font-size:.88rem;color:var(--muted)}.calc-page .field input,.calc-page .field select{font:600 1.05rem var(--sans);color:var(--text);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-s);padding:.6rem .75rem;width:100%;font-variant-numeric:tabular-nums}.calc-page .field input:focus-visible,.calc-page .field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.calc-page .note{margin:0;font-size:.85rem;color:var(--muted)}.calc-page .note strong{color:var(--stamp);font-weight:700}.calc-page .total{display:grid;gap:.6rem;border-top:1px solid var(--border);padding-top:1rem}.calc-page .t-label{font-size:.92rem;color:var(--muted)}.calc-page .t-num{font-weight:700;letter-spacing:-.02em;font-size:clamp(2rem,7vw,2.8rem);line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.calc-page .t-sub{margin:0;color:var(--text);font-weight:600}.calc-page .bar{display:flex;height:12px;background:var(--paper);border:1px solid var(--border);border-radius:999px;overflow:hidden}.calc-page .bar span{display:block;height:100%}.calc-page .seg1{background:var(--text)}.calc-page .seg2{background:var(--accent)}.calc-page .seg3{background:var(--info-border)}.calc-page .legend{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;font-size:.88rem;color:var(--muted)}.calc-page .legend i{display:inline-block;width:10px;height:10px;margin-right:.35rem;vertical-align:-1px}.calc-page .legend b{font-weight:600;color:var(--text)}.calc-page .formula{font-family:var(--mono);font-size:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);padding:.8rem 1rem}.calc-page .related{margin-top:0;padding-left:0;list-style:none}.calc-page table{width:100%;border-collapse:collapse;font-size:.92rem;margin:0 0 1.2rem}.calc-page th,.calc-page td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--border);vertical-align:top}.calc-page th{font-size:.82rem;color:var(--muted);font-weight:600}.calc-page td{color:var(--text);font-variant-numeric:tabular-nums}.calc-page tr.on td{background:var(--brand-tint);font-weight:600}.calc-page .sources{font-size:.85rem}.calc-page .tool-list{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.75rem}.tool-list li{margin:0}.tool-list a{display:grid;gap:.2rem;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);color:var(--ink);text-decoration:none;transition:border-color .2s ease,transform .2s ease}.tool-list a:hover{border-color:var(--brand);transform:translate(2px);text-decoration:none}.tool-list b{font-size:1.05rem}.tool-list span{font-size:.9rem;color:var(--ink-2)}@media(max-width:480px){.calc-page .fields{grid-template-columns:1fr}.calc-page .seg:has(>:nth-child(4)){display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-s)}.calc-page .seg:has(>:nth-child(4)) button{border-radius:7px}}