*{box-sizing:border-box}html{color:#312a4b;background:#f8f4e9;font-family:Arial,sans-serif;line-height:1.7;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-underline-offset:4px}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto}header{max-width:1320px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #c7bfd6}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;font-size:20px;font-weight:bold;letter-spacing:2px}.brand small{display:block;font-size:10px;font-weight:normal;letter-spacing:1px}.brand img{object-fit:contain}nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}details{position:relative;font-size:13px}summary{border:1px solid #817696;padding:9px 14px;border-radius:4px;cursor:pointer}details>div{position:absolute;top:100%;inset-inline-end:0;background:#fffdf7;padding:18px;min-width:220px;max-height:70vh;overflow:auto;border:1px solid #817696;z-index:50;box-shadow:0 10px 22px #312a4b22}details a{display:block;padding:7px}.button,button{display:inline-block;background:#d9b85f;color:#312a4b;text-decoration:none;border:1px solid #312a4b;padding:11px 18px;border-radius:4px;font-weight:bold;font-size:14px}.button:hover,button:hover{background:#eacb80}.quiet{background:transparent;font-weight:normal}.text-link{font-size:14px;font-weight:bold}.actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:24px 0}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center;padding:75px 0 60px;border-bottom:1px solid #c7bfd6}main{max-width:1200px;margin:0 auto;padding:0 36px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:bold}h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(38px,5.4vw,76px);line-height:1.06;margin:22px 0;overflow-wrap:anywhere}h2{font-family:Georgia,serif;font-size:29px;font-weight:normal;line-height:1.3;overflow-wrap:anywhere}.deck{font-size:19px;max-width:620px}.micro{font-size:12px;color:#756987}.weave{position:relative;min-height:350px;background-color:#c7bed8;background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,#f8f4e977 20px,#f8f4e977 21px),repeating-linear-gradient(90deg,transparent,transparent 19px,#f8f4e977 20px,#f8f4e977 21px);border-radius:48% 48% 8% 8%;border:1px solid #817696;display:flex;justify-content:center;align-items:center;gap:30px}.weave>span{position:absolute;bottom:24px;font-size:12px;letter-spacing:4px}.paw{width:100px;height:145px;position:relative;transform:rotate(-12deg)}.paw.right{transform:rotate(12deg);margin-top:65px}.paw i{display:block;position:absolute;width:25px;height:36px;background:#5c4b7c;border-radius:50%;top:0;left:1px;transform:rotate(-18deg)}.paw i:nth-child(2){left:36px;top:-10px;transform:rotate(0)}.paw i:nth-child(3){left:72px;transform:rotate(18deg)}.paw b{position:absolute;display:block;background:#5c4b7c;width:85px;height:70px;top:40px;left:8px;border-radius:48% 48% 35% 35%}.reading{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:60px;padding-top:36px}.editorial{font-size:11px;color:#756987}.translation{font-size:13px;padding:18px;background:#e9e2bd;border:1px solid #d2c791}.essay{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;margin:35px 0;padding:30px 0;border-top:1px solid #c7bfd6}.essay h2{margin:0 0 17px}.essay p{font-size:16px}.stitch{font-size:11px;color:#756987;letter-spacing:2px}.sources{font-size:11px!important;color:#756987}.rail{padding-top:24px;min-width:0}.app-card{background:#fffdf7;border:1px solid #c7bfd6;padding:24px;box-shadow:6px 6px 0 #e7dfec}.app-card .app-brand{font-size:22px;font-weight:bold;margin:10px 0 0;white-space:nowrap}.app-byline{font-size:11px!important;margin:0}.app-card h2{font-family:Georgia,serif;font-size:24px}.app-card p,.app-card small{font-size:11px}.screenshot{display:block;width:115px;margin:25px auto}.badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.badges img{height:36px;width:auto}.rail-nav{margin-top:35px}.rail-nav a{display:block;padding:9px 0;border-bottom:1px solid #c7bfd6;font-size:12px;text-decoration:none}.tool{padding:28px;background:#eee7f2;border:1px solid #817696;margin:32px 0}.tool select{width:100%;padding:12px;border:1px solid #817696;background:#fffdf7;color:#312a4b;max-width:100%}.tool .shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.shelf button{background:#fffdf7;text-align:start}.shelf button[aria-pressed=true]{background:#d9b85f;box-shadow:3px 3px 0 #5c4b7c}.result:not(:empty){border-top:1px solid #817696;margin-top:25px;padding-top:20px}.result h3{font-size:16px;margin:16px 0 5px}.result a{font-size:13px}.next{margin-top:50px;background:#e7dfec;padding:35px}.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-grid a{padding:10px 0;border-bottom:1px solid #b1a4c6;text-decoration:none;font-size:14px}.end-app{padding:40px;margin:50px 0;background:#5c4b7c;color:#fffdf7;text-align:center;border:1px solid #312a4b}.end-app h2{font-size:36px;max-width:700px;margin:0 auto 24px}.end-app p{font-size:11px}footer{padding:45px max(5%,calc((100vw - 1128px)/2));display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#e8e0c7;margin-bottom:48px}footer h2{font:700 15px Arial,sans-serif}footer p,footer>a{font-size:12px}footer .button{font-size:11px;margin:4px}.sticky{position:fixed;inset-inline:0;bottom:0;z-index:80;background:#312a4b;color:#fffdf7;display:flex;justify-content:space-between;gap:20px;padding:9px 25px;font-size:12px}.sticky a{font-weight:bold;white-space:nowrap}.skip,.sr{position:absolute;top:-200px}.skip:focus{top:0;z-index:100;background:white;padding:15px}:focus-visible{outline:3px solid #aa743d;outline-offset:3px}[dir=rtl] .weave{direction:ltr}@media(max-width:800px){header{align-items:flex-start;flex-direction:column;gap:18px}main{padding:0 22px}.hero{grid-template-columns:1fr;padding-top:38px;gap:28px}.weave{min-height:290px}.reading{grid-template-columns:1fr;gap:15px}.rail{padding:0}.rail-nav{display:none}.app-card{padding:22px}.app-card>img:first-child{float:inline-start;width:45px;height:45px}.app-card .app-brand{padding-inline-start:58px;margin:0;line-height:45px}.app-byline{clear:both;padding-top:10px}.app-card h2{font-size:24px}.app-card .screenshot{width:100px;margin:18px auto}.badges{flex-wrap:nowrap}.badges img{height:32px}.essay{grid-template-columns:24px minmax(0,1fr);gap:10px}.tool{padding:20px}.tool .shelf{grid-template-columns:1fr}.next{padding:25px}.nav-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr;gap:24px;padding:35px 22px 50px}.end-app{padding:30px 22px}.end-app h2{font-size:30px}.sticky{font-size:10px;padding:10px 14px}.sticky span{max-width:55%}}@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}

.reading article>.journal-preview{display:block}.journal-preview h2{padding:0}.journal-preview>div{display:block}.journal-preview p{max-width:850px}

/* 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}