*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff8e9;color:#30291f;font:17px/1.65 system-ui,sans-serif}a{color:#8d301d;text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2b705f;outline-offset:4px}img{max-width:100%;height:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;border-bottom:1px solid #d8c8ac;background:#fff8e9}.identity{display:flex;align-items:center;gap:10px;color:#30291f;text-decoration:none;flex-shrink:0}.identity img{border-radius:11px}.identity span{font:700 23px/1 Georgia,serif}.identity small{display:block;font:10px/2 system-ui;letter-spacing:.16em}.menu{display:none;border:1px solid #8d301d;border-radius:20px;background:none;padding:8px 18px;color:#8d301d}nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650}nav a{text-decoration:none;color:#30291f}summary{cursor:pointer}nav details{position:relative}nav details>div{position:absolute;z-index:9;top:100%;inset-inline-end:0;background:#fffdf6;border:1px solid #d8c8ac;box-shadow:0 10px 30px #30291f16;min-width:260px;max-width:360px;border-radius:15px;padding:15px;max-height:65vh;overflow:auto}nav details>div a{display:block;padding:9px;border-bottom:1px solid #ece0ca}.skip{position:absolute;left:10px;top:-100px;background:white;z-index:30}.skip:focus{top:5px}.issue{padding:10px 5%;font:11px/1.4 system-ui;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between;background:#f0d997;gap:16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:80px 0 60px}.hero h1{font-size:clamp(50px,6.5vw,94px);line-height:1.01;letter-spacing:-.035em;margin:15px 0 25px}.hero h1 em{font-weight:400;color:#a23d27}h1,h2,h3{font-family:Georgia,serif;line-height:1.13;font-weight:600}h1{font-size:clamp(39px,5vw,66px);letter-spacing:-.025em;margin:18px 0 28px;overflow-wrap:break-word}h2{font-size:32px;margin:18px 0}h3{font-size:24px}p{margin:0 0 20px}.kicker{font:700 11px/1.6 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#8d301d;margin:0 0 12px}.intro{font-size:20px;line-height:1.65;max-width:740px}.wide{width:min(1220px,90%);margin:auto}.reader{width:min(760px,88%);margin:65px auto}.reader section{margin:45px 0}.button{display:inline-block;padding:13px 22px;background:#a23d27;color:#fffdf6;border:1px solid #a23d27;border-radius:30px;text-decoration:none;font-weight:650;font-size:14px}.button.cream{background:#fff8e9;color:#8d301d}.hero-art{margin:0}.hero-art img{width:100%;display:block}figcaption{font-size:11px;line-height:1.6;margin-top:12px;color:#615747}.keyline{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:35px;padding:35px 0;border-top:2px solid #a23d27;border-bottom:1px solid #d8c8ac;margin-bottom:65px}.keyline h2{font-size:30px;margin:0}.keyline p:last-child{margin:0}.notice{padding:20px 25px;background:#f4e7c7;border-radius:15px;font-size:14px;margin:28px 0}.notice a{font-weight:700}.replay-promo{background:#a23d27;color:#fff8e9;border-radius:30px;padding:45px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin:65px 0;align-items:center}.replay-promo h2{font-size:44px}.replay-promo .kicker{color:#ffe098}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide-card{display:block;text-decoration:none;padding:30px;border:1px solid #d8c8ac;border-radius:22px;color:#30291f;background:#fffdf6}.guide-card:hover{border-color:#a23d27;background:#faefd8}.guide-card h3{max-width:390px;margin:14px 0}.guide-card p{font-size:15px;margin:0}.guide-card span{font-size:11px;color:#8d301d;letter-spacing:.1em}.journal-home{padding:55px 0 30px;margin:40px 0;border-top:1px solid #d8c8ac}.journal-home h2{font-size:40px}.contents{display:block;border-inline-start:3px solid #d9986c;padding:10px 20px;margin:35px 0;font-size:14px}.contents a{display:block;margin:6px 0}.citation{font-size:13px;padding-top:12px;color:#615747}.citation small{display:block;margin-top:5px}.section-number{font-size:12px;color:#8d301d}.app-card{display:grid;grid-template-columns:1fr 150px;gap:30px;background:#f0d997;padding:30px;border-radius:25px;margin:60px 0;align-items:center}.app-card h2{font-size:28px}.app-card p{font-size:14px}.app-card figure{margin:0}.product{border-radius:15px;width:140px}.badges{display:flex;flex-wrap:wrap;gap:9px}.badges img{display:block;max-width:142px}.small{font-size:12px;line-height:1.65;color:#615747}.sticky{position:fixed;bottom:14px;inset-inline-end:14px;z-index:10;background:#30291f;color:#fff8e9;border:2px solid #fff8e9;border-radius:24px;padding:11px 17px;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 3px 12px #30291f22}footer{padding:50px 5% 85px;background:#f4e7c7;margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:35px}footer strong{font:27px Georgia}footer a{display:block;font-size:14px;margin:7px 0}footer>p{grid-column:1/-1}.replay-head{padding:55px 0 20px;max-width:850px}.scene-control{display:block;max-width:600px;font-weight:650;font-size:14px}.scene-control select{width:100%;padding:14px;background:#fffdf6;border:1px solid #a23d27;border-radius:12px;color:#30291f;margin:10px 0 30px}#replay-stage{border:1px solid #d8c8ac;border-radius:26px;padding:35px;background:#fffdf6}#replay-stage h2{font-size:38px}#scene-intro{max-width:850px}.moment-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.moment-tile{text-align:start;padding:22px;border:1px dashed #b9a88c;border-radius:20px;background:#fff8e9;color:#30291f;min-height:145px}.moment-tile span{display:block;font:40px/1 Georgia;color:#a23d27;margin-bottom:20px}.moment-tile strong{font-size:16px;line-height:1.4;display:block}.moment-tile[aria-pressed=true]{background:#f0d997;border:2px solid #8d301d;padding:21px}.moment-note{border-top:1px solid #d8c8ac;padding-top:30px;max-width:950px}.moment-note h3{font-size:30px}.moment-note dl{margin:0;display:grid;grid-template-columns:190px 1fr;gap:15px 25px}.moment-note dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#8d301d}.moment-note dd{margin:0}.replay-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.replay-actions button{background:#fff8e9;border:1px solid #8d301d;color:#8d301d;padding:10px 18px;border-radius:25px;font-size:14px}#replay-status{font-size:12px;min-height:1.5em}.archive{margin:35px 0;border:1px solid #d8c8ac;border-radius:20px;padding:22px}.archive summary{font-weight:700}.archive section{border-top:1px solid #d8c8ac;padding-top:20px;margin-top:25px}.archive h3{font-size:27px}.archive h4{font-size:18px}.archive p{font-size:15px}.source-list section{padding:25px 0;border-top:1px solid #d8c8ac}.source-list h2{font-size:25px}.term{padding:20px 0;border-top:1px solid #d8c8ac}.term h2{font-size:27px}.term p{margin:0}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:system-ui}html[lang=ko] body,html[lang=ko] button,html[lang=ko] select,html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3,a[lang=ko]{font-family:SpotKorean,system-ui,sans-serif}html[lang=ko] h1{word-break:keep-all;overflow-wrap:anywhere}html[lang=de] h1{hyphens:auto}
@font-face{font-family:SpotKorean;src:url('/assets/spot-korean.woff2') format('woff2');font-display:swap}
@media(max-width:850px){header{flex-wrap:wrap;padding:17px 5%}.menu{display:block}header nav{display:none;width:100%;align-items:stretch;gap:12px;flex-direction:column;padding:15px 0;font-size:14px}header nav.open{display:flex}nav details>div{position:static;min-width:0;width:100%;max-width:100%;box-shadow:none;max-height:42vh;margin-top:12px}nav a{padding:8px}.hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.hero h1{font-size:clamp(50px,10vw,78px)}.hero-art{max-width:540px;margin:auto}.keyline{grid-template-columns:1fr;gap:20px}.replay-promo{grid-template-columns:1fr;padding:30px;gap:15px}.replay-promo h2{font-size:36px}.issue{font-size:9px}.reader{margin-top:40px}.moment-note dl{grid-template-columns:1fr;gap:8px}.moment-note dd{margin-bottom:15px}}
@media(max-width:560px){.identity span{font-size:21px}.identity img{width:33px;height:33px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:25px}h1{font-size:41px}.intro{font-size:18px}.hero h1{font-size:53px}.hero{padding-top:32px}.hero-art{margin-top:10px}.keyline{margin-bottom:40px}.replay-promo{margin:40px 0;padding:27px}.app-card{grid-template-columns:1fr;padding:25px}.app-card figure{display:flex;gap:20px;align-items:center}.app-card figure img{width:95px}.app-card figcaption{max-width:160px}footer{grid-template-columns:1fr;gap:20px}.moment-tiles{grid-template-columns:1fr;gap:12px}.moment-tile{min-height:0;display:flex;align-items:center;gap:20px;padding:18px}.moment-tile[aria-pressed=true]{padding:17px}.moment-tile span{font-size:30px;margin:0}.moment-tile strong{font-size:15px}#replay-stage{padding:22px}#replay-stage h2{font-size:32px}.replay-head{padding-top:35px}.replay-actions button{font-size:13px}.reader section{margin:35px 0}html[lang=de] h1{font-size:35px}.badges img{max-width:130px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-app{margin-top:20px}.promo-small{color:inherit;margin-top:15px}
.sticky.temporarily-clear-controls{visibility:hidden;pointer-events:none}
h2,h3,h4,dt,dd,summary,.button,.moment-tile strong{overflow-wrap:anywhere}html[lang=de] h2,html[lang=de] h3{hyphens:auto}
html[lang=ko] *,a[lang=ko]{font-family:SpotKorean,system-ui,sans-serif}h1{text-wrap:balance}