*{box-sizing:border-box}html{background:#f4f7fa;color:#13334b;font:16px/1.75 Arial,sans-serif;scroll-padding-top:20px}body{margin:0}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:4px}button,select{font:inherit;max-width:100%}button{cursor:pointer}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#13334b;color:#f4f7fa}.brand{display:flex;gap:16px;align-items:center;text-decoration:none;letter-spacing:2px;font-weight:bold;font-size:19px}.brand img{width:65px}.brand small{display:block;letter-spacing:0;font:11px/1.5 Arial;max-width:240px}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}details{position:relative;font-size:12px}summary{cursor:pointer;border-bottom:1px solid #d5b1a0;padding:8px 12px}details>div{position:absolute;inset-inline-end:0;top:100%;min-width:220px;max-height:70vh;overflow:auto;z-index:90;background:#ffffff;color:#13334b;border:1px solid #ad8b9c;padding:14px;box-shadow:0 12px 30px #13334b22}details a{display:block;padding:7px}.button,button{background:#ffbd63;border:1px solid #13334b;color:#13334b;font-size:13px;font-weight:bold;display:inline-block;text-decoration:none;padding:12px 20px;border-radius:2px}.button:hover,button:hover{background:#ffd79d}.quiet{background:transparent}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0}.text-link{font-size:13px;font-weight:bold}main{max-width:1240px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;padding:70px 0 55px;align-items:center}.eyebrow{font:700 11px/1.5 monospace;letter-spacing:2px;text-transform:uppercase}h1{font:normal clamp(44px,5.4vw,74px)/1.08 Georgia,serif;letter-spacing:-2px;margin:24px 0;overflow-wrap:anywhere}h2{font:normal 31px/1.22 Georgia,serif;overflow-wrap:anywhere}.deck{font-size:19px}.micro{font-size:11px;color:#4d687b}.record-art{position:relative;min-height:360px;background:#e8ded9;border:1px solid #c9b1b7;overflow:hidden}.record-art i{position:absolute;width:66%;height:75%;left:17%;top:16%;background:#ffffff;border:1px solid #35678a;box-shadow:5px 8px 0 #13334b0a;transform:rotate(-12deg)}.record-art i:nth-child(2){transform:rotate(7deg);background:repeating-linear-gradient(#ffffff 0 29px,#d8c8cb 30px 31px)}.record-art i:nth-child(3){transform:rotate(0);width:11%;height:52%;left:17%;top:24%;background:#35678a;border:0}.record-art b{position:absolute;top:14%;left:58%;width:24%;height:12%;background:#ffbd63;border:1px solid #13334b;transform:rotate(7deg)}.reading{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px;border-top:2px solid #13334b;padding-top:26px}.editorial{font-size:11px;color:#4d687b;margin:0 0 26px}.translation{padding:15px 18px;background:#e0ebf3;font-size:12px}.essay{position:relative;padding:24px 0 25px 38px;border-inline-start:1px solid #9fb7c9;border-bottom:1px solid #bdd0df}.essay .stitch{position:absolute;left:-13px;top:33px;background:#f4f7fa;padding:2px;font:11px monospace;color:#35678a}.essay h2{margin:0 0 15px}.essay p{font-size:15px}.sources{font-size:10px!important;color:#4d687b}.journal-preview{background:#e0ebf3;padding:26px;margin:25px 0;border:0}.journal-preview .stitch{display:none}.app-card{background:#ffffff;border:1px solid #9fb7c9;padding:23px}.app-card>img:first-child{width:46px;height:46px;float:inline-start}.app-brand{font-size:22px!important;font-weight:bold;line-height:46px;margin:0;padding-inline-start:59px;white-space:nowrap}.app-byline{clear:both;font-size:10px!important;padding-top:9px}.app-card h2{font-size:27px;line-height:1.25}.app-card .screenshot{width:110px;display:block;margin:20px auto}.badges{display:flex;flex-wrap:wrap;gap:8px}.badges img{height:31px;width:auto}.app-card p,.app-card small{font-size:10px}.rail-nav{padding:25px 0}.rail-nav a{display:block;font-size:12px;padding:9px 0;border-bottom:1px solid #bdd0df}.tool{background:#e0ebf3;padding:28px;border-top:4px solid #35678a;margin:20px 0 32px}.tool h2{margin:12px 0}.tool>p{font-size:14px}.tool select{width:100%;padding:13px;border:1px solid #35678a;background:#ffffff;color:#13334b}.shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.shelf button{background:#ffffff;text-align:start;border-color:#ad8b9c}.shelf button[aria-pressed=true]{background:#13334b;color:#ffffff}.result:not(:empty){background:#ffffff;border-inline-start:5px solid #35678a;padding:20px 24px;margin:24px 0 0;font-size:14px}.result h3{font-size:14px;margin:12px 0 5px}.result a{font-size:12px}#note-spine{display:flex;gap:8px;margin-top:16px}#note-spine i{width:25%;height:10px;background:#d4c2ca}#note-spine.note-0 i:first-child,#note-spine.note-1 i:nth-child(2),#note-spine.note-2 i:nth-child(3),#note-spine.note-3 i:last-child{background:#35678a}.next{padding:28px 0;margin-top:40px;border-top:2px solid #13334b}.nav-grid{display:flex;gap:12px;flex-wrap:wrap}.nav-grid a{padding:8px 12px;border:1px solid #9fb7c9;font-size:12px;text-decoration:none}.end-app{padding:34px 38px;background:#13334b;color:#ffffff;margin:25px 0 45px}.end-app h2{font-size:40px;max-width:800px;margin:0 0 24px}.end-app p{font-size:11px}footer{padding:40px max(5%,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#e0ebf3;margin-bottom:45px;border-top:1px solid #9fb7c9}footer h2{font:700 15px Arial;letter-spacing:2px}footer p,footer>a{font-size:12px}footer .button{font-size:11px;margin:4px}.sticky{position:fixed;bottom:0;inset-inline:0;z-index:95;background:#13334b;color:#ffffff;display:flex;justify-content:space-between;gap:18px;padding:10px 22px;font-size:11px}.sticky a{white-space:nowrap;font-weight:bold}.skip{position:absolute;top:-250px}.skip:focus{top:0;z-index:110;background:white;padding:12px;color:#13334b}.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}:focus-visible{outline:3px solid #ab705b;outline-offset:3px}[dir=rtl] .essay{padding:24px 38px 25px 0}[dir=rtl] .essay .stitch{left:auto;right:-13px}@media(max-width:900px){header{flex-direction:column;align-items:flex-start}.hero{grid-template-columns:1fr;gap:20px;padding-top:35px}.record-art{min-height:240px;max-width:500px;width:100%}.reading{grid-template-columns:1fr;gap:30px}.rail{display:grid;grid-template-columns:1fr 1fr;gap:28px}.rail-nav{padding:0}h1{letter-spacing:-1px}.brand{font-size:17px}}@media(max-width:580px){main{padding:0 21px}header{padding:22px 21px}.brand{gap:10px;letter-spacing:1px}.brand img{width:55px}nav{gap:10px}.hero{padding-bottom:30px}.essay{padding-inline-start:25px}[dir=rtl] .essay{padding-inline-start:25px;padding-inline-end:0}.tool{padding:21px}.shelf{grid-template-columns:1fr}.rail{display:block}.rail-nav{display:none}.app-card h2{font-size:27px}.badges{flex-wrap:nowrap}.end-app{padding:30px 24px}.end-app h2{font-size:32px}footer{grid-template-columns:1fr;padding:30px 21px 50px;gap:25px}.sticky{font-size:10px;padding:10px 12px}.sticky span{max-width:53%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

header{background:#f4f7fa;color:#13334b;border-bottom:1px solid #9fb7c9}.hero{grid-template-columns:1.5fr 1fr;gap:50px;padding:58px 0}.hero h1{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-3px;font-size:clamp(45px,5.7vw,80px)}.hero .eyebrow{border-inline-start:5px solid #ffbd63;padding-inline-start:14px}.compass-art{height:350px;background:#13334b;position:relative;overflow:hidden;border-radius:0 85px 0 0}.compass-art i{position:absolute;background:#f4f7fa;height:58px;width:75%;left:12.5%;top:50px;transform:rotate(-8deg);box-shadow:0 7px 0 #0002}.compass-art i:nth-child(2){top:145px;width:60%;background:#ffbd63;transform:rotate(8deg);left:27.5%}.compass-art i:nth-child(3){top:240px;width:70%;transform:rotate(-4deg)}.compass-art b{position:absolute;left:0;top:0;height:100%;width:14%;background:repeating-linear-gradient(transparent 0 28px,#7394ad 29px 30px);border-inline-end:1px solid #7394ad}.reading{display:block;border-top:0}.reading article{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.editorial,.translation,.tool{grid-column:1/-1}.essay{padding:28px 30px;border:1px solid #9fb7c9;background:#fff}.essay .stitch{position:static;display:block;background:transparent;margin-bottom:14px}.essay h2{font:700 25px/1.25 Arial,sans-serif}.essay:last-of-type:not(.journal-preview){grid-column:1/-1}.journal-preview{grid-column:1/-1;margin:0}.rail{display:block;margin:35px 0}.app-card{display:grid;grid-template-columns:60px minmax(0,1fr) 130px;column-gap:25px;align-items:center;padding:30px}.app-card>img:first-child{grid-column:1;grid-row:1/3;float:none}.app-brand{grid-column:2;grid-row:1;padding:0;line-height:1.3;align-self:end}.app-byline{grid-column:2;grid-row:2;padding:0;align-self:start}.app-card h2{grid-column:1/3;grid-row:3;margin:15px 0;font:700 29px/1.3 Arial,sans-serif}.app-card .screenshot{grid-column:3;grid-row:1/6;width:110px}.badges{grid-column:1/3;grid-row:4}.app-card>p:not(.app-brand):not(.app-byline){grid-column:1/3;grid-row:5}.app-card small{grid-column:1/3}.rail-nav{display:none}.tool{margin:0;border:1px solid #9fb7c9;border-top:5px solid #ffbd63}.tool h2{font:700 32px/1.2 Arial,sans-serif}.tool .actions{margin-bottom:0}.tool .shelf{grid-template-columns:repeat(4,minmax(0,1fr))}h2{font-family:Arial,sans-serif}.end-app h2{font-weight:700}.next h2{font-weight:700}[dir=rtl] .essay{padding:28px 30px}@media(max-width:900px){.hero{grid-template-columns:1fr}.compass-art{max-width:600px;width:100%;height:280px}.compass-art i{top:35px}.compass-art i:nth-child(2){top:115px}.compass-art i:nth-child(3){top:195px}.reading article{grid-template-columns:1fr}.tool .shelf{grid-template-columns:1fr 1fr}.essay:last-of-type{grid-column:auto}}@media(max-width:580px){.hero h1{letter-spacing:-2px}.app-card{display:block;padding:23px}.app-card>img:first-child{float:inline-start}.app-brand{padding-inline-start:59px;line-height:46px}.app-byline{clear:both;padding-top:9px}.app-card h2{font-size:26px}.app-card .screenshot{margin:20px auto}.tool .shelf{grid-template-columns:1fr}.essay{padding:24px}[dir=rtl] .essay{padding:24px}.tool h2{font-size:27px}}

.essay:has(+.journal-preview){grid-column:1/-1}

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