:root{--blue:#3182f6;--blue-strong:#1b64da;--bg:#fff;--bg-muted:#f2f4f6;--bg-hover:#f5f7f9;--text:#212529;--text-2:#4e5968;--text-3:#6b7684;--border:#e5e8eb;--radius-xs:8px;--radius-sm:10px;--radius-md:12px;--radius-lg:24px;--radius-full:999px;--dur-fast:.2s;--w-content:720px;--w-wide:960px;--success:#0b6e4f;--danger:#c0262c}:root[data-theme=dark]{--bg:#17171c;--bg-muted:#22242a;--bg-hover:#26282f;--text:#e9ebee;--text-2:#b0b8c1;--text-3:#8b95a1;--border:#2e3138;--blue:#4593fc;--blue-strong:#6aa8ff;--success:#3ddc97;--danger:#ff6b6b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#17171c;--bg-muted:#22242a;--bg-hover:#26282f;--text:#e9ebee;--text-2:#b0b8c1;--text-3:#8b95a1;--border:#2e3138;--blue:#4593fc;--blue-strong:#6aa8ff;--success:#3ddc97;--danger:#ff6b6b}}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;word-break:keep-all;overflow-wrap:break-word;scrollbar-gutter:stable;font-family:Toss Product Sans,Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Roboto,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;font-size:16px;line-height:1.8}body{margin:0}h1,h2,h3,.post-card h2,.hero-text h1{text-wrap:balance}p{text-wrap:pretty}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--radius-xs)}img{border-radius:var(--radius-md);max-width:100%;height:auto}.container{max-width:var(--w-content);margin:0 auto;padding:0 1.1rem}.container-wide{max-width:var(--w-wide);margin:0 auto;padding:0 1.1rem}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:.8rem;height:56px;display:flex}.site-title{color:var(--text);letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.site-title:hover{color:var(--blue);text-decoration:none}.aux-nav{align-items:center;gap:.15rem;font-size:.88rem;display:flex}.aux-nav a{color:var(--text-3);border-radius:var(--radius-sm);transition:background var(--dur-fast);padding:.35rem .6rem}.aux-nav a:hover{background:var(--bg-muted);text-decoration:none}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;color:var(--text-2)!important;padding:0!important}.icon-btn:hover{background:var(--bg-muted)}.cat-nav{border-top:1px solid var(--border)}.cat-nav-inner{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.2rem;display:flex;overflow-x:auto}.cat-nav-inner::-webkit-scrollbar{display:none}.cat-nav-inner a{color:var(--text-2);letter-spacing:-.01em;transition:color var(--dur-fast);border-bottom:2.5px solid #0000;flex:none;padding:.65rem .8rem;font-size:.97rem;font-weight:700}.cat-nav-inner a:hover{color:var(--blue);text-decoration:none}.cat-nav-inner a.on{color:var(--blue);border-bottom-color:var(--blue)}.theme-toggle{color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast);background:0 0;border:none;padding:.4rem .6rem;font-size:1rem}.theme-toggle:hover{background:var(--bg-muted)}.chips{flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 .4rem;display:flex}.chip{border-radius:var(--radius-full);background:var(--bg-muted);color:var(--text-2);transition:background var(--dur-fast), color var(--dur-fast);padding:.35rem .95rem;font-size:.9rem;font-weight:600;display:inline-block}.chip:hover{background:var(--border);text-decoration:none}.chip.active{background:var(--blue);color:#fff}.post-list{margin:.6rem 0 0;padding:0;list-style:none}.post-card{border-radius:var(--radius-lg);transition:background var(--dur-fast);color:inherit;margin:0 -1.1rem;padding:1.3rem 1.1rem;display:block}.post-card:hover{background:var(--bg-hover);text-decoration:none}.post-card h2{letter-spacing:-.02em;color:var(--text);margin:0 0 .35rem;font-size:1.25rem;font-weight:700;line-height:1.45}.post-card p{color:var(--text-3);margin:0 0 .55rem;font-size:.95rem;line-height:1.65}.post-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.85rem;display:flex}.badge{background:color-mix(in srgb, var(--blue) 10%, var(--bg));color:var(--blue);border-radius:var(--radius-full);padding:.14rem .7rem;font-size:.8rem;font-weight:600;display:inline-block}.badge.gray{background:var(--bg-muted);color:var(--text-2)}.brand{letter-spacing:-.035em;color:var(--text);font-size:1.45rem;font-weight:800;line-height:1}.brand-dot{color:#f7b32b}.brand:hover{color:var(--blue);text-decoration:none}.hero-banner{background:linear-gradient(120deg,#eaf3ff 0%,#dcebff 55%,#cfe3ff 100%);border-radius:28px;grid-template-columns:1.15fr 1fr;align-items:center;gap:1.5rem;margin:1.6rem 0 1.4rem;padding:2.6rem 2.8rem;display:grid;overflow:hidden}:root[data-theme=dark] .hero-banner{background:linear-gradient(120deg,#1c2740 0%,#1a2338 60%,#182036 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero-banner{background:linear-gradient(120deg,#1c2740 0%,#1a2338 60%,#182036 100%)}}.hero-copy h1{letter-spacing:-.035em;margin:0 0 .9rem;font-size:2.15rem;font-weight:800;line-height:1.35}.hero-copy .hl{color:var(--blue)}.hero-copy p{color:var(--text-2);margin:0 0 1.4rem;font-size:1.02rem;line-height:1.7}.btn-cta{background:var(--blue);color:#fff;border-radius:var(--radius-full);transition:background var(--dur-fast), transform var(--dur-fast);align-items:center;gap:.5rem;padding:.78rem 1.5rem;font-size:1rem;font-weight:700;display:inline-flex}.btn-cta:hover{background:var(--blue-strong);text-decoration:none;transform:translateY(-1px)}.hero-visual{justify-content:center;display:flex;position:relative}.hero-mascot{filter:drop-shadow(0 18px 28px #1b3e7838);width:min(300px,80%);height:auto;animation:4.5s ease-in-out infinite mascot-bob}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.float-card{background:var(--bg);border-radius:14px;padding:.55rem .9rem;font-size:.82rem;line-height:1.4;animation:5.2s ease-in-out infinite card-bob;position:absolute;box-shadow:0 8px 24px #17336224}.fc-rate{top:6%;right:4%}.fc-rate small{color:var(--text-3);font-size:.72rem;display:block}.fc-rate strong{color:var(--blue);font-size:1.15rem;font-weight:800}.fc-rate strong span{font-size:.85rem}.fc-check{color:var(--text-2);align-items:center;gap:.4rem;animation-delay:1.4s;display:flex;bottom:10%;left:0}.fc-check b{color:var(--success)}.fc-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 18%, transparent);border-radius:50%}@keyframes card-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cat-quick{flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 .4rem;scroll-margin-top:120px;display:flex}.cat-pill{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg);color:var(--text-2);transition:border-color var(--dur-fast), color var(--dur-fast), background var(--dur-fast);align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.94rem;font-weight:700;display:inline-flex}.cat-pill svg{color:var(--blue)}.cat-pill:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}.cat-pill.active{background:var(--blue);border-color:var(--blue);color:#fff}.cat-pill.active svg{color:#fff}.section-title{letter-spacing:-.02em;margin:1.2rem 0 .4rem;font-size:1.5rem;font-weight:800}.sec-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.more-link{color:var(--text-3);align-items:center;gap:.3rem;font-size:.9rem;font-weight:600;display:inline-flex}.more-link:hover{color:var(--blue);text-decoration:none}.latest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.g-card{color:inherit;background:var(--bg);border:1px solid var(--border);height:100%;transition:box-shadow var(--dur-fast), transform var(--dur-fast), border-color var(--dur-fast);border-radius:20px;display:block;overflow:hidden}.g-card:hover{border-color:color-mix(in srgb, var(--blue) 35%, var(--border));text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 30px #1733621f}.g-thumb{position:relative}.g-thumb img{aspect-ratio:16/10;object-fit:cover;border-radius:0;width:100%;display:block}.g-badge{background:var(--blue);color:#fff;border-radius:var(--radius-full);padding:.18rem .65rem;font-size:.74rem;font-weight:700;position:absolute;bottom:10px;left:10px}.g-body{padding:1rem 1.1rem 1.15rem}.g-body h3{letter-spacing:-.02em;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .4rem;font-size:1.08rem;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.g-card:hover h3{color:var(--blue)}.g-body p{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .6rem;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.g-body time{color:var(--text-3);font-size:.82rem}.feature-strip{background:var(--bg-muted);border-radius:24px;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2.6rem 0 0;padding:1.6rem;display:grid}.feature{text-align:left}.f-ico{background:var(--bg);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.55rem;display:inline-flex}.feature strong{letter-spacing:-.01em;margin-bottom:.25rem;font-size:.97rem;display:block}.feature p{color:var(--text-3);margin:0;font-size:.85rem;line-height:1.6}.popular-sec{margin-top:2.2rem;scroll-margin-top:120px}.popular-grid{grid-template-columns:1fr 1fr;gap:.5rem 1.6rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.popular-grid a{border-radius:var(--radius-md);color:var(--text);transition:background var(--dur-fast);align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:.95rem;font-weight:600;line-height:1.5;display:flex}.popular-grid a:hover{background:var(--bg-hover);text-decoration:none}.popular-grid .rank{background:color-mix(in srgb, var(--blue) 10%, var(--bg));height:26px;color:var(--blue);border-radius:9px;flex:0 0 26px;justify-content:center;align-items:center;font-size:.84rem;font-weight:800;display:flex}.popular-grid .p-title{flex:1;min-width:0}.popular-grid .badge{flex:none}.subscribe-banner{background:linear-gradient(120deg,#eaf3ff,#dcebff);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.6rem;margin:2.8rem 0 0;padding:1.7rem 2.2rem;display:grid}:root[data-theme=dark] .subscribe-banner{background:linear-gradient(120deg,#1c2740,#182036)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .subscribe-banner{background:linear-gradient(120deg,#1c2740,#182036)}}.sub-mascot{filter:drop-shadow(0 10px 18px #1b3e7833);width:110px;height:auto}.sub-copy h2{letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.25rem}.sub-copy p{color:var(--text-2);margin:0;font-size:.92rem}.sub-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sub-form input{font:inherit;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);flex:210px;padding:.72rem 1rem;font-size:.95rem}.sub-form input:focus{border-color:var(--blue);outline:none}.sub-form button{font:inherit;border-radius:var(--radius-md);background:var(--blue);color:#fff;cursor:pointer;transition:background var(--dur-fast);border:none;padding:.72rem 1.3rem;font-size:.95rem;font-weight:700}.sub-form button:hover{background:var(--blue-strong)}.sub-form .sub-msg{flex-basis:100%;margin:.2rem 0 0;font-size:.85rem}.sub-msg.ok{color:var(--success)}.sub-msg.err{color:var(--danger)}.bottom-nav{display:none}.post-card{align-items:flex-start;gap:1.1rem;display:flex}.card-body{flex:1;min-width:0}.card-thumb{flex:0 0 150px}.card-thumb img{object-fit:cover;border-radius:var(--radius-md);width:150px;height:100px;display:block}@media (width<=860px){.hero-banner{border-radius:22px;grid-template-columns:1fr;gap:1.2rem;margin-top:1rem;padding:1.7rem 1.4rem 2rem}.hero-copy h1{font-size:1.55rem;line-height:1.4}.hero-copy p{margin-bottom:1.1rem;font-size:.95rem}.hero-visual{order:2;margin-top:.4rem}.hero-mascot{width:min(210px,62%)}.fc-rate{top:0;right:0}.fc-check{bottom:2%}.section-title{margin-top:1.4rem;font-size:1.2rem}.latest-grid{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.9rem;margin-left:-1rem;margin-right:-1rem;padding:.3rem 1rem .6rem;display:flex;overflow-x:auto}.latest-grid::-webkit-scrollbar{display:none}.latest-grid li{scroll-snap-align:start;flex:0 0 76%;max-width:320px}.feature-strip{border-radius:18px;grid-template-columns:1fr 1fr;gap:1.1rem .9rem;padding:1.2rem}.popular-grid{grid-template-columns:1fr}.subscribe-banner{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.9rem;padding:1.6rem 1.3rem}.sub-mascot{width:92px}.card-thumb{flex-basis:96px}.card-thumb img{width:96px;height:68px}.chips,.cat-quick{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin-left:-1rem;margin-right:-1rem;padding:.15rem 1rem;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.cat-quick::-webkit-scrollbar{display:none}.chip,.cat-pill{flex:none}}.article-header{margin:2.4rem 0 1.4rem}.article-header h1{letter-spacing:-.025em;margin:0 0 .7rem;font-size:2rem;font-weight:800;line-height:1.4}.toc{background:var(--bg-muted);border-radius:var(--radius-md);margin:1.5rem 0;padding:1rem 1.2rem;font-size:.92rem}.toc strong{color:var(--text-2);margin-bottom:.4rem;display:block}.toc ol{margin:0;padding-left:1.2rem}.toc a{color:var(--text-2)}.toc .toc-h3{margin-left:.9rem;list-style:circle}.prose{font-size:1.125rem;line-height:1.85}.prose h2{letter-spacing:-.02em;border-left:4px solid var(--blue);margin-top:2.8rem;margin-bottom:.8rem;padding-left:.8rem;font-size:1.4rem;font-weight:700;line-height:1.4}.prose h3{margin-top:1.9rem;font-size:1.18rem;font-weight:700}.prose p{margin:1rem 0}.prose table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.93rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.55rem .8rem}.prose th{background:var(--bg-muted);font-weight:700}.prose blockquote{border-left:4px solid var(--blue);background:var(--bg-muted);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-2);margin:1.2rem 0;padding:.8rem 1.2rem}.prose code{background:var(--bg-muted);border-radius:6px;padding:.12rem .4rem;font-size:.9em}.prose pre{background:var(--bg-muted);border-radius:var(--radius-md);padding:1rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{background:linear-gradient(90deg, var(--blue), #9cc4ff);border:none;border-radius:999px;width:76px;height:5px;margin:2.6rem auto}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin:.4rem 0}.post-cover{aspect-ratio:1200/630;object-fit:cover;border-radius:var(--radius-lg);width:100%;margin:.3rem 0 1.5rem;display:block}.bars{margin:1.3rem 0}.bar{grid-template-columns:minmax(64px,auto) 1fr minmax(76px,auto);align-items:center;gap:.7rem;margin:.55rem 0;font-size:.95rem;display:grid}.bar .track{background:var(--bg-muted);border-radius:999px;height:22px;overflow:hidden}.bar .fill{background:linear-gradient(90deg, var(--blue), #6aa8ff);border-radius:999px;min-width:8px;height:100%}.bar b{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ad-slot{text-align:center;min-height:90px;margin:1.8rem 0}.ad-slot:before{content:"AD";color:var(--text-3);letter-spacing:.1em;margin-bottom:.2rem;font-size:.7rem;display:block}.sources{background:var(--bg-muted);border-radius:14px;margin:2.2rem 0 0;padding:1.1rem 1.3rem}.sources h2{margin:0 0 .6rem;font-size:1rem}.sources ul{margin:0;padding-left:1.1rem;font-size:.9rem}.sources li{margin-bottom:.25rem}.sources .verified{color:var(--text-3);margin:.7rem 0 0;font-size:.85rem}.ai-notice{color:var(--text-3);margin:1.1rem 0 0;font-size:.76rem;line-height:1.6}.subscribe{background:var(--bg-muted);border-radius:14px;margin:2rem 0 0;padding:1.3rem}.subscribe h2{margin:0 0 .35rem;font-size:1.05rem}.subscribe p{color:var(--text-3);margin:0 0 .8rem;font-size:.9rem}.subscribe form{flex-wrap:wrap;gap:.5rem;display:flex}.subscribe input{border:1px solid var(--border);border-radius:10px;flex:200px;padding:.6rem .9rem;font-size:.95rem}.subscribe .sub-msg{margin:.6rem 0 0;font-size:.86rem}.subscribe .sub-msg.ok{color:var(--success)}.subscribe .sub-msg.err{color:var(--danger)}.related{margin:3rem 0 1rem}.related>strong{margin-bottom:.6rem;font-size:1.05rem;display:block}.related a.post-card{padding:.9rem 1.1rem}.related a.post-card h2{font-size:1.02rem}.search-form{gap:.5rem;margin:1.8rem 0;display:flex}.search-form input[type=search]{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);color:var(--text);flex:1;padding:.7rem 1.1rem;font-size:1rem}.search-form input[type=search]:focus{border-color:var(--blue);background:var(--bg)}.search-form button{border-radius:var(--radius-md);background:var(--blue);color:#fff;cursor:pointer;transition:background var(--dur-fast);border:none;padding:.7rem 1.4rem;font-size:.95rem;font-weight:700}.search-form button:hover{background:var(--blue-strong)}.calc{background:var(--bg-muted);border-radius:var(--radius-lg);margin:1.6rem 0;padding:1.4rem 1.4rem 1.2rem}.calc .c-field{margin-bottom:1rem}.calc label{color:var(--text-2);margin-bottom:.35rem;font-size:.9rem;font-weight:700;display:block}.calc .c-help{color:var(--text-3);font-size:.8rem;font-weight:400}.calc input[type=number],.calc select{width:100%;font:inherit;border:1.5px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;padding:.7rem .95rem;font-size:1rem}.calc input:focus,.calc select:focus{border-color:var(--blue);outline:none}.calc .c-row{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.calc .c-check{color:var(--text);align-items:center;gap:.55rem;padding:.3rem 0;font-size:.95rem;font-weight:500;display:flex}.calc .c-check input{width:18px;height:18px;accent-color:var(--blue)}.calc .c-btn{cursor:pointer;width:100%;font:inherit;background:var(--blue);color:#fff;transition:background var(--dur-fast);border:none;border-radius:12px;margin-top:.3rem;padding:.85rem;font-size:1.05rem;font-weight:800}.calc .c-btn:hover{background:var(--blue-strong)}.calc .c-result{background:var(--bg);border:1.5px solid var(--blue);border-radius:14px;margin-top:1.1rem;padding:1.1rem 1.2rem;display:none}.calc .c-result.show{display:block}.calc .c-big{color:var(--blue);font-size:1.45rem;font-weight:800;line-height:1.4}.calc .c-sub{margin-top:.4rem;font-size:.95rem}.calc .c-note{color:var(--text-3);margin-top:.6rem;font-size:.82rem;line-height:1.6}@media (width<=640px){.calc{border-radius:var(--radius-md);padding:1.1rem 1rem 1rem}.calc .c-row{grid-template-columns:1fr;gap:0}.calc .c-big{font-size:1.25rem}}.site-footer{border-top:1px solid var(--border);color:var(--text-3);margin-top:4rem;padding:1.8rem 0 2.4rem;font-size:.85rem}.site-footer nav{flex-wrap:wrap;gap:.9rem;margin-bottom:.7rem;display:flex}.site-footer a{color:var(--text-3)}.page h1{letter-spacing:-.02em;margin:2.2rem 0 1rem;font-size:1.7rem;font-weight:800}.empty{color:var(--text-3);text-align:center;padding:2.5rem 0}@media (width<=640px){html{font-size:15px}.container,.container-wide{padding:0 1rem}.header-row{height:52px}.site-title{font-size:1.08rem}.about-link{display:none}.cat-nav-inner a{padding:.6rem .7rem;font-size:.94rem}.article-header{margin:1.5rem 0 1rem}.article-header h1{font-size:1.45rem;line-height:1.45}.prose{font-size:1.135rem}.prose h2{margin-top:2.2rem;font-size:1.26rem}.prose h3{font-size:1.12rem}.post-cover{border-radius:var(--radius-md);margin-bottom:1.1rem}.bar{grid-template-columns:minmax(52px,auto) 1fr minmax(68px,auto);font-size:.88rem}.prose table{font-size:.85rem}.prose th,.prose td{padding:.45rem .6rem}.prose blockquote{padding:.65rem .9rem}.toc{margin:1.1rem 0;padding:.8rem 1rem;font-size:.88rem}.post-card{border-radius:0;flex-direction:column;align-items:stretch;gap:.15rem;margin:0;padding:1.5rem 0}.post-card:hover{background:0 0}.post-list li+li{border-top:1px solid var(--border)}.post-card h2{margin-bottom:.4rem;font-size:1.3rem;line-height:1.42}.post-card p{margin-bottom:.6rem;font-size:.98rem;line-height:1.6}.post-meta{gap:.45rem;font-size:.82rem}.badge{font-size:.78rem}.card-thumb{flex:none;order:10;width:100%;margin-top:.7rem}.card-thumb img{aspect-ratio:1200/630;border-radius:14px;width:100%;height:auto}.related a.post-card{padding:.9rem 0}.related a.post-card h2{margin-bottom:.2rem;font-size:1.02rem}.related{margin-top:2.2rem}.search-form{flex-direction:row;margin:1.2rem 0}.search-form input[type=search]{padding:.6rem .9rem;font-size:.95rem}.search-form button{padding:.6rem 1rem}.page h1{margin-top:1.6rem;font-size:1.4rem}.site-footer{margin-top:2.6rem;padding:1.4rem 0 2rem;font-size:.8rem}.site-footer nav{gap:.6rem .9rem}.ad-slot{margin:1.3rem 0}}@media (width<=860px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.bottom-nav{z-index:60;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(14px);border-top:1px solid var(--border);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--text-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.68rem;font-weight:600;display:flex}.bottom-nav a:hover{text-decoration:none}.bottom-nav a.on{color:var(--blue)}.site-footer{margin-bottom:.5rem}}.nav-cta{background:color-mix(in srgb, var(--blue) 10%, transparent);font-weight:700;color:var(--blue)!important}.nav-cta:hover{background:color-mix(in srgb, var(--blue) 18%, transparent)!important}.pill-ico{display:inline-flex}.pill-ico svg{width:18px;height:18px;display:block}.quick-tools{margin-top:2.2rem;scroll-margin-top:120px}.qt-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.qt-card{border:1px solid var(--border);background:var(--bg);height:100%;color:inherit;transition:border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast);border-radius:18px;align-items:center;gap:.75rem;padding:1rem 1.05rem;display:flex}.qt-card:hover{border-color:color-mix(in srgb, var(--blue) 35%, var(--border));text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 24px #1733621a}.qt-ico{background:var(--bg-muted);border-radius:13px;flex:0 0 42px;justify-content:center;align-items:center;height:42px;display:inline-flex}.qt-ico svg{width:22px;height:22px}.qt-body{flex:1;min-width:0}.qt-body strong{letter-spacing:-.02em;margin-bottom:.15rem;font-size:.95rem;display:block}.qt-body small{color:var(--text-3);font-size:.8rem;line-height:1.5;display:block}.qt-arrow{color:var(--text-3);flex:none}.qt-card:hover .qt-arrow{color:var(--blue)}.by-category{margin-top:2.4rem}.bc-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.bc-grid a{border:1px solid var(--border);color:inherit;background:var(--bg);transition:border-color var(--dur-fast), background var(--dur-fast);border-radius:16px;align-items:center;gap:.7rem;padding:.9rem 1rem;display:flex}.bc-grid a:hover{border-color:var(--blue);background:var(--bg-hover);text-decoration:none}.bc-ico{background:color-mix(in srgb, var(--blue) 9%, var(--bg));height:38px;color:var(--blue);border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.bc-ico svg{width:20px;height:20px}.bc-body{flex:1;min-width:0}.bc-body strong{letter-spacing:-.01em;font-size:.95rem;display:block}.bc-body small{color:var(--text-3);font-size:.8rem}.bc-arrow{color:var(--text-3)}.src-section{background:var(--bg-muted);border-radius:24px;margin-top:2.6rem;padding:1.7rem 1.8rem}.src-head h2{margin:0 0 .35rem}.src-head p{color:var(--text-2);margin:0;font-size:.92rem;line-height:1.7}.src-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.src-grid a{background:var(--bg);border:1px solid var(--border);height:100%;color:inherit;transition:border-color var(--dur-fast), transform var(--dur-fast);border-radius:14px;padding:.85rem 2rem .85rem 1rem;display:block;position:relative}.src-grid a:hover{border-color:var(--blue);text-decoration:none;transform:translateY(-2px)}.src-grid strong{letter-spacing:-.01em;margin-bottom:.15rem;font-size:.92rem;display:block}.src-grid small{color:var(--text-3);font-size:.78rem;line-height:1.5;display:block}.src-ext{color:var(--text-3);position:absolute;top:.9rem;right:.85rem}.src-grid a:hover .src-ext{color:var(--blue)}.src-note{color:var(--text-3);margin:1rem 0 0;font-size:.82rem;line-height:1.65}.tools-page{padding-bottom:1rem}.tools-head{background:linear-gradient(120deg,#eaf3ff,#dcebff);border-radius:24px;align-items:center;gap:1.2rem;margin:1.6rem 0 .4rem;padding:1.6rem 1.9rem;display:flex}:root[data-theme=dark] .tools-head{background:linear-gradient(120deg,#1c2740,#182036)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tools-head{background:linear-gradient(120deg,#1c2740,#182036)}}.tools-head img{filter:drop-shadow(0 10px 18px #1b3e7833);flex:none;width:108px;height:auto}.tools-head h1{letter-spacing:-.03em;margin:0 0 .4rem;font-size:1.7rem}.tools-head p{color:var(--text-2);margin:0;font-size:.97rem;line-height:1.7}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.tool-card{border:1px solid var(--border);background:var(--bg);height:100%;color:inherit;transition:border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast);border-radius:20px;flex-direction:column;padding:1.4rem 1.4rem 1.2rem;display:flex}.tool-card:hover{border-color:color-mix(in srgb, var(--blue) 35%, var(--border));text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 28px #1733621f}.tool-ico{background:var(--bg-muted);border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.8rem;display:inline-flex}.tool-ico svg{width:25px;height:25px}.tool-card strong{letter-spacing:-.02em;margin-bottom:.3rem;font-size:1.08rem}.tool-card p{color:var(--text-3);flex:1;margin:0 0 1rem;font-size:.89rem;line-height:1.6}.tool-go{color:var(--blue);align-items:center;gap:.3rem;font-size:.88rem;font-weight:700;display:inline-flex}.calc-page{padding-bottom:1rem}.calc-crumb{color:var(--text-3);align-items:center;gap:.4rem;margin:1.3rem 0 .9rem;font-size:.85rem;display:flex}.calc-crumb a{color:var(--text-3)}.calc-crumb a:hover{color:var(--blue)}.calc-head{margin-bottom:1.5rem}.calc-eyebrow{background:color-mix(in srgb, var(--blue) 10%, var(--bg));color:var(--blue);border-radius:var(--radius-full);margin-bottom:.6rem;padding:.16rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.calc-head h1{letter-spacing:-.03em;margin:0 0 .5rem;font-size:1.85rem}.calc-head p{color:var(--text-2);margin:0;font-size:1rem;line-height:1.75}.calc-form{background:var(--bg-muted);border-radius:20px;flex-direction:column;gap:1.1rem;padding:1.6rem;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.field label{letter-spacing:-.01em;font-size:.92rem;font-weight:700}.field .opt{color:var(--text-3);font-size:.82rem;font-weight:500}.field small{color:var(--text-3);font-size:.8rem;line-height:1.55}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap .unit{color:var(--text-3);pointer-events:none;font-size:.9rem;position:absolute;right:.9rem}.calc-form input,.calc-form select{width:100%;font:inherit;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);text-align:right;padding:.8rem 2.3rem .8rem .95rem;font-size:1.05rem;font-weight:600}.calc-form select,.calc-form input[type=date]{text-align:left;padding-right:.95rem}.calc-form input:focus,.calc-form select:focus{border-color:var(--blue);outline:none}.calc-submit{font:inherit;border-radius:var(--radius-md);background:var(--blue);color:#fff;cursor:pointer;transition:background var(--dur-fast);border:none;padding:.9rem 1.5rem;font-size:1.02rem;font-weight:700}.calc-submit:hover{background:var(--blue-strong)}.calc-result{border:1.5px solid color-mix(in srgb, var(--blue) 30%, var(--border));background:var(--bg);border-radius:20px;margin-top:1.2rem;padding:1.6rem}.result-main{text-align:center;border-bottom:1px solid var(--border);padding-bottom:1.1rem}.result-label{color:var(--text-3);margin-bottom:.3rem;font-size:.88rem;display:block}.result-value{letter-spacing:-.035em;color:var(--blue);font-size:2.1rem;font-weight:800;line-height:1.3;display:block}.result-sub{color:var(--text-2);margin-top:.35rem;font-size:.9rem;display:block}.result-grid{grid-template-columns:1fr 1fr;gap:.2rem 1.4rem;margin:1.1rem 0 0;display:grid}.result-grid>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:.7rem;padding:.5rem 0;display:flex}.result-grid dt{color:var(--text-3);font-size:.88rem}.result-grid dd{margin:0;font-size:.92rem;font-weight:700}.result-note{background:var(--bg-muted);border-radius:var(--radius-md);color:var(--text-2);margin:1rem 0 0;padding:.85rem 1rem;font-size:.86rem;line-height:1.7}.gauge{margin-top:1.1rem}.gauge-bar{border-radius:var(--radius-full);background:var(--bg-muted);height:10px;overflow:hidden}.gauge-bar span{border-radius:var(--radius-full);background:var(--success);height:100%;transition:width var(--dur-fast);display:block}.gauge-bar span[data-over=true]{background:var(--danger)}.gauge-legend{color:var(--text-3);justify-content:space-between;gap:.7rem;margin-top:.45rem;font-size:.8rem;display:flex}.calc-basis{background:var(--bg-muted);border-radius:20px;margin-top:1.8rem;padding:1.4rem 1.6rem}.calc-basis h2{letter-spacing:-.02em;margin:0 0 .7rem;font-size:1.05rem}.calc-basis ul{margin:0;padding-left:1.1rem}.calc-basis li{color:var(--text-2);margin-bottom:.35rem;font-size:.88rem;line-height:1.75}.calc-note{border-top:1px solid var(--border);color:var(--text-3);margin:.9rem 0 0;padding-top:.9rem;font-size:.84rem;line-height:1.7}.calc-updated{color:var(--text-3);margin:.5rem 0 0;font-size:.8rem}@media (width<=860px){.qt-grid{grid-template-columns:1fr;gap:.6rem}.src-section{border-radius:18px;padding:1.3rem 1.2rem}.src-grid{grid-template-columns:1fr 1fr}.tools-head{text-align:center;flex-direction:column;gap:.8rem;padding:1.5rem 1.2rem}.tools-head img{width:92px}.tools-head h1{font-size:1.35rem}.calc-head h1{font-size:1.45rem}.calc-form{border-radius:18px;padding:1.2rem}.field-row{grid-template-columns:1fr;gap:1.1rem}.calc-result{padding:1.3rem 1.2rem}.result-value{font-size:1.75rem}.result-grid{grid-template-columns:1fr;gap:0}.calc-basis{padding:1.2rem 1.1rem}}