:root{--bg:#f2f4f6;--bg-grid:transparent;--surface:#ffffff;--surface-2:#f9fafb;--ink:#191f28;--ink-2:#4e5968;--ink-3:#8b95a1;--line:#e5e8eb;--line-2:#d1d6db;--accent:#3182f6;--accent-deep:#1b64da;--accent-soft:#e8f3ff;--accent-ink:#ffffff;--danger:#f04452;--warn:#ff9800;--display-bg:#e8f3ff;--display-ink:#191f28;--display-dim:#4e5968;--font-sans:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;--font-mono:var(--font-sans);--font-scale:1;--step--1:clamp(0.82rem,0.80rem + 0.10vw,0.875rem);--step-0:clamp(1rem,0.98rem + 0.12vw,1.05rem);--step-1:calc(clamp(1.15rem,1.10rem + 0.22vw,1.3rem) * var(--font-scale));--step-2:calc(clamp(1.3rem,1.21rem + 0.42vw,1.6rem) * var(--font-scale));--step-3:calc(clamp(1.5rem,1.34rem + 0.78vw,2.0rem) * var(--font-scale));--step-4:calc(clamp(1.85rem,1.52rem + 1.45vw,2.6rem) * var(--font-scale));--gap:clamp(1rem,0.8rem + 1vw,1.5rem);--pad-section:clamp(3rem,2rem + 5vw,5.5rem);--wrap:1120px;--wrap-narrow:760px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-pill:999px;--shadow-1:0 1px 3px rgba(25,31,40,0.06);--shadow-2:0 4px 16px rgba(25,31,40,0.08),0 12px 32px rgba(25,31,40,0.06);--ease:cubic-bezier(0.2,0.7,0.2,1)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0c1117;--bg-grid:rgba(255,255,255,0.04);--surface:#141b24;--surface-2:#1b232e;--ink:#eef2f5;--ink-2:#a4b0bd;--ink-3:#76828f;--line:#26303c;--line-2:#313d4b;--accent:#4593fc;--accent-deep:#6aa9ff;--accent-soft:#16263f;--accent-ink:#ffffff;--display-bg:#16263f;--display-ink:#eaf2ff;--display-dim:#88a0bf;--shadow-1:0 1px 2px rgba(0,0,0,0.3),0 2px 8px rgba(0,0,0,0.35);--shadow-2:0 8px 18px rgba(0,0,0,0.45),0 22px 48px rgba(0,0,0,0.5)}}:root[data-theme="dark"]{--bg:#0c1117;--bg-grid:rgba(255,255,255,0.04);--surface:#141b24;--surface-2:#1b232e;--ink:#eef2f5;--ink-2:#a4b0bd;--ink-3:#76828f;--line:#26303c;--line-2:#313d4b;--accent:#4593fc;--accent-deep:#6aa9ff;--accent-soft:#16263f;--accent-ink:#ffffff;--display-bg:#16263f;--display-ink:#eaf2ff;--display-dim:#88a0bf;--shadow-1:0 1px 2px rgba(0,0,0,0.3),0 2px 8px rgba(0,0,0,0.35);--shadow-2:0 8px 18px rgba(0,0,0,0.45),0 22px 48px rgba(0,0,0,0.5)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.001ms!important;transition-duration:0.001ms!important}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:700;line-height:1.25;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word;margin:0 0 .5em;color:var(--ink);text-wrap:balance}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{margin:0 0 1em}p:last-child{margin-bottom:0}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img,svg,video{max-width:100%;height:auto;display:block}ul,ol{margin:0 0 1em;padding-left:1.3em}li{margin:.2em 0}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.92em}code{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:.12em .4em}pre{background:var(--display-bg);color:var(--display-ink);padding:1.1rem 1.25rem;border-radius:var(--r-md);overflow:auto;line-height:1.55}pre code{background:none;border:0;padding:0;color:inherit}blockquote{margin:1.5em 0;padding:.4em 0 .4em 1.2em;border-left:3px solid var(--accent);color:var(--ink-2)}hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}table{border-collapse:collapse;width:100%;margin:1.25em 0;font-size:var(--step--1)}th,td{padding:.7em .85em;border-bottom:1px solid var(--line);text-align:left}th{font-weight:600;background:var(--surface-2)}td .num,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::selection{background:var(--accent);color:#fff}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2.5px solid var(--accent-deep);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--ink);color:#fff;padding:.7em 1.1em;border-radius:0 0 var(--r-sm) 0}.skip-link:focus{left:0}.wrap{width:min(100% - 2.4rem,var(--wrap));margin-inline:auto}.wrap--narrow{width:min(100% - 2.4rem,var(--wrap-narrow));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:inherit;font-weight:700;line-height:1;white-space:nowrap;padding:.95em 1.4em;border-radius:14px;border:1px solid #fff0;cursor:pointer;transition:transform 0.15s var(--ease),background 0.15s var(--ease),box-shadow 0.15s var(--ease);text-decoration:none}.btn svg{width:1.1em;height:1.1em;flex:none}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn--primary,.btn--accent{background:var(--accent);color:#fff}.btn--primary:hover,.btn--accent:hover{background:var(--accent-deep);color:#fff}.btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent-deep)}.search-submit{flex:none}.search-form input[type="search"]{flex:1;min-width:0}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}@supports not (backdrop-filter:blur(2px)){.site-header{background:var(--bg)}}.site-header__bar{display:flex;align-items:center;gap:1.25rem;min-height:64px;padding-block:.6rem}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);margin-right:auto}.brand:hover{text-decoration:none}.brand__mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--ink);color:var(--accent);font-family:var(--font-mono);font-weight:700;font-size:1rem}.brand__name{font-size:1.12rem;font-weight:700;letter-spacing:-.03em}.brand__name small{display:block;font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.brand--has-logo{display:inline-flex;align-items:center}.brand--has-logo .custom-logo-link{display:inline-flex;line-height:0}.brand--has-logo img,.custom-logo{height:var(--logo-h,40px);width:auto;max-width:260px;display:block}.primary-nav ul{display:flex;gap:.35rem;list-style:none;margin:0;padding:0}.primary-nav a{display:inline-block;padding:.5em .8em;border-radius:var(--r-sm);color:var(--ink-2);font-weight:500;font-size:var(--step--1)}.primary-nav a:hover{color:var(--ink);background:var(--surface-2);text-decoration:none}.primary-nav .current-menu-item>a,.primary-nav .current_page_item>a{color:var(--accent-deep)}.header-tools{display:flex;align-items:center;gap:.35rem}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-sm);color:var(--ink-2);cursor:pointer;transition:color 0.15s,border-color 0.15s}.icon-btn:hover{color:var(--ink);border-color:var(--accent)}.icon-btn svg{width:18px;height:18px}.icon-btn .icon-sun{display:none}:root[data-theme="dark"] .icon-btn .icon-sun{display:block}:root[data-theme="dark"] .icon-btn .icon-moon{display:none}.nav-toggle{display:none}@media (max-width:880px){.nav-toggle{display:grid}.primary-nav{position:fixed;inset:64px 0 auto 0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-2);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity 0.2s var(--ease),transform 0.2s var(--ease);max-height:calc(100vh - 64px);overflow:auto}.primary-nav.is-open{transform:none;opacity:1;pointer-events:auto}.primary-nav ul{flex-direction:column;padding:.6rem;gap:.15rem}.primary-nav a{padding:.75em .9em;font-size:var(--step-0)}}.search-form{display:flex;gap:.5rem}.search-form__field{position:relative;flex:1;display:flex;align-items:center}.search-form__field svg{position:absolute;left:.95rem;width:18px;height:18px;color:var(--ink-3);pointer-events:none}.search-form input[type="search"]{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:.85em 1em .85em 2.7em;transition:border-color 0.15s,box-shadow 0.15s}.search-form input[type="search"]::placeholder{color:var(--ink-3)}.search-form input[type="search"]:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.hero{position:relative;overflow:hidden;padding-block:var(--pad-section) clamp(2rem,5vw,3rem)}.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 88% -5%,rgb(49 130 246 / .12),#fff0 70%)}.hero__layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,30%,360px);gap:clamp(2rem,4vw,4rem);align-items:center}.hero__inner{position:relative;z-index:1;max-width:720px}.hero__aside{position:relative;z-index:1}.hero-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow-1)}.hero-card__title{margin:0 0 .75rem;font-weight:700;font-size:.95rem;color:var(--ink)}.hero-card__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}.hero-card__list a{display:flex;align-items:center;gap:.7rem;padding:.55rem .45rem;border-radius:10px;text-decoration:none;color:var(--ink)}.hero-card__list a:hover{background:var(--accent-soft);text-decoration:none}.hero-card__rank{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:.78rem;font-weight:800;background:var(--accent-soft);color:var(--accent-deep);font-variant-numeric:tabular-nums}.hero-card__name{font-size:.92rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:900px){.hero__layout{grid-template-columns:1fr;gap:2rem}.hero__aside{max-width:520px}}.hero__kicker{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-soft);padding:.4em .8em;border-radius:var(--r-pill);margin-bottom:1.25rem}.hero__kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero h1{font-size:var(--step-4);margin-bottom:.5rem}.hero h1 .hl{color:var(--accent-deep)}.hero__sub{font-size:var(--step-1);color:var(--ink-2);margin-bottom:1.75rem;max-width:38ch}.hero .search-form{max-width:520px}.hero__chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.1rem}.chip{font-size:var(--step--1);color:var(--ink-2);background:var(--surface);border:1px solid var(--line-2);padding:.4em .85em;border-radius:var(--r-pill);transition:color 0.15s,border-color 0.15s}.chip:hover{color:var(--accent-deep);border-color:var(--accent);text-decoration:none}.chip .hash{color:var(--ink-3);font-family:var(--font-mono)}.section{padding-block:var(--pad-section)}.section--tight{padding-block:clamp(2rem,4vw,3.5rem)}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:clamp(1.25rem,2vw,2rem)}.section__head h2{margin:.25rem 0 0}.section__head p{margin:0;color:var(--ink-2)}.section__more{font-weight:600;font-size:var(--step--1);white-space:nowrap}.section__more::after{content:" →";font-family:var(--font-mono)}.tool-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.tool-card{position:relative;display:flex;flex-direction:column;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem;text-decoration:none;color:var(--ink);transition:transform 0.18s var(--ease),border-color 0.18s var(--ease),box-shadow 0.18s var(--ease)}.tool-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-2);text-decoration:none}.tool-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tool-card__icon{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;font-size:1.35rem;background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-mono);font-weight:700}.tool-card__icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.tool-card__cat{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.tool-card h3{font-size:var(--step-1);margin:.35rem 0 0;letter-spacing:-.03em}.tool-card__desc{color:var(--ink-2);font-size:var(--step--1);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card__go{margin-top:auto;padding-top:.6rem;font-family:var(--font-mono);font-size:.78rem;color:var(--accent-deep);display:inline-flex;align-items:center;gap:.35em;opacity:0;transform:translateX(-4px);transition:opacity 0.18s,transform 0.18s}.tool-card:hover .tool-card__go{opacity:1;transform:none}@media (hover:none){.tool-card__go{opacity:1;transform:none}}.cat-band{display:grid;gap:clamp(1.5rem,3vw,2.25rem)}.cat-bands{padding-top:0}.cat-band__head{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.1rem}.cat-band__head h2{margin:0;font-size:var(--step-2)}.cat-band__count{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-3)}.entry{padding-block:clamp(2rem,4vw,3.25rem) var(--pad-section)}.breadcrumb{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-3);margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.4em}.breadcrumb a{color:var(--ink-2)}.breadcrumb a:hover{color:var(--accent-deep)}.breadcrumb .sep{color:var(--line-2)}.entry-header{margin-bottom:clamp(1.5rem,3vw,2.25rem)}.entry-header .eyebrow{margin-bottom:.6rem;display:inline-block}.entry-header h1{font-size:var(--step-3);margin-bottom:.5rem}.entry-header .lead{font-size:var(--step-1);color:var(--ink-2);margin:0;max-width:60ch}.entry-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:1rem;font-family:var(--font-mono);font-size:.74rem;color:var(--ink-3)}.entry-meta a{color:var(--ink-2)}.prose{max-width:72ch}.prose>*+*{margin-top:1.1em}.prose h2{font-size:var(--step-2);margin-top:2em;padding-top:.2em}.prose h3{font-size:var(--step-1);margin-top:1.6em}.prose h2+p,.prose h3+p{margin-top:.6em}.prose img,.prose figure{border-radius:var(--r-md);margin-block:1.6em}.prose figcaption{font-size:var(--step--1);color:var(--ink-3);text-align:center;margin-top:.6em}.prose ul,.prose ol{padding-left:1.4em}.prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}.prose a:hover{text-decoration-color:var(--accent)}.prose li+li{margin-top:.4em}.prose blockquote{margin:1.6em 0;padding:.6em 1.2em;color:var(--ink-2);border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 var(--r-sm) var(--r-sm) 0}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose hr{border:0;height:1px;background:var(--line);margin:2.2em 0}.prose strong,.prose b{color:var(--ink);font-weight:700}.prose table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95em}.prose th,.prose td{border:1px solid var(--line);padding:.6em .8em;text-align:left;vertical-align:top}.prose th{background:var(--surface-2);font-weight:700}.prose .wp-block-table{overflow-x:auto;margin:1.6em 0}.prose .wp-block-table table{margin:0}.alignwide{width:min(100% + 0px,960px);margin-inline:auto}.alignfull{width:100vw;margin-left:calc(50% - 50vw)}.aligncenter{margin-inline:auto}.entry .alignwide,.entry .alignfull{max-width:none}.related{border-top:1px solid var(--line);margin-top:clamp(2.5rem,5vw,4rem);padding-top:clamp(2rem,4vw,3rem)}.related h2{font-size:var(--step-1);margin-bottom:1.25rem}.related h2 .eyebrow{display:block;margin-bottom:.3rem}.share-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1.5rem}.share-row .label{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem}.tag-list a{font-size:var(--step--1);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);padding:.3em .7em;border-radius:var(--r-pill)}.tag-list a:hover{color:var(--accent-deep);border-color:var(--accent);text-decoration:none}.page-hero{padding-block:clamp(2.5rem,5vw,4rem) clamp(1.5rem,3vw,2.5rem);border-bottom:1px solid var(--line)}.page-hero .eyebrow{margin-bottom:.7rem;display:inline-block}.page-hero h1{font-size:var(--step-3);margin:0}.page-hero p{color:var(--ink-2);margin:.6rem 0 0;max-width:60ch}.page-hero .count{font-family:var(--font-mono);color:var(--ink-3)}.no-results{text-align:center;padding:clamp(3rem,6vw,5rem) 1rem}.no-results__mark{font-family:var(--font-mono);font-size:2.5rem;color:var(--ink-3);margin-bottom:.5rem}.no-results h1{font-size:var(--step-2)}.no-results p{color:var(--ink-2);max-width:46ch;margin-inline:auto}.no-results .search-form{max-width:420px;margin:1.5rem auto 0}.pagination{margin-top:clamp(2rem,4vw,3rem)}.pagination .nav-links{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 .6em;border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink-2);font-family:var(--font-mono);font-size:.9rem;text-decoration:none}.pagination .page-numbers:hover{border-color:var(--accent);color:var(--accent-deep);text-decoration:none}.pagination .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}.pagination .dots{border:0}.comments-area{border-top:1px solid var(--line);margin-top:clamp(2.5rem,5vw,4rem);padding-top:clamp(2rem,4vw,3rem);max-width:72ch}.comments-area h2{font-size:var(--step-1)}.comment-list{list-style:none;padding:0;margin:1.5rem 0}.comment-list li{margin-bottom:1.25rem}.comment-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:1rem 1.15rem}.comment-meta{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-3);margin-bottom:.4rem}.comment-author{color:var(--ink);font-weight:600}.comment-form{display:grid;gap:.75rem}.comment-form label{font-size:var(--step--1);color:var(--ink-2);display:block;margin-bottom:.3rem}.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:.7em .9em}.comment-form textarea:focus,.comment-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.comment-form textarea{min-height:104px;max-height:240px;resize:vertical;line-height:1.6}.comment-form input[type="submit"],.comment-form .submit{justify-self:start;background:var(--accent);color:#fff;border:0;border-radius:14px;font:inherit;font-weight:700;padding:.85em 1.6em;cursor:pointer;transition:background 0.15s var(--ease)}.comment-form input[type="submit"]:hover,.comment-form .submit:hover{background:var(--accent-deep)}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:var(--pad-section)}.site-footer__main{display:grid;gap:2rem;grid-template-columns:1.4fr repeat(auto-fit,minmax(140px,1fr));padding-block:clamp(2.5rem,5vw,4rem)}.site-footer__brand .brand{margin-bottom:.75rem}.site-footer__brand p{color:var(--ink-2);font-size:var(--step--1);max-width:38ch}.footer-col h4{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.9rem}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:.5rem}.footer-col a{color:var(--ink-2);font-size:var(--step--1)}.footer-col a:hover{color:var(--accent-deep)}.site-footer__bottom{border-top:1px solid var(--line);padding-block:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;justify-content:space-between;align-items:center}.site-footer__bottom p{margin:0;font-size:var(--step--1);color:var(--ink-3)}.site-footer__bottom .mono{font-family:var(--font-mono)}.site-footer__legal{display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:center}.footer-links__list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin:0;padding:0}.footer-links__list li{position:relative}.footer-links__list li+li::before{content:"·";position:absolute;left:-.55rem;color:var(--line-2)}.footer-links__list a{font-size:var(--step--1);color:var(--ink-2);text-decoration:none}.footer-links__list a:hover{color:var(--accent-deep)}.is-revealed{animation:fadeUp 0.5s var(--ease) both}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.text-mono{font-family:var(--font-mono)}.muted{color:var(--ink-2)}.calc{--calc-radius:var(--r-lg,18px);position:relative;background:var(--surface,#fff);border:1px solid var(--line,#e3e8ec);border-radius:var(--calc-radius);padding:clamp(1.15rem,1rem + 1vw,1.75rem);box-shadow:var(--shadow-1);margin-block:1.75rem}.calc::before{content:"";position:absolute;left:clamp(1.15rem,1rem + 1vw,1.75rem);top:0;width:38px;height:3px;border-radius:0 0 3px 3px;background:var(--accent,#3182f6)}.calc__title{font-size:var(--step-1,1.25rem);font-weight:700;margin:0 0 .2rem;letter-spacing:-.03em}.calc__desc{color:var(--ink-2,#475160);font-size:var(--step--1,.875rem);margin:0 0 1.1rem}.calc__grid{display:grid;gap:.9rem 1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.calc__field{display:flex;flex-direction:column;gap:.35rem}.calc__field--full{grid-column:1 / -1}.calc__label{font-size:.82rem;font-weight:600;color:var(--ink-2,#475160);display:flex;align-items:center;gap:.4em}.calc__label .calc__hint{font-weight:400;color:var(--ink-3,#828d9c);font-size:.76rem}.calc__input,.calc__select,.calc textarea.calc__input{width:100%;font:inherit;font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;color:var(--ink,#0f1722);background:var(--surface-2,#f1f4f6);border:1px solid var(--line-2,#d3dade);border-radius:var(--r-sm,10px);padding:.7em .85em;transition:border-color 0.15s,box-shadow 0.15s,background 0.15s}.calc__select{font-family:var(--font-sans)}.calc__input::placeholder{color:var(--ink-3,#828d9c)}.calc__input:focus,.calc__select:focus{outline:none;background:var(--surface,#fff);border-color:var(--accent,#3182f6);box-shadow:0 0 0 4px var(--accent-soft,#e8f3ff)}.calc__input:disabled{opacity:.55;cursor:not-allowed}.calc__inputwrap{position:relative;display:flex;align-items:center}.calc__inputwrap .calc__input{padding-right:2.6em}.calc__inputwrap .calc__suffix{position:absolute;right:.85em;font-family:var(--font-mono);font-size:.85em;color:var(--ink-3,#828d9c);pointer-events:none}.calc__range{width:100%;accent-color:var(--accent,#3182f6)}.calc__range-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.calc__range-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink,#0f1722);min-width:5ch;text-align:right}.calc__seg{display:inline-flex;padding:3px;gap:3px;background:var(--surface-2,#f1f4f6);border:1px solid var(--line,#e3e8ec);border-radius:var(--r-sm,10px);flex-wrap:wrap}.calc__seg input{position:absolute;opacity:0;pointer-events:none}.calc__seg label{cursor:pointer;padding:.5em .95em;border-radius:7px;font-size:.85rem;font-weight:600;color:var(--ink-2,#475160);transition:background 0.15s,color 0.15s;user-select:none}.calc__seg input:checked+label{background:var(--surface,#fff);color:var(--accent-deep,#1b64da);box-shadow:var(--shadow-1)}.calc__seg input:focus-visible+label{outline:2.5px solid var(--accent-deep);outline-offset:2px}.calc__check{display:flex;align-items:center;gap:.55em;font-size:.9rem;color:var(--ink-2,#475160);cursor:pointer}.calc__check input{width:18px;height:18px;accent-color:var(--accent,#3182f6)}.calc__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.15rem}.calc__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:inherit;font-weight:700;line-height:1;cursor:pointer;background:var(--accent,#3182f6);color:#fff;border:1px solid #fff0;border-radius:14px;padding:.95em 1.4em;transition:transform 0.15s,box-shadow 0.15s,background 0.15s}.calc__btn:hover{background:var(--accent-deep,#1b64da)}.calc__btn:active{transform:translateY(1px)}.calc__btn--ghost{background:#fff0;color:var(--ink,#0f1722);border-color:var(--line-2,#d3dade);box-shadow:none}.calc__btn--ghost:hover{border-color:var(--accent,#3182f6);color:var(--accent-deep,#1b64da)}.calc__btn--block{width:100%}.calc__readout{margin-top:1.3rem;padding:1.25rem 1.4rem;background:var(--display-bg,#e8f3ff);border-radius:var(--r-lg,18px);display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem .75rem}.calc__readout-label{font-size:.85rem;font-weight:600;color:var(--display-dim,#4e5968);width:100%}.calc__readout-value{font-variant-numeric:tabular-nums;font-size:clamp(1.9rem,1.4rem + 2.2vw,2.7rem);font-weight:800;line-height:1.1;color:var(--display-ink,#191f28);letter-spacing:-.02em}.calc__readout-unit{font-size:1.05rem;font-weight:600;color:var(--display-dim,#4e5968);align-self:flex-end}.calc__results{margin-top:1.3rem;display:grid;gap:1px;background:var(--line,#e3e8ec);border:1px solid var(--line,#e3e8ec);border-radius:var(--r-md,14px);overflow:hidden}.calc__result-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;background:var(--surface,#fff);padding:.85em 1.1em}.calc__result-row--accent{background:var(--accent-soft,#e8f3ff)}.calc__result-key{color:var(--ink-2,#475160);font-size:.92rem}.calc__result-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:1.1rem;color:var(--ink,#0f1722)}.calc__result-row--accent .calc__result-val{color:var(--accent-deep,#1b64da)}.calc__note{margin-top:1rem;font-size:.82rem;color:var(--ink-3,#828d9c);line-height:1.55}.calc__alert{margin-top:1rem;padding:.7em .9em;border-radius:var(--r-sm,10px);font-size:.86rem;background:color-mix(in srgb,var(--danger,#e5564b) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger,#e5564b) 35%,transparent);color:var(--danger,#e5564b)}.calc__input.is-error{border-color:var(--danger,#e5564b);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger,#e5564b) 18%,transparent)}.calc__bars{margin-top:1.3rem;display:grid;gap:.6rem}.calc__bar{display:grid;grid-template-columns:minmax(70px,auto) 1fr auto;align-items:center;gap:.75rem;font-size:.85rem}.calc__bar-track{height:10px;background:var(--surface-2,#f1f4f6);border-radius:var(--r-pill,999px);overflow:hidden}.calc__bar-fill{height:100%;background:var(--accent,#3182f6);border-radius:inherit;transition:width 0.4s var(--ease,ease)}.calc__bar-fill--2{background:var(--ink-2,#475160)}.calc__bar-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-2,#475160)}.calc__keys{margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.calc__key{font:inherit;font-family:var(--font-mono);font-weight:600;font-size:1.1rem;cursor:pointer;padding:.85em 0;border-radius:var(--r-sm,10px);background:var(--surface-2,#f1f4f6);border:1px solid var(--line,#e3e8ec);color:var(--ink,#0f1722);transition:background 0.12s,transform 0.12s}.calc__key:hover{background:var(--surface,#fff)}.calc__key:active{transform:translateY(1px)}.calc__key--accent{background:var(--accent,#3182f6);color:#fff;border-color:#fff0}.calc__key--wide{grid-column:span 2}@media (max-width:480px){.calc__grid{grid-template-columns:1fr}.calc__actions{flex-direction:column}.calc__btn{width:100%}}.ad-slot{display:block;margin:2rem auto;text-align:center;min-height:96px}.ad-slot__label{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3,#8b95a1);margin-bottom:.4rem}.ad-slot__inner{display:flex;justify-content:center}.ad-slot__inner :is(ins,iframe,img,.adsbygoogle){max-width:100%}.cta-box{margin:1.8rem 0;padding:1.4rem 1.5rem;background:var(--accent-soft,#e8f3ff);border:1px solid rgb(49 130 246 / .22);border-radius:var(--r-lg,18px);display:flex;flex-direction:column;gap:.9rem}.cta-box__body{display:flex;flex-direction:column;gap:.25rem}.cta-box__title{margin:0;font-weight:800;font-size:1.1rem;color:var(--ink,#191f28);letter-spacing:-.01em}.cta-box__desc{margin:0;color:var(--ink-2,#4e5968);font-size:.95rem}.cta-box__btn{align-self:flex-start;font-size:1.02rem;padding:.9em 1.6em}.cta-box__disclosure{margin:0;font-size:.74rem;color:var(--ink-3,#8b95a1);line-height:1.5}@media (max-width:480px){.cta-box__btn{align-self:stretch;width:100%}}.download-box{margin:1.6rem 0;padding:1.1rem 1.2rem;background:var(--surface,#fff);border:1px solid var(--line,#e5e8eb);border-radius:var(--r-lg,18px);display:flex;align-items:center;gap:1rem}.download-box__badge{flex:none;width:54px;height:54px;border-radius:var(--r-md,14px);display:grid;place-items:center;font-weight:800;font-size:.8rem;letter-spacing:.02em;background:var(--accent-soft,#e8f3ff);color:var(--accent-deep,#1b64da)}.download-box__badge[data-ext="PDF"]{background:#fdeaea;color:#c0392b}.download-box__badge[data-ext="HWP"]{background:#e8f1fb;color:#1f6fd6}.download-box__badge[data-ext="HWPX"]{background:#e8f1fb;color:#1f6fd6}.download-box__badge[data-ext="DOC"],.download-box__badge[data-ext="DOCX"]{background:#e7effc;color:#2b579a}.download-box__badge[data-ext="XLS"],.download-box__badge[data-ext="XLSX"],.download-box__badge[data-ext="CSV"]{background:#e8f5ec;color:#1d7a43}.download-box__badge[data-ext="PPT"],.download-box__badge[data-ext="PPTX"]{background:#fdeee5;color:#c54b1b}.download-box__badge[data-ext="ZIP"],.download-box__badge[data-ext="HTML"]{background:#f0eef9;color:#6b46c1}.download-box__body{flex:1;min-width:0}.download-box__title{margin:0;font-weight:700;color:var(--ink,#191f28)}.download-box__meta{margin:.15rem 0 0;font-size:.8rem;color:var(--ink-3,#8b95a1);font-variant-numeric:tabular-nums}.download-box__desc{margin:.4rem 0 0;font-size:.9rem;color:var(--ink-2,#4e5968)}.download-box__btn{flex:none}@media (max-width:520px){.download-box{flex-wrap:wrap}.download-box__btn{width:100%}}.toc{margin:1.6rem 0;padding:1.1rem 1.3rem;background:var(--surface-2,#f9fafb);border:1px solid var(--line,#e5e8eb);border-radius:var(--r-md,14px)}.toc__title{margin:0 0 .5rem;font-weight:700;font-size:.95rem;color:var(--ink,#191f28)}.toc__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.1rem}.toc__item a{display:block;padding:.3rem 0;color:var(--ink-2,#4e5968);font-size:.95rem;text-decoration:none;border-radius:6px}.toc__item a:hover{color:var(--accent-deep,#1b64da)}.toc__item--h3 a{padding-left:1rem;font-size:.9rem;color:var(--ink-3,#8b95a1)}.toc__item--h3 a:hover{color:var(--accent-deep,#1b64da)}