@import url();
:root{--ink:#20363a;--paper:#faf6ed;--accent:#a1442b;--line:#c8d0c7;--muted:#e8ede6;--white:#fffef8;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background-image:linear-gradient(#20363a06 1px,transparent 1px),linear-gradient(90deg,#20363a06 1px,transparent 1px);background-size:36px 36px}a{color:inherit;text-underline-offset:4px}button,a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}a:hover{color:var(--accent)}.skip{position:absolute;inset-block-start:-80px;padding:15px;background:white;z-index:20}.skip:focus{inset-block-start:0}.topbar{text-align:center;border-bottom:1px solid var(--line);padding:11px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}header{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;font-weight:800;line-height:1.1;letter-spacing:.06em}.brand img{object-fit:contain}.brand b{color:var(--accent)}nav{display:flex;align-items:center;gap:15px}details{position:relative}summary{cursor:pointer;padding:12px;border:1px solid var(--line);border-radius:28px;font-size:14px}details>div{display:none;position:absolute;inset-inline-end:0;inset-block-start:52px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:15px;width:min(350px,85vw);z-index:10;max-height:60vh;overflow:auto;box-shadow:0 10px 30px #20363a18}details[open]>div{display:grid;gap:8px}details a{padding:8px;text-decoration:none;font-size:14px}.button,button{display:inline-block;max-width:100%;border:1px solid var(--ink);border-radius:7px;padding:12px 16px;background:transparent;color:var(--ink);font:inherit;font-size:14px;line-height:1.4;text-decoration:none;cursor:pointer}.primary,button[type=submit]{background:var(--accent);color:white;border-color:var(--accent)}main{max-width:1320px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;padding:75px 0 65px;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:700}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(37px,4.7vw,65px);line-height:1.08;margin:17px 0 25px;max-width:850px}h2{font-size:28px;line-height:1.2}.deck{font-size:19px;line-height:1.7;max-width:680px}.micro{font-size:13px;line-height:1.6;color:#49615e}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.ledger-art{position:relative;padding:25px;background:#dce6dd;min-height:390px;transform:rotate(-2deg);border:1px solid #b9cbbd}.ledger-art>span{font:12px monospace}.receipt{background:var(--white);padding:25px;margin:15px auto;width:74%;box-shadow:8px 10px 0 #20363a14;transform:rotate(5deg);display:grid;gap:14px}.receipt small{font:11px monospace}.receipt b{font:70px Georgia;color:var(--accent);line-height:1}.receipt i{border-top:1px dashed #aebdb3;height:10px}.receipt strong{font:12px monospace;line-height:1.6}.stamp{position:absolute;inset-inline-end:8px;inset-block-end:25px;border:2px solid var(--accent);border-radius:50%;padding:20px;text-align:center;font:12px monospace;color:var(--accent);transform:rotate(14deg);background:#faf6edd9}.layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:64px;padding-top:35px}article{min-width:0}.editorial,.translation{font-size:12px;line-height:1.7}.translation{padding:14px;background:var(--muted);border-left:3px solid var(--accent)}.chapter{display:grid;grid-template-columns:36px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:35px 0}.chapter h2{margin:0 0 16px}.chapter p{font-size:16px;line-height:1.85;margin:0}.num{font:12px monospace;color:var(--accent);padding-top:6px}.chapter .source{font-size:11px;margin-top:15px;line-height:1.6}.source a{margin-inline-end:9px}.rail{min-width:0}.note{border:1px solid var(--line);border-radius:8px;padding:27px;background:var(--muted);margin:20px 0}.note span{font:11px monospace}.note p,.blog-card p{font-size:13px;line-height:1.7}.app-card{padding:28px 25px;border:1px solid #a9b9ae;border-radius:25px;background:var(--white);display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:18px;align-items:center}.app-identity{display:flex;align-items:center;gap:12px}.app-identity img{width:54px;height:54px;border-radius:12px}.app-identity strong{font-size:23px;letter-spacing:.02em}.app-identity p{font-size:12px;margin:5px 0 0}.app-copy h2{font-size:28px;margin:25px 0}.product{width:112px;height:auto;border-radius:18px;align-self:center}.badges{display:flex;flex-wrap:wrap;gap:8px}.badges img{width:133px;height:auto;display:block}.badges a{display:inline-block}.app-terms{grid-column:1/-1;font-size:12px;line-height:1.7;margin:0}.app-card small{font-size:11px}.blog-card{padding:25px 5px}.sources{padding:25px 0}.sources p{font-size:13px;line-height:1.8}.next{padding:30px 0}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-grid a{border:1px solid var(--line);padding:16px;border-radius:5px;text-decoration:none;line-height:1.5;font-size:13px;background:#fffef8a8}.end-app{margin:35px 0;padding:40px;background:var(--muted);border:1px solid var(--line)}.end-app p{font-size:13px;line-height:1.6}footer{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:var(--ink);color:var(--paper);padding:45px max(40px,calc((100vw - 1240px)/2)) 100px}footer h2{font-family:Arial,sans-serif;font-size:14px;letter-spacing:.08em}footer p{font-size:12px;line-height:1.8}footer a{display:inline-block;margin:5px 12px 5px 0}footer .button{border-color:var(--paper);color:var(--paper)}.sticky{position:fixed;bottom:0;inset-inline:0;background:var(--white);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:13px max(25px,calc((100vw - 1240px)/2));gap:20px;z-index:8;box-shadow:0 -5px 20px #20363a0c}.sticky span{font-size:13px}.sticky a{font-size:14px;color:var(--accent);font-weight:bold;white-space:nowrap}.tool{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:25px;margin:30px 0;scroll-margin-top:20px}.tool p{font-size:13px;line-height:1.7}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:18px 0}label{display:grid;gap:8px;font-size:13px;line-height:1.4}input,select,textarea{background:#fff;border:1px solid #8b9e92;border-radius:5px;padding:12px;width:100%;min-width:0;font:inherit;color:var(--ink)}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus,a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #c57d37;outline-offset:3px}button{margin:5px 8px 5px 0}#budget-result,#quote-result{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin-top:18px;font-size:14px}p,a,h1,h2,summary,label,span{overflow-wrap:anywhere}.tool h2{font-size:27px}.topbar{overflow-wrap:anywhere}
@media(max-width:1100px){.app-card{grid-template-columns:minmax(0,1fr)}.product{display:block;justify-self:start}.app-terms{grid-column:1}.layout{gap:35px}.hero{gap:35px}.app-copy h2{font-size:26px}}
@media(max-width:760px){header{padding:20px;flex-wrap:wrap;gap:18px}nav{width:100%;justify-content:space-between;gap:8px}nav>.button{padding:10px 12px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:40px 0;gap:30px}.hero .ledger-art{min-height:260px;width:90%;justify-self:center}.receipt{width:66%;padding:18px;gap:9px}.receipt b{font-size:45px}.stamp{padding:15px;font-size:10px}.layout{display:block;padding-top:25px}.rail{margin-top:20px}.app-card{grid-template-columns:minmax(0,1fr) 100px;padding:24px 22px;gap:16px}.product{width:100px}.app-terms{grid-column:1/-1}.app-copy h2{font-size:27px}.app-identity{gap:9px;flex-wrap:wrap}.app-identity strong{font-size:23px}.app-identity img{width:48px;height:48px}.chapter{padding:28px 0;grid-template-columns:25px 1fr;gap:9px}.chapter h2{font-size:27px}.chapter p{font-size:15px}.deck{font-size:17px}.end-app{padding:25px}.sticky span{font-size:11px}.sticky{padding:12px 20px;gap:12px}.sticky a{font-size:12px}footer{grid-template-columns:1fr;padding:30px 20px 100px;gap:25px}.tool{padding:20px}.fields{grid-template-columns:1fr}.page-grid{gap:9px}.page-grid a{padding:12px;font-size:12px}.topbar{font-size:10px}.hero-actions .button{width:100%}}
@media(max-width:370px){main{padding:0 15px}.app-card{padding:20px 16px;grid-template-columns:minmax(0,1fr) 84px;gap:12px}.product{width:84px}.badges img{width:120px}.app-copy h2{font-size:23px}.app-identity strong{font-size:21px}header{padding:18px 15px}summary{padding:10px;font-size:12px}.page-grid{grid-template-columns:1fr}}
@media print{header,.sticky,footer,.hero-art,.rail,.hero-actions,.end-app,nav,.topbar,.next,button{display:none}body{background:white}main{padding:0}.hero{padding:10px 0;display:block}.layout{display:block}.chapter{break-inside:avoid}a{color:black}}






/* Site97 original rust/ice address-label collage, not a map, habitat or transport plan. */
:root{--ink:#272b36;--paper:#f1f7f8;--accent:#a44330;--muted:#555d68;--line:#b9c8cc;--soft:#e4edf0;--font-head:Georgia,serif}body{background:#f1f7f8;color:#272b36}.notice{background:#e2ebee;color:#272b36;border-bottom:1px solid #b9c8cc}h1,h2,h3{font-family:Georgia,serif;letter-spacing:-.035em}.brand b{letter-spacing:.04em}header,.hero,.layout,footer{max-width:1320px}.hero{gap:4rem;padding-block:4rem}.hero h1{font-size:clamp(2.65rem,5vw,5.4rem);line-height:1.02}.eyebrow{color:#a44330;letter-spacing:.1em;font-weight:700}.ledger-art{position:relative;isolation:isolate;min-height:470px;border:0;border-radius:0;background:#a44330;overflow:hidden;padding:1.6rem;color:#f1f7f8}.ledger-art>span,.ledger-art>small{position:absolute;z-index:4;padding:.5rem .65rem;background:#f1f7f8;color:#272b36;max-width:88%;font-size:.68rem;font-weight:700;letter-spacing:.08em}.ledger-art>span{top:1.3rem;left:1.3rem}.ledger-art>small{bottom:1.3rem;left:1.3rem}.ledger-art>strong{position:absolute;z-index:3;left:2rem;top:6rem;font:clamp(2.6rem,4.1vw,4.8rem)/.98 Georgia,serif;letter-spacing:-.04em;color:#f1f7f8}.address-paper{position:absolute;inset:0;z-index:1}.address-paper i{position:absolute;background:#e5bdab;transform:rotate(-16deg);width:74%;height:13%;right:-42%;border:3px solid #f1f7f8}.address-paper i:nth-child(1){top:14%}.address-paper i:nth-child(2){top:49%;background:#e4edf0}.address-paper i:nth-child(3){top:82%;background:#d9a08a}.address-paper b{position:absolute;inset:0;border:16px solid #853728;pointer-events:none}.button,.pill,.btn{border-radius:2px;background:#a44330;color:white}.note,.card,.app-card,.tool,.callout{border-radius:0}.note{background:#e2ebee;border-inline-start:4px solid #a44330}.app-card{background:#e8eff0;border:1px solid #b9c8cc;box-shadow:6px 6px 0 #cbdce0}.app-card h2{font-weight:400}.tool{background:#f8fbfb;border:1px solid #b9c8cc;box-shadow:6px 6px 0 #d3e1e4}.sticky{background:#272b36}.sticky a{color:#fff}.callout{border-inline-start:4px solid #a44330;background:#e2ebee}a,nav details a{color:#913a2b}nav details[open]>div{background:#fff;color:#272b36}input,textarea,select{border:1px solid #9db7bd;background:#fff;color:#272b36}button[type=submit],button[type=reset]{background:#a44330;color:#fff}@media(max-width:700px){.hero{gap:1.8rem;padding-top:2.5rem}.ledger-art{min-height:415px}.ledger-art>strong{top:6rem;left:1.3rem;font-size:3.6rem}.hero h1{font-size:2.85rem}.app-card h2{font-size:1.65rem}}

/* Mobile dropdown repair 2026-11-12: one viewport-contained nav anchor in LTR and RTL. */
@media(max-width:700px){
 header nav{position:relative;width:100%;max-width:100%;flex-wrap:wrap}
 header nav details{position:static}
 header nav details>div{position:absolute;left:0;right:0;inset-inline-start:0;inset-inline-end:0;top:calc(100% + 8px);inset-block-start:calc(100% + 8px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;max-height:55vh;max-height:55dvh;overflow-x:hidden;overflow-y:auto;z-index:100}
 header nav details>div a{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
}

/* Self-hosted Noto Sans KR three-glyph subset for the Korean language autonym. */
@font-face{font-family:PawLineKoreanAutonym;src:url('/assets/korean-autonym.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+D55C,U+AD6D,U+C5B4}
header nav a[hreflang=ko],header nav a[lang=ko],header nav a[href*="/ko/"]{font-family:PawLineKoreanAutonym,Arial,sans-serif}