*{box-sizing:border-box}html{font:16px/1.7 Arial,sans-serif;color:#2e2335;background:#fcf7ee;scroll-padding-top:20px}body{margin:0}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}button,select{font:inherit;max-width:100%}button{cursor:pointer}header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 5%;border-bottom:2px solid #2e2335;background:#f4e4d9}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:18px;font-weight:bold;letter-spacing:1px}.brand img{width:70px}.brand small{font:10px/1.4 Arial;display:block;letter-spacing:0}nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}details{position:relative;font-size:12px}summary{border:1px solid #9a7276;padding:8px 13px;border-radius:20px;cursor:pointer}details>div{position:absolute;inset-inline-end:0;top:110%;z-index:90;min-width:220px;max-height:70vh;overflow:auto;padding:15px;background:#fcf7ee;border:1px solid #9a7276;box-shadow:0 9px 20px #2e233522}details a{display:block;padding:7px}.button,button{display:inline-block;padding:10px 18px;border:1px solid #2e2335;border-radius:24px;background:#ac354b;color:#fff;text-decoration:none;font-size:13px;font-weight:bold}.button:hover,button:hover{background:#862a3b}.quiet{background:transparent;color:#2e2335}.quiet:hover{color:white}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0}.text-link{font-size:13px;font-weight:bold}main{max-width:1230px;padding:0 38px;margin:auto}.hero{padding:62px 0;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.eyebrow{font:700 11px/1.5 monospace;text-transform:uppercase;letter-spacing:1.5px}h1{font:normal clamp(42px,5.5vw,78px)/1.03 Georgia,serif;letter-spacing:-1.5px;margin:22px 0;overflow-wrap:anywhere}h2{font:normal 31px/1.2 Georgia,serif;overflow-wrap:anywhere}.deck{font-size:19px}.micro{font-size:11px;color:#7b5362}.radio-art{display:grid;place-items:center;min-height:370px;background:repeating-linear-gradient(0deg,#e3c6bf,#e3c6bf 3px,#e7cec8 4px,#e7cec8 8px);border-radius:50% 50% 12px 12px;padding:25px}.tuner{width:100%;background:#812b40;color:#fff9ee;padding:28px 23px;border:8px solid #a84b5a;border-radius:16px;box-shadow:0 12px 0 #5d2536;transform:rotate(3deg)}.tuner>span{font:700 11px monospace;letter-spacing:3px}.waves{display:flex;align-items:center;justify-content:space-between;gap:4px;height:110px;margin:15px 0;border-block:1px solid #e3b8b1}.waves i{width:5px;height:20%;background:#f6d39d;border-radius:4px}.waves i:nth-child(3n){height:65%}.waves i:nth-child(4n){height:90%}.waves i:nth-child(5n){height:45%}.dial{display:flex;align-items:center;gap:18px}.dial b{width:42px;height:42px;display:block;flex-shrink:0;border:6px solid #f6d39d;border-radius:50%;background:#ac354b}.dial small{font:10px monospace;letter-spacing:1px}.reading{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:65px;border-top:1px solid #bda3a5;padding-top:25px}.editorial{font-size:11px;color:#7b5362}.translation{padding:18px;background:#f4e4d9;border-radius:8px;font-size:12px;border:1px solid #d1b9b3}.essay{padding:28px 0;margin:15px 0;border-bottom:1px solid #d1b9b3}.stitch{font:11px monospace;color:#ac354b;letter-spacing:3px}.essay h2{margin:15px 0}.essay p{font-size:16px}.sources{font-size:11px!important;color:#7b5362}.rail{min-width:0;padding-top:20px}.app-card{padding:23px;background:white;border:1px solid #bda3a5;border-radius:12px;box-shadow:0 6px 0 #f0dcd4}.app-card .app-brand{font-size:22px;font-weight:bold;margin:8px 0 0}.app-byline{font-size:10px!important;margin:0}.app-card h2{font-size:24px;line-height:1.3}.app-card p,.app-card small{font-size:11px}.screenshot{width:105px;display:block;margin:25px auto}.badges{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.badges img{width:auto;height:32px}.rail-nav{margin-top:30px}.rail-nav a{display:block;padding:10px 0;font-size:12px;text-decoration:none;border-bottom:1px solid #d1b9b3}.tool{border:1px solid #9a7276;border-radius:15px;padding:28px;background:#f2e3df;margin:30px 0}.tool h2{font-size:31px}.tool select{width:100%;padding:12px;background:#fff9ee;border:1px solid #9a7276;border-radius:7px;color:#2e2335}.shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.shelf button{background:#fcf7ee;color:#2e2335;text-align:start;border-radius:8px}.shelf button[aria-pressed=true]{background:#ac354b;color:white}.result:not(:empty){border-top:1px solid #9a7276;padding-top:15px;margin-top:20px}.result h3{font-size:15px;margin-bottom:5px}.result a{font-size:12px}.next{background:#f4e4d9;padding:30px;border-radius:12px;margin-top:50px}.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nav-grid a{font-size:13px;text-decoration:none;padding:8px 0;border-bottom:1px solid #c8a7aa}.end-app{margin:45px 0;padding:40px 30px;background:#812b40;color:white;border-radius:15px;text-align:center}.end-app h2{font-size:38px;max-width:750px;margin:0 auto 25px}.end-app p{font-size:11px}.end-app .button{background:#f6d39d;color:#2e2335}footer{background:#ead8d2;padding:40px max(5%,calc((100vw - 1154px)/2));display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-bottom:45px}footer h2{font:700 15px Arial;letter-spacing:1px}footer p,footer>a{font-size:12px}footer .button{font-size:11px;margin:4px}.sticky{position:fixed;inset-inline:0;bottom:0;background:#2e2335;color:#fff9ee;z-index:95;display:flex;justify-content:space-between;padding:10px 22px;gap:18px;font-size:11px}.sticky a{white-space:nowrap;font-weight:bold}.skip,.sr{position:absolute;top:-250px}.skip:focus{top:0;z-index:110;background:white;color:#2e2335;padding:12px}:focus-visible{outline:3px solid #d58a35;outline-offset:3px}@media(max-width:800px){header{flex-direction:column;align-items:flex-start;gap:18px}main{padding:0 21px}.hero{grid-template-columns:1fr;gap:25px;padding:35px 0}.radio-art{min-height:295px}.reading{grid-template-columns:1fr;gap:25px}.rail{padding:0}.rail-nav{display:none}.tool{padding:20px}.shelf{grid-template-columns:1fr}.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;white-space:nowrap}.app-byline{clear:both;padding-top:8px}.app-card .screenshot{width:100px}.badges{flex-wrap:nowrap}.badges img{height:31px}.next{padding:25px}.nav-grid{grid-template-columns:1fr}.end-app{padding:30px 20px}.end-app h2{font-size:31px}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}}

.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}