*{box-sizing:border-box}html{background:#f4f1e8;color:#142e32;font:16px/1.65 Arial,sans-serif;scroll-padding-top:18px}body{margin:0}a{color:inherit;text-underline-offset:4px}button,select{font:inherit;max-width:100%}img{max-width:100%;height:auto}button{cursor:pointer}header{background:#142e32;color:#f8f5ed;display:flex;align-items:center;justify-content:space-between;padding:20px 5%;gap:24px;border-bottom:7px solid #f56c43}.brand{display:flex;gap:16px;align-items:center;text-decoration:none;font-weight:bold;letter-spacing:2px;font-size:20px}.brand img{background:white;border-radius:6px;width:70px}.brand small{display:block;font:11px/1.4 Arial;letter-spacing:0}nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}summary{padding:9px 12px;border:1px solid #91aca4;cursor:pointer}details{position:relative;font-size:12px}details>div{position:absolute;inset-inline-end:0;top:100%;z-index:90;background:#142e32;min-width:215px;padding:12px;max-height:70vh;overflow:auto;box-shadow:6px 6px 0 #f56c43}details a{display:block;padding:7px}.button,button{background:#f56c43;color:#142e32;border:2px solid #142e32;padding:11px 18px;display:inline-block;font-size:13px;font-weight:700;text-decoration:none;border-radius:0}.button:hover,button:hover{background:#ffb077}.quiet{background:transparent}.actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:22px 0}.text-link{font-size:14px;font-weight:700}main{max-width:1250px;padding:0 40px;margin:auto}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:68px 0 55px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700}h1{font-size:clamp(40px,5.8vw,80px);font-weight:900;line-height:1.02;letter-spacing:-2px;margin:22px 0;overflow-wrap:anywhere}h2{font-size:29px;line-height:1.18;font-weight:800;letter-spacing:-.6px;overflow-wrap:anywhere}.deck{font-size:19px}.micro{font:12px/1.6 monospace}.carton-art{height:365px;position:relative;display:grid;place-items:center;background:#bbd5c5;border:2px solid #142e32;background-image:radial-gradient(#142e3220 1px,transparent 1px);background-size:13px 13px;overflow:hidden}.carton{background:#d7ad72;position:relative;width:62%;height:55%;box-shadow:14px 14px 0 #142e32;display:grid;place-items:center;transform:rotate(-7deg);border:2px solid #142e32}.carton:before{content:'';position:absolute;left:-2px;right:-2px;top:-45px;height:45px;background:#e7c590;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);border-bottom:2px solid #142e32}.carton:after{content:'';position:absolute;inset-inline-start:48%;top:0;bottom:0;width:15%;background:#f5e5b044;border-inline:1px dashed #142e3255}.carton span{font-size:25px;font-weight:900;line-height:1.05;z-index:1}.tag{position:absolute;bottom:16px;right:12px;background:#f56c43;padding:8px 15px;font:700 12px monospace;transform:rotate(5deg);border:2px solid #142e32}.reading{border-top:3px solid #142e32;display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:65px;padding-top:22px}.editorial{font-size:11px;letter-spacing:.2px}.translation{background:#e5e9d4;padding:16px;border-inline-start:5px solid #466b58;font-size:12px}.essay{padding:25px 0;position:relative;border-bottom:1px solid #b2bcb3;margin:15px 0}.stitch{display:inline-block;font:700 11px monospace;background:#142e32;color:#f4f1e8;padding:3px 10px}.essay h2{margin:16px 0}.essay p{font-size:16px}.sources{font-size:11px!important;line-height:1.8;color:#46635c}.rail{min-width:0;padding-top:22px}.app-card{background:white;padding:22px;border:2px solid #142e32;box-shadow:7px 7px 0 #b7c8bc}.app-card .app-brand{font-weight:bold;font-size:22px;margin:9px 0 0}.app-byline{margin:0;font-size:10px!important}.app-card h2{font-size:23px;line-height:1.3;letter-spacing:0}.app-card p,.app-card small{font-size:11px}.screenshot{display:block;width:105px;margin:20px auto}.badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.badges img{height:32px;width:auto}.rail-nav{margin-top:30px}.rail-nav a{display:block;text-decoration:none;border-bottom:1px solid #b2bcb3;padding:10px 0;font-size:12px}.tool{background:#d9e7df;border:2px solid #142e32;box-shadow:8px 8px 0 #f56c43;padding:28px;margin:35px 8px 40px 0}.tool h2{font-size:28px}.tool select{background:#fffef8;border:2px solid #142e32;width:100%;padding:12px;color:#142e32}.shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.shelf button{text-align:start;background:#fffef8}.shelf button[aria-pressed=true]{background:#f56c43;box-shadow:3px 3px 0 #142e32}.result:not(:empty){padding-top:15px;border-top:2px dashed #466b58;margin-top:20px}.result h3{font-size:15px;margin:17px 0 5px}.result a{font-size:13px}.next{padding:35px;background:#142e32;color:#f4f1e8;margin-top:50px}.nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.nav-grid a{font-size:13px;padding:10px 0;border-bottom:1px solid #91aca4;text-decoration:none}.end-app{padding:40px 30px;margin:40px 0;background:#f56c43;border:2px solid #142e32}.end-app h2{font-size:38px;margin-top:0;max-width:800px}.end-app .button{background:#142e32;color:#fff}.end-app p{font-size:11px}footer{background:#d9e7df;padding:40px max(5%,calc((100vw - 1170px)/2));display:grid;grid-template-columns:1.4fr 1fr;gap:45px;border-top:2px solid #142e32;margin-bottom:45px}footer h2{font-size:16px;letter-spacing:1px}footer p,footer>a{font-size:12px}footer .button{font-size:11px;margin:3px}.sticky{position:fixed;inset-inline:0;bottom:0;z-index:95;background:#142e32;color:#fffef8;padding:10px 20px;display:flex;justify-content:space-between;gap:15px;font-size:11px}.sticky a{white-space:nowrap;font-weight:bold}.skip,.sr{position:absolute;top:-250px}.skip:focus{top:0;z-index:110;padding:12px;background:white;color:#142e32}:focus-visible{outline:3px solid #f56c43;outline-offset:3px}@media(max-width:800px){header{flex-direction:column;align-items:flex-start;gap:18px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:35px 0;gap:25px}h1{letter-spacing:-1px}.carton-art{height:295px}.reading{grid-template-columns:1fr;gap:25px}.rail{padding:0}.rail-nav{display:none}.shelf{grid-template-columns:1fr}.tool{padding:20px}.app-card>img:first-child{float:inline-start;width:45px;height:45px}.app-card .app-brand{padding-inline-start:58px;line-height:45px;margin:0;white-space:nowrap}.app-byline{clear:both;padding-top:8px}.app-card h2{font-size:24px}.badges{flex-wrap:nowrap}.badges img{height:31px}.app-card .screenshot{width:100px}.next{padding:25px}.nav-grid{grid-template-columns:1fr}.end-app{padding:30px 20px}.end-app h2{font-size:30px}footer{grid-template-columns:1fr;padding:30px 20px 50px;gap:25px}.sticky{font-size:10px;padding:9px 12px}.sticky span{max-width:53%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;top:auto!important}

/* Mobile dropdowns share the header's full-width containing block. */
@media(max-width:900px){
 header{position:relative;z-index:120}
 header nav{position:static}
 header nav details{position:static}
 header nav details>div{position:absolute!important;left:12px!important;right:12px!important;inset-inline:12px!important;top:100%!important;width:auto!important;min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:min(65vh,520px);overflow:auto;overflow-wrap:anywhere;white-space:normal;text-align:start;z-index:121}
 header nav details>div a{white-space:normal;overflow-wrap:anywhere}
}

@font-face{font-family:PawlineNavKorean;src:url(/assets/nav-korean-autonym.otf) format("opentype");font-style:normal;font-weight:100 900;font-display:swap}header nav a[lang=ko]{font-family:PawlineNavKorean,Arial,sans-serif}