:root{--ink:#192f38;--paper:#f8f5ed;--red:#b24c32;--pale:#e9e3d6;--line:#c1c7c4;--muted:#465b63}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.75}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--red)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}.skip{position:absolute;top:-80px;background:white;padding:1rem;z-index:100}.skip:focus{top:0}.masthead{border-block:8px solid var(--ink);padding:1.1rem 4vw;display:flex;justify-content:space-between;align-items:center;gap:2rem}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:850;font-size:1.3rem;line-height:1.2}.brand img{border-radius:7px}.brand small{display:block;font-size:.7rem;margin-top:.3rem;font-weight:500}.masthead nav{display:flex;gap:1.3rem;align-items:center;font-size:.85rem;font-weight:700}details{position:relative}summary{cursor:pointer}details>div{position:absolute;right:0;min-width:260px;background:var(--paper);border:2px solid var(--ink);padding:1rem;z-index:40}details a{display:block;padding:.35rem 0}.menu{display:none}.shell{max-width:1360px;margin:auto;padding:0 4vw}.hero{padding:4rem 0 3rem;display:grid;grid-template-columns:1.1fr .8fr;gap:6vw;align-items:start}.label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--red)}h1,h2,h3{line-height:1.12;letter-spacing:-.04em;overflow-wrap:anywhere}h1{font-size:clamp(3rem,7vw,6.5rem);margin:1rem 0 1.5rem;max-width:850px;font-weight:850}h1 span{display:block;color:var(--red)}h2{font-size:clamp(1.8rem,3.6vw,3rem);margin:1.5rem 0}h3{font-size:1.3rem}.lead{font-size:1.2rem;max-width:690px}.hero-note{border-top:3px solid var(--ink);padding-top:1.2rem;margin-top:1rem}.hero-note h2{font-size:1.7rem}.hero-note p{font-size:.95rem}.button,button{background:var(--ink);color:white;border:2px solid var(--ink);text-decoration:none;font-weight:750;padding:.8rem 1.1rem;cursor:pointer;display:inline-block;font-size:.9rem}.button.light,button.light{background:transparent;color:var(--ink)}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.5rem 0}.diagram{width:100%;height:auto;display:block}.caption{font-size:.75rem;color:var(--muted);margin:.4rem 0 2rem}.alert{border:2px solid var(--red);border-inline-start:8px solid var(--red);padding:1.2rem 1.5rem;margin:2rem 0;font-size:.95rem}.issue{padding:2.5rem 0;border-top:2px solid var(--ink);display:grid;grid-template-columns:1fr 2.2fr;gap:4vw}.issue-title .label{margin-top:0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{display:block;padding:1.5rem;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.card .number{font:800 .8rem ui-monospace,monospace;color:var(--red)}.card p{font-size:.9rem}.card:hover{background:var(--pale)}.reader{max-width:820px;margin:auto;padding:3rem 1.5rem 4rem}.reader h1{font-size:clamp(2.7rem,5.3vw,4.4rem)}.reader section{margin:3rem 0}.reader p{overflow-wrap:anywhere}.sources{font-size:.75rem;border-top:1px solid var(--line);padding-top:.5rem;margin-top:1.2rem}.sources a{display:block}.crumb,.byline{font-size:.75rem}.contents{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem;border:1px solid var(--line);margin:2rem 0}.app-card{margin:3rem 0;padding:2rem;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--pale);display:grid;grid-template-columns:1fr 190px;gap:1.7rem;align-items:center;background:#fffdf8}.app-identity{display:flex;gap:.75rem;align-items:center}.app-identity img{border-radius:8px}.app-card h2{font-size:2rem}.app-card .product{width:100%;height:auto;max-width:190px}.badges{display:flex;gap:.5rem;flex-wrap:wrap}.badges img{max-width:100%;height:auto;display:block}.small{font-size:.75rem}.related{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 0;border-top:2px solid var(--ink)}footer{background:var(--ink);color:var(--paper);padding:3rem 4vw 6rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}footer a{display:block}footer .small{grid-column:1/-1;max-width:850px}.sticky{position:fixed;bottom:1rem;right:1rem;background:var(--red);color:white;padding:.7rem 1rem;border:2px solid var(--paper);font-size:.8rem;font-weight:750;text-decoration:none;z-index:50}.sticky:hover{color:white;background:var(--ink)}.tool-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}.tool-intro{max-width:850px}.item-entry{border:1px solid var(--line);padding:1.4rem;margin:1.5rem 0;min-inline-size:0;background:#fffdf8}.item-entry legend{padding:0 .5rem;font-weight:800}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:block;font-size:.85rem;font-weight:700;margin:.9rem 0}input,textarea,select{width:100%;max-width:100%;display:block;padding:.6rem;background:white;border:1px solid var(--muted);color:var(--ink);margin-top:.4rem}textarea{min-height:90px;resize:vertical}.remove{font-size:.75rem;padding:.4rem .8rem;margin-top:.5rem}.output{background:var(--pale);padding:1.5rem;margin-top:1.5rem}.output h2{font-size:1.5rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;font-family:inherit;line-height:1.75}.status{padding-inline-start:1rem;border-inline-start:3px solid var(--red)}button:disabled{cursor:not-allowed;opacity:.6}.tool-layout h1{font-size:3rem}.steps{counter-reset:step}.steps section{counter-increment:step;border-top:1px solid var(--line);padding-top:1rem}.steps h2:before{content:counter(step,decimal-leading-zero) ' / ';font-size:1rem;color:var(--red);letter-spacing:0}html[dir=rtl] details>div{right:auto;left:0}html[dir=rtl] .sticky{right:auto;left:1rem}
@media(max-width:850px){.masthead{padding:1rem;gap:1rem}.brand{font-size:1.05rem}.menu{display:block;background:transparent;color:var(--ink);font-size:.8rem;padding:.4rem .7rem}.masthead nav{display:none;position:absolute;top:94px;left:1rem;right:1rem;background:var(--paper);border:2px solid var(--ink);padding:1rem;z-index:60;align-items:start;flex-direction:column}.masthead nav.open{display:flex}details>div{position:static;min-width:0;border:0;padding:.5rem}.shell{padding:0 1.25rem}.hero{grid-template-columns:1fr;padding:2.5rem 0 1rem;gap:1.5rem}h1{font-size:clamp(3rem,12vw,5rem)}.hero-note{margin:0}.lead{font-size:1.1rem}.issue{grid-template-columns:1fr;gap:1rem}.cards{grid-template-columns:1fr}.app-card{grid-template-columns:1fr;padding:1.3rem}.app-card .product{justify-self:center;max-width:175px}.app-card h2{font-size:1.7rem}.tool-layout{grid-template-columns:1fr;gap:1rem}.field-row{grid-template-columns:1fr;gap:0}.actions{flex-direction:column;align-items:stretch}.actions>*{text-align:center}footer{grid-template-columns:1fr;padding:2rem 1.25rem 6rem}.item-entry{padding:1rem}.reader{padding:2.5rem 1.25rem 4rem}.reader h1{font-size:clamp(2.6rem,10vw,4rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@font-face{font-family:StashKorean;src:url('/assets/noto-sans-kr-site29.woff2') format('woff2');font-weight:100 900;font-display:swap}html[lang=ko] body,html[lang=ko] .card .number{font-family:StashKorean,system-ui,sans-serif}html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{word-break:keep-all;overflow-wrap:break-word}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0}
/* Long localized guide titles need room without splitting Arabic joins or German compounds. */
.reader h1{font-size:clamp(2.1rem,4.8vw,3.7rem);hyphens:auto;overflow-wrap:break-word}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{overflow-wrap:normal;word-break:normal;line-height:1.3}html[dir=rtl] h1{font-size:clamp(2.1rem,7.5vw,3.7rem)}

/* Mobile nav containment: inline accordion panels stay within the full nav row. */
@media(max-width:800px){
header nav{min-width:0;max-width:100%;box-sizing:border-box;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:12px}
header nav details{position:static;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
html header nav details>div{position:static;inset:auto;width:100%;min-width:0;max-width:100%;box-sizing:border-box;max-height:none;overflow:visible}
header nav a,header nav summary{max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
}

header nav a[lang=ko]{font-family:StashKorean,Arial,sans-serif}