/* Semmadang's restrained editorial finish */
:root{--ink:#202a38;--green:#243d57;--lime:#d5bd8e;--cream:#f6f4ef;--line:#e7e2d8}
html{scroll-padding-top:86px}
.nav{position:sticky;top:0;z-index:20;background:rgba(246,244,239,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:#e5e0d5}
.brand img{width:156px}
.navlinks a{position:relative;transition:color .2s ease}
.navlinks a:hover{color:var(--green)}
.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:#b49c6e;transition:right .2s ease}
.navlinks a:hover:after{right:0}
.nav-search{border-color:#ddd8cd;box-shadow:0 3px 12px #202a3808;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.nav-search:hover{background:#fff;border-color:#c9b78f;transform:translateY(-1px)}
.hero{padding-top:84px;padding-bottom:68px;min-height:492px}
.hero h1{max-width:700px;line-height:1.24}
.hero-copy{max-width:490px;color:#596775}
.hero-art{border:1px solid #fff;background:radial-gradient(ellipse at 70% 28%,#f8f8f4 0,#e9edf1 48%,#e2e8ec 100%);box-shadow:0 24px 60px #293e5610}
.orb{background:linear-gradient(138deg,#dfe5e8 5%,#aabac4 60%,#8198a8 100%);filter:drop-shadow(0 22px 26px #354c6530)}
.art-card{border-color:#ffffffd9;box-shadow:0 24px 56px #293e5625}
.floating{transform:rotate(2deg);box-shadow:0 14px 28px #4a586b24}
.trusted{border-color:#e1ddd3;color:#596775}
.feature,.tool,.cat{box-shadow:0 5px 20px #202a3805;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.feature{border-radius:19px}
.feature.primary{background:linear-gradient(145deg,#243d57 0%,#314f6b 100%);box-shadow:0 16px 36px #243d5720}
.feature.primary:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff0b 0%,transparent 48%);pointer-events:none}
.tool{border-radius:15px;min-height:151px;padding:21px}
.tool h3{letter-spacing:-.045em}
.cat{border-radius:14px}
.cat-icon{background:linear-gradient(145deg,#f2f2ed,#e6ebee);color:#526981}
.cat.active{background:#fffdf8;border-color:#bca779;box-shadow:0 8px 22px #202a3810}
.cat.active .cat-icon{background:#243d57;color:#f6f4ef}
.empty{display:none;grid-column:1/-1;text-align:center;padding:30px 18px;border:1px dashed #d8d3c8;border-radius:14px;color:#596775;font-size:13px;line-height:1.7}
.guide{background:linear-gradient(135deg,#edf0f2 0%,#f0efe9 100%);border:1px solid #fff;box-shadow:0 14px 36px #202a3808}
.footer{background:linear-gradient(115deg,#1e3043 0%,#243d57 100%)}
.footer .brand img{width:156px}
.footer-partner{border-radius:14px}
.tool:focus-visible,.cat:focus-visible,.feature:focus-visible,.nav a:focus-visible,.searchbox button:focus-visible{outline:3px solid #d5bd8e;outline-offset:3px}
@media(max-width:850px){.brand img{width:146px}.hero{padding-top:62px;min-height:0}.hero-art{box-shadow:0 18px 42px #293e5616}}
@media(max-width:620px){.brand img,.footer .brand img{width:136px}.nav{height:70px}.hero{padding:46px 0 36px}.hero h1{font-size:clamp(39px,11vw,46px);line-height:1.25}.hero-art{border-radius:22px}.art-card{transform:translate(-24px,20px) scale(.92)}.floating{right:6%;bottom:11%;padding:10px 13px}.section{padding:58px 0}.feature,.tool{box-shadow:0 6px 20px #202a3808}.category-wrap{padding:52px 0 58px}.guide{box-shadow:none}.footer{padding-top:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.calculator-guide{margin-top:28px;display:grid;gap:16px}.guide-intro{padding:27px 29px;border-radius:19px;background:linear-gradient(135deg,#243d57,#344f68);color:#fff}.guide-eyebrow{font:700 10px 'DM Sans',sans-serif;letter-spacing:.17em;color:#d5bd8e}.guide-intro h2{margin:10px 0 7px;font-size:23px;letter-spacing:-.055em}.guide-intro p{margin:0;color:#d9e0e6;font-size:13px;line-height:1.8}.guide-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.guide-card,.guide-faq,.related-tools{padding:21px 23px;border:1px solid #e7e3da;border-radius:16px;background:#fff}.guide-card h3,.guide-faq h3,.related-tools h3{margin:0 0 12px;font-size:14px;letter-spacing:-.04em}.guide-card p,.guide-card li,.guide-faq details p{font-size:12px;line-height:1.9;color:#596775}.guide-card p{margin:0}.guide-card ol,.guide-card ul{margin:0;padding-left:19px}.guide-card li+li{margin-top:7px}.guide-caution{background:#f8f7f2}.guide-faq details{border-top:1px solid #eeeae2;padding:12px 0}.guide-faq details:last-child{padding-bottom:0}.guide-faq summary{cursor:pointer;font-size:12px;font-weight:700;line-height:1.7}.guide-faq details p{margin:7px 0 0}.source-note{margin:0;padding:15px 18px;border-left:3px solid #bca779;background:#f4f3ee;color:#596775;font-size:11px;line-height:1.8}.source-note a{color:#355472;text-underline-offset:3px}.related-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.related-tools>h2,.related-tools>h3{grid-column:1/-1;margin:0 0 3px;font-size:14px}.related-tool{display:grid;gap:5px;padding:13px;border-radius:11px;background:#f7f6f2;text-decoration:none;color:#27394b}.related-tool span{font-size:9px;color:#596775}.related-tool b{font-size:11px}.related-tool small{font-size:10px;color:#596775}.related-tool:hover{background:#eef1f3}.tool-shell{position:relative;min-width:0}.tool-shell>.tool{height:100%;padding-bottom:48px}.tool-save{position:absolute;right:13px;bottom:12px;border:1px solid #e5e0d6;background:#fff;border-radius:99px;padding:6px 9px;color:#596b7c;font:600 9px 'Noto Sans KR',sans-serif;cursor:pointer}.tool-save[aria-pressed="true"]{background:#f1ead8;border-color:#d2bf93;color:#5c4b27}.tool-save:focus-visible,.quick-remove:focus-visible{outline:3px solid #d5bd8e;outline-offset:2px}.quick-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quick-panel{padding:20px;border:1px solid #e7e3da;border-radius:16px;background:#fff}.quick-panel h3{font-size:14px;margin:0 0 12px}.quick-tool-list{display:grid;gap:8px}.quick-tool-item{display:flex;align-items:center;gap:10px;border:1px solid #efede7;border-radius:11px;padding:10px 12px}.quick-tool-link{display:grid;grid-template-columns:1fr auto;gap:3px 10px;flex:1;align-items:center;text-decoration:none;color:#26384a}.quick-tool-link small{grid-column:1/-1;color:#596775;font-size:9px}.quick-tool-link b{font-size:11px}.quick-tool-link span{grid-column:2;grid-row:2;color:#596775;font-size:10px}.quick-remove{border:0;background:transparent;color:#596775;font-size:10px;cursor:pointer}.quick-empty{margin:0;padding:11px 0;color:#596775;font-size:11px;line-height:1.7}.guides-teaser{padding-top:16px}.guide-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-teaser-grid a,.guide-index-card{display:grid;gap:8px;padding:19px;border:1px solid #e7e3da;border-radius:15px;background:#fff;text-decoration:none;color:#26384a}.guide-teaser-grid a:hover,.guide-index-card:hover{border-color:#c9b78f;transform:translateY(-1px)}.guide-teaser-grid b{color:#596775;font-size:10px}.guide-teaser-grid span{font-size:13px;font-weight:700}.guide-teaser-grid small{font-size:10px;color:#596775}.guide-index-head,.guide-article-head{padding:38px 0 28px}.guide-index-head h1,.guide-article-head h1{font-size:clamp(29px,5vw,42px);line-height:1.35;letter-spacing:-.065em;margin:12px 0}.guide-index-head p,.guide-article-head>p{font-size:14px;line-height:1.85;color:#596775;max-width:760px}.guide-article-head small{font-size:10px;color:#596775}.guide-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.guide-index-card>span{font:700 9px 'DM Sans',sans-serif;letter-spacing:.14em;color:#596775}.guide-index-card h3{font-size:15px;line-height:1.6;margin:0}.guide-index-card p{font-size:11px;color:#596775;line-height:1.7;margin:0}.guide-index-card small{font-size:10px;color:#526981}.guide-article{display:grid;gap:13px}.article-section{padding:23px 26px;border:1px solid #e7e3da;border-radius:16px;background:#fff}.article-section h2{margin:0 0 13px;font-size:18px;letter-spacing:-.05em}.article-section p{font-size:13px;line-height:2;color:#596879;margin:0}.article-section p+p{margin-top:11px}.guide-back{display:inline-flex;justify-content:center;padding:13px;border:1px solid #ded9cf;border-radius:11px;background:#fff;color:#425c73;text-decoration:none;font-size:12px}.site-footer{max-width:1040px;margin:0 auto;padding:20px 24px 34px;border-top:1px solid #e2ddd2;color:#596775;font-size:11px}.site-footer a{color:#425c73;text-decoration:none}.site-footer p{margin:8px 0 0;font-size:10px}.guide-page .related-tools{padding:21px 23px}
@media(max-width:720px){.calculator-guide{margin-top:18px;gap:11px}.guide-intro{padding:22px 20px;border-radius:16px}.guide-intro h2{font-size:19px}.guide-columns,.quick-columns,.guide-index-grid{grid-template-columns:1fr}.guide-card,.guide-faq,.related-tools{padding:17px}.related-tools{grid-template-columns:1fr}.related-tools>h2,.related-tools>h3{grid-column:auto}.related-tool{grid-template-columns:1fr auto;align-items:center}.related-tool span{grid-column:1/-1}.related-tool b{font-size:12px}.related-tool small{grid-column:2;grid-row:2}.quick-panel{padding:16px}.guide-teaser-grid{grid-template-columns:1fr}.guide-teaser-grid a{padding:16px}.guide-index-head,.guide-article-head{padding:29px 0 20px}.guide-index-head h1,.guide-article-head h1{font-size:30px}.guide-index-head p,.guide-article-head>p{font-size:12px}.guide-article{gap:10px}.article-section{padding:18px}.article-section h2{font-size:16px}.article-section p{font-size:12px}.guide-page .related-tools{padding:17px}.site-footer{padding:18px 16px 28px}.tool-save{right:10px;bottom:10px}}
.nav-install{border:1px solid #ded9cf;border-radius:999px;padding:10px 13px;background:#f1ead8;color:#554b37;font-size:11px;font-weight:700;cursor:pointer}.nav-install[hidden]{display:none}

/* Figma-informed responsive hierarchy and calmer editorial spacing */
.nav{gap:18px}.navlinks{gap:clamp(14px,2.1vw,30px);color:#46586a}.navlinks a,.nav-search,.nav-install{white-space:nowrap}
.hero{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:clamp(28px,5vw,68px)}
.hero-art{min-width:0}.art-card{max-width:calc(100% - 38px)}
.section-head{gap:18px}.section-head p{line-height:1.75;color:#596775}.kicker{color:#596775}.feature:not(.primary){background:#fffefa}.feature h3,.tool h3{color:#26384a}.feature p,.tool p{color:#596775}
.quick-panel,.guide-teaser-grid a,.guide-index-card,.article-section,.guide-card,.guide-faq,.related-tools{box-shadow:0 8px 24px #202a3807}
.quick-panel h3,.guide-card h3,.guide-faq h3,.related-tools>h2,.related-tools>h3{color:#26384a}
.tool-save,.quick-remove,.reset-button,.share-button{min-height:38px}
.guide-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:850px){.nav{gap:12px}.navlinks{gap:13px;font-size:12px}.nav-search{font-size:11px;padding:9px 12px}.nav-install{font-size:10px;padding:9px 11px}.hero{grid-template-columns:minmax(0,1fr) minmax(270px,.85fr)}.hero-art{height:270px}.guide-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.nav{gap:8px}.nav-right{gap:6px}.nav-search{font-size:10px;padding:8px 10px}.nav-install{padding:8px 9px;font-size:10px}.hero{grid-template-columns:minmax(0,1fr);gap:27px}.hero-art{height:228px}.trusted b{font-size:11px}.section-head{align-items:flex-start}.section-head p{max-width:130px}.feature-grid{gap:10px}.feature.primary{min-height:225px}.feature:not(.primary){min-height:178px}.tool{min-height:0;padding:18px}.tool h3{margin-top:12px}.guide-index-grid{grid-template-columns:1fr}.guide-index-card{padding:18px}.calculator-guide{scroll-margin-top:82px}}

/* Typography audit: prioritize Korean reading rhythm and comfortable labels */
body{letter-spacing:-.018em;line-height:1.65}
.brand img,.footer .brand img{width:132px}
.hero h1{letter-spacing:-.045em;line-height:1.27}
.hero h1 em{letter-spacing:-.04em;line-height:1.3}
.hero-copy{font-size:16px;line-height:1.9}
.popular{font-size:12px;line-height:1.65}
.trusted{font-size:12px;line-height:1.65}
.section h2{font-size:31px;letter-spacing:-.04em;line-height:1.42}
.section-head p{font-size:13px;line-height:1.8}
.feature h3,.tool h3,.guide h2{letter-spacing:-.035em;line-height:1.5}
.feature p,.tool p,.guide p,.guide-item{font-size:13px;line-height:1.85}
.feature.primary h3{color:#fff}
.feature.primary p{color:#e1e7ed}
.feature-label{font-size:11px;letter-spacing:.11em;line-height:1.5}
.tool .tag{font-size:10px;line-height:1.4}
.tool-foot{font-size:11px;line-height:1.5}
.cat strong{font-size:14px;line-height:1.5}
.cat small{font-size:11px;line-height:1.5}
.guide-teaser-grid span{font-size:14px;line-height:1.6}
.guide-teaser-grid small,.guide-index-card p{font-size:12px;line-height:1.7}
.guide-index-head h1,.guide-article-head h1{letter-spacing:-.04em;line-height:1.4}
.guide-index-head p,.guide-article-head>p{font-size:15px;line-height:1.9}
.guide-card h3,.guide-faq h3,.related-tools>h2,.related-tools>h3{font-size:15px;letter-spacing:-.025em;line-height:1.5}
.guide-card p,.guide-card li,.guide-faq details p{font-size:13px;line-height:1.85}
.guide-faq summary{font-size:13px;line-height:1.75}
.source-note{font-size:12px;line-height:1.85}
.related-tool b{font-size:12px;line-height:1.55}
.related-tool small,.related-tool span{font-size:11px;line-height:1.5}
.quick-panel h3{font-size:15px;line-height:1.5}
.quick-tool-link b{font-size:12px;line-height:1.55}
.quick-tool-link small,.quick-tool-link span,.quick-remove{font-size:11px;line-height:1.5}
.footer p{font-size:12px;line-height:1.9}
.footer-links{font-size:12px;line-height:1.7}
.copyright{font-size:11px;line-height:1.65}
.footer-partner{display:block;width:min(100%,680px);margin:28px auto 8px!important;text-align:center;overflow:hidden}
.footer-partner iframe{display:block;width:100%!important;max-width:680px;margin:0 auto!important}
iframe[src*="ads-partners.coupang.com/widgets.html"]{display:block!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:min(680px,calc(100vw - 36px))!important;margin:0 auto!important}
@media(max-width:850px){.brand img{width:124px}.section h2{font-size:28px}}
@media(max-width:620px){.brand img,.footer .brand img{width:120px}.hero h1{font-size:clamp(38px,10.5vw,45px);line-height:1.31}.hero-copy{font-size:15px;line-height:1.9}.section h2{font-size:26px;line-height:1.45}.feature h3,.tool h3,.guide h2{line-height:1.55}.feature p,.tool p,.guide p,.guide-item{font-size:13px;line-height:1.85}.cat strong{font-size:12px}.cat small{font-size:11px}.guide-index-head h1,.guide-article-head h1{font-size:29px;line-height:1.45}.guide-index-head p,.guide-article-head>p{font-size:14px;line-height:1.9}.guide-card p,.guide-card li,.guide-faq details p{font-size:13px;line-height:1.9}}
.footer .partner-disclosure{color:#d6dee6}
.footer .copyright,.site-footer{text-align:center}