:root{--paper:#f8f7f3;--ink:#223747;--muted:#74828b;--line:#dfE3e2;--navy:#172c3e;--accent:#b25e44;--serif:'Serene Serif','Batang',serif;--sans:'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--english:'Cormorant Garamond',Georgia,serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;padding-bottom:86px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:none;border:0}a,button,input,textarea{outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.6}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;padding:10px;background:white;z-index:200}.skip-link:focus{top:10px}.site-header{height:96px;max-width:1440px;padding:0 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font:italic 45px/.9 var(--english);letter-spacing:-8px;padding-right:8px;border:1px solid #a7b2b9;width:47px;height:47px;text-align:center;border-radius:50%;transform:rotate(-10deg)}.brand-mark span{font-size:31px}.brand strong{font:500 29px/1.1 var(--english);letter-spacing:-.7px}.brand strong span{color:#8c7666}.brand small{display:block;font-size:10px;letter-spacing:1.7px;color:#79858b;margin-top:7px}.site-header nav{display:flex;gap:30px;font-size:14px}.site-header nav a{padding:13px 0;white-space:nowrap;color:#6e7a82}.site-header nav .nav-active{color:var(--ink);border-bottom:1px solid var(--ink)}.header-actions{display:flex;align-items:center;gap:26px;font-size:13px}.old-link{color:#839097}.login-link{border:1px solid #c8d0d3;border-radius:6px;padding:9px 14px;font-size:13px}.hero{max-width:1328px;height:404px;margin:0 auto;position:relative;overflow:hidden;border-radius:8px;background:#536a7e}.hero>img{width:100%;height:100%;object-position:50% 54%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,41,57,.78),rgba(24,41,57,.30) 54%,rgba(24,41,57,.01))}.hero-copy{position:absolute;top:38px;left:55px;color:#fcf8ef}.eyebrow{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:2px;line-height:1.5}.hero-copy>.eyebrow{color:#e8d3bc;letter-spacing:2.1px}.hero h1{font:400 38px/1.65 var(--serif);letter-spacing:-1.7px;margin:13px 0 13px}.hero h1 em{font-style:normal;color:#f0d3ac}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#e2e5e5}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:21px;padding:11px 20px;min-height:44px;border-radius:5px;font-size:14px;font-weight:500;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button.light{background:#faf6ef;color:#233a4c}.button.primary{background:var(--accent);color:white}.button.primary:hover{background:#9b4a33}.hero-listen{font-size:14px;color:#f3e7d7;display:flex;align-items:center;gap:14px}.hero-listen span{font-size:20px}.hero-footnote{position:absolute;right:29px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#243d52;text-shadow:0 1px 10px #fff8;font-size:11px;letter-spacing:.8px}.poc-note{max-width:1216px;margin:17px auto 0;display:flex;align-items:center;gap:9px;color:#809097;font-size:12px}.poc-tag{font-size:10px;letter-spacing:.6px;padding:1px 5px;border:1px solid #b9c4ca;border-radius:3px}.poc-note>button{margin-left:auto;font-size:12px;text-decoration:underline;text-underline-offset:3px}.community-section{max-width:1216px;margin:37px auto 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.muted{color:#859199}.section-heading h2{font:400 25px/1.6 var(--serif);letter-spacing:-.9px;margin-top:7px}.section-heading h2 span{font-family:var(--sans);font-size:23px;color:#b5987f;margin-left:14px}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:50px}.feed-toolbar{display:flex;align-items:center;border-bottom:1px solid #c5d0d5;justify-content:space-between}.feed-tabs{display:flex;gap:28px}.feed-tabs button{font-size:14px;color:#879198;padding:0 0 13px;border-bottom:2px solid transparent;margin-bottom:-1px}.feed-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink);font-weight:600}.search-toggle{padding:0 4px 10px}.search-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.feed-explainer{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#8b969c;padding:15px 0 8px}.thread-row{display:flex;align-items:center;gap:20px;padding:21px 1px;border-bottom:1px solid var(--line);cursor:pointer;position:relative;transition:background .2s}.thread-row:hover{background:#edf0ec80}.thread-text{flex:1;min-width:0}.thread-era{font-size:11px;color:#a0775e;display:inline-block;margin-bottom:6px;letter-spacing:.2px}.thread-era.new{color:#698578}.thread-title{font-weight:500;font-size:16px;line-height:1.6;letter-spacing:-.3px;display:flex;align-items:baseline;gap:8px}.thread-title button{text-align:left;padding:0;line-height:inherit;word-break:keep-all}.reply-count{font:14px var(--sans);color:var(--accent);white-space:nowrap}.thread-excerpt{font-size:13px;color:#8a959b;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:580px}.thread-meta{font-size:12px;color:#91a0a8;display:flex;gap:10px;margin-top:8px;align-items:center}.thread-meta .author{color:#667b89}.activity{text-align:right;min-width:112px;flex-shrink:0;font-size:12px;color:#7f929d;align-self:center}.activity strong{display:block;color:var(--accent);font-weight:400;margin-bottom:4px}.activity span{display:block;font-size:11px;color:#97a1a7}.activity .new-label{color:#6e8f81}.thread-row.is-bumped{animation:bump 1.8s ease}.community-aside{padding-top:3px}.aside-note{padding:28px 25px 26px;background:#eef0eb;border-radius:6px;position:relative}.aside-note .eyebrow{font-size:10px;color:#8c9a96;letter-spacing:1.2px}.aside-note h3{font:400 20px/1.9 var(--serif);letter-spacing:-.7px;margin-top:15px}.aside-note p:not(.eyebrow){font-size:12px;line-height:1.9;color:#809088;margin-top:14px}.text-button{padding:0;font-size:13px;color:#8c6954;display:inline-flex;align-items:center;gap:22px;line-height:1.8}.aside-note .text-button{margin-top:22px;color:#637d74}.year-card{padding:25px 0;border-bottom:1px solid var(--line);margin:0 8px}.aside-label{font-size:13px;color:#768894}.era-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px}.era-buttons button{font:italic 18px var(--english);padding:7px 0;border:1px solid #d9dfe0;border-radius:4px;color:#6c7f8d}.era-buttons button:hover,.era-buttons button.selected{background:#223f51;color:#fff;border-color:#223f51}.member-note{display:flex;gap:14px;align-items:center;padding:24px 8px;color:#83918f}.open-mark{font:32px var(--english);color:#91a49a}.member-note p{font-size:12px;line-height:1.9}.member-note strong{font-weight:400;color:#596f69}.load-more{display:flex;justify-content:center;align-items:center;gap:22px;border:1px solid #dce2e2;border-radius:4px;width:100%;padding:12px;margin-top:25px;font-size:13px;color:#758994}.search-bar{padding:14px 0 0}.search-bar input{width:100%;padding:11px 14px;border:1px solid #d1dada;background:#fff;border-radius:5px;font-size:14px}.empty-state{text-align:center;padding:70px 20px;color:#849599}.empty-state p{margin-bottom:16px}.story-section{max-width:1216px;margin:95px auto 0;padding:58px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.9fr 1fr;gap:95px;align-items:center}.story-section figure{padding:10px 10px 14px;background:#fff;transform:rotate(-2deg);box-shadow:0 10px 25px #2035480a;margin:0 12px}.story-section img{aspect-ratio:1.75;object-position:50% 54%}.story-section figcaption{font:italic 17px var(--english);color:#8f969b;margin:12px 4px 0}.story-section h2{font:400 26px/1.8 var(--serif);letter-spacing:-.8px;margin-top:13px}.story-section h2 em{font-style:normal;color:#9b775d}.story-section p:not(.eyebrow){font-size:14px;line-height:1.95;color:#7c8b95;margin-top:20px}.story-section .text-button{margin-top:24px}.album-section{max-width:1216px;margin:58px auto 70px}.album-heading{display:flex;justify-content:space-between;align-items:end}.album-heading h2{font:400 22px/1.7 var(--serif);margin-top:8px}.album-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:26px}.album-card{display:flex;align-items:center;text-align:left;padding:0;gap:17px}.album-card img{width:87px;height:87px;border:4px solid #fff;box-shadow:0 4px 9px #1a2b321a}.album-card small{font:italic 15px var(--english);color:#a38f7c}.album-card h3{font:500 21px var(--english);line-height:1.4}.album-card p{font-size:11px;color:#87969d;margin-top:5px}.album-card>span{margin-left:auto;color:#9eacb2}.site-footer{max-width:1216px;margin:auto;padding:30px 0 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.footer-brand{font:500 24px var(--english);display:block}.footer-brand small{font:12px var(--sans);color:#91a1a8;display:block;margin-top:6px}.site-footer>div{display:flex;gap:25px;font-size:11px;color:#8d9ba4;align-items:center}.site-footer button{padding:0;font-size:11px}.music-player{position:fixed;bottom:0;left:0;right:0;height:78px;background:var(--navy);color:#e9ecea;z-index:30;display:flex;align-items:center;gap:17px;padding:0 40px;box-shadow:0 -5px 20px #1c2b3a0a}.player-art{padding:0;width:45px;height:45px;flex-shrink:0;border-radius:3px;overflow:hidden}.player-art img{height:100%;width:100%}.player-label{text-align:left;min-width:235px;max-width:260px;padding:0}.player-label strong{font-size:13px;font-weight:400;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-label span{font-size:11px;color:#91a3b1;display:block;margin-top:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-controls{display:flex;align-items:center;gap:14px;margin:0 14px}.icon-button{display:flex;align-items:center;justify-content:center;width:29px;height:34px;padding:5px;color:#a7b4be}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.icon-button.active{color:#d2b28c}.play-button{width:37px;height:37px;border-radius:50%;background:#f0e8db;color:#1b3245;font-size:14px;padding:0}.track-timeline{display:flex;align-items:center;gap:13px;flex:1;font-size:10px;color:#8196a7}.track-timeline input{width:100%;min-width:60px}.music-player input[type=range]{height:3px;accent-color:#d9c1a0;cursor:pointer}.volume-control{display:flex;align-items:center;gap:8px;margin-left:18px}.volume-control input{width:64px}.queue-button{font-size:12px;white-space:nowrap;color:#b0bdc7;border-left:1px solid #ffffff1c;padding-left:22px;margin-left:10px}.queue-button span{font-size:10px;border:1px solid #718493;padding:0 4px;border-radius:3px;margin-left:6px}dialog{border:0;border-radius:10px;color:var(--ink);background:var(--paper);box-shadow:0 25px 100px #0b243754;padding:30px 34px;max-height:calc(100dvh - 40px);overflow:auto;width:min(640px,calc(100% - 32px))}dialog::backdrop{background:#172a3c88;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.close-button{font-size:27px;line-height:1;width:36px;height:36px;color:#768b96}.dialog-top .eyebrow{font-size:10px}dialog h2{font:400 27px/1.6 var(--serif);letter-spacing:-1px}.dialog-intro{font-size:14px;color:#819198;margin-top:9px}.compose-dialog form{margin-top:24px}label{display:block;font-size:13px;color:#6f8590}label>input,label>textarea{display:block;width:100%;margin-top:7px;padding:11px 13px;font-size:15px;border:1px solid #d5ddde;border-radius:4px;background:#fff;color:var(--ink)}textarea{resize:vertical;line-height:1.8}form>label{margin-top:19px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:19px}.form-footnote{display:flex;justify-content:space-between;align-items:center;margin:17px 0;color:#7a8f98;font-size:12px}.form-footnote .text-button{font-size:12px}.form-notice{font-size:12px;color:#8c9da3;background:#eef0eb;padding:10px 13px;line-height:1.7;border-radius:4px}.form-error{font-size:13px;color:#a54d39;margin-top:10px}.submit-button{width:100%;margin-top:12px}.small-dialog{max-width:430px}.small-dialog>p{font-size:14px;line-height:1.9;color:#788c98;margin-top:20px}.google-button{border:1px solid #ccd6db;border-radius:5px;width:100%;display:flex;align-items:center;justify-content:center;gap:13px;padding:12px;margin-top:24px;background:white;font-size:14px}.google-g{font:600 20px Arial;color:#4285f4}.google-button small{font-size:11px;color:#9aa7af;margin-left:6px}.small-dialog .small-note,.small-note{font-size:12px;line-height:1.8;color:#8d9ba4;margin:16px 0}.full-width{width:100%;margin-top:18px}.music-dialog{max-width:520px}.audio-upload{border:1px dashed #9eafb5;background:#edf1ed;border-radius:6px;text-align:center;padding:17px;margin-top:24px;cursor:pointer;color:#587267;font-size:14px}.audio-upload input{font-size:13px;display:block;border:0;background:none;padding:8px 0 0;margin:auto;max-width:280px}.track-list{max-height:310px;overflow:auto;margin:20px 0}.music-empty{padding:30px 10px;text-align:center;color:#7d919b;font-size:15px}.music-empty span{font-size:12px}.track-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 5px;border-bottom:1px solid var(--line);font-size:14px}.track-item span{color:#8ba09e;font:italic 16px var(--english)}.track-item.playing{color:var(--accent)}.post-breadcrumb{display:flex;gap:18px;align-items:center;color:#82959e;font-size:13px;margin-bottom:30px}.back-link{padding:0;font-size:13px;color:#657d8d}.article-card{background:#fff;border:1px solid #e5e8e5;border-radius:7px;padding:45px 56px}.article-card h1{font:400 30px/1.7 var(--serif);letter-spacing:-1px;margin:13px 0 14px}.article-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;color:#8a9aa3;border-bottom:1px solid var(--line);padding-bottom:25px}.article-meta strong{font-weight:400;color:#536f7e}.source-banner{font-size:12px;background:#f4f5ef;color:#8a978b;padding:12px 16px;border-radius:4px;display:flex;justify-content:space-between;gap:18px;line-height:1.8}.source-banner a{color:#799487;white-space:nowrap}.comments{margin-top:38px}.comments h2{font:400 22px var(--serif);margin-bottom:20px}.comments h2 span{color:#aa7455;font:18px var(--sans);margin-left:10px}.comment{padding:20px 0;border-bottom:1px solid var(--line)}.comment-top{display:flex;align-items:center;gap:12px;font-size:12px;color:#9aa7ad}.comment-top strong{font-size:14px;font-weight:500;color:#5c7687}.comment-top .old-badge{font-size:10px;border:1px solid #dce1dc;padding:0 5px;color:#9a998c;border-radius:3px}.comment-content{font-size:15px;line-height:1.9;margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere}.new-replies-heading{font-size:12px;color:#a4886f;display:flex;align-items:center;gap:12px;margin-top:26px}.new-replies-heading:before{content:'';height:1px;background:#dddacf;width:36px}.post-tools{display:flex;gap:15px;justify-content:flex-end;margin-top:20px;font-size:12px;color:#8096a0}.post-tools button{font-size:12px}.article-poc-label{font-size:12px;color:#a48a6d;margin-bottom:10px}.mobile-only{display:none}@keyframes bump{0%{background:#f0dfbc}100%{background:transparent}}@media(min-width:1550px){.hero{height:450px}.hero-copy{top:51px}.hero h1{font-size:42px}}@media(max-width:1360px){.site-header{padding:0 35px}.hero{margin:0 28px}.community-section,.poc-note,.story-section,.album-section,.site-footer{margin-left:65px;margin-right:65px}.community-layout{gap:35px;grid-template-columns:minmax(0,1fr) 240px}.music-player{padding:0 24px}.player-label{min-width:205px}.volume-control{margin-left:5px}.player-controls{margin:0 3px;gap:10px}.queue-button{margin-left:0;padding-left:15px}}@media(max-width:1080px){.site-header nav{gap:20px}.header-actions{gap:15px}.old-link{display:none}.community-section,.poc-note,.story-section,.album-section,.site-footer{margin-left:40px;margin-right:40px}.community-layout{gap:25px;grid-template-columns:minmax(0,1fr) 210px}.aside-note{padding:25px 19px}.aside-note h3{font-size:18px}.activity{min-width:90px}.story-section{gap:45px}.album-shelf{gap:20px}.album-card{gap:10px}.album-card img{width:67px;height:67px}.album-card h3{font-size:19px}.album-card p{font-size:10px}.album-card>span{display:none}.track-timeline{display:none}.player-label{flex:1;max-width:none;min-width:150px}.music-player{gap:14px}.player-controls{margin:0 20px}.site-footer>div{gap:16px}.site-footer>div>span{display:none}}@media(max-width:800px){.site-header{height:82px;padding:0 24px}.brand strong{font-size:25px}.brand-mark{width:40px;height:40px;font-size:38px}.brand small{font-size:9px;letter-spacing:1px}.site-header nav{display:none}.login-link{font-size:12px;padding:8px 11px}.hero{height:388px;margin:0 18px}.hero-copy{left:29px;top:32px}.hero h1{font-size:31px;letter-spacing:-1.4px}.hero>img{object-position:68% 50%}.hero-overlay{background:linear-gradient(90deg,#172a3cc9,#172a3c47 80%)}.hero-footnote{bottom:18px;right:18px;font-size:9px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-copy>p:not(.eyebrow){font-size:13px}.hero-actions{gap:22px}.hero-actions .button{font-size:13px}.poc-note,.community-section,.story-section,.album-section,.site-footer{margin-left:25px;margin-right:25px}.poc-note{font-size:11px;line-height:1.7;align-items:flex-start}.poc-note .poc-tag{margin-top:2px;flex-shrink:0}.poc-note>button{display:none}.community-section{margin-top:32px}.section-heading h2{font-size:22px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.section-heading .button{font-size:12px;padding:9px 12px;gap:7px}.section-heading h2 span{display:none}.community-layout{grid-template-columns:1fr}.community-aside{display:none}.thread-row{padding:20px 0;gap:12px}.thread-title{font-size:16px}.thread-excerpt{font-size:13px;max-width:calc(100vw - 155px)}.thread-meta{font-size:11px}.activity{min-width:77px;font-size:11px}.activity span{font-size:10px}.thread-era{font-size:11px}.feed-explainer{font-size:11px}.feed-tabs button{font-size:13px}.feed-tabs{gap:25px}.story-section{margin-top:60px;padding:38px 0;gap:32px;grid-template-columns:1fr 1fr}.story-section figure{margin:0}.story-section img{aspect-ratio:1.05}.story-section h2{font-size:22px}.story-section p:not(.eyebrow){font-size:13px}.story-section p br{display:none}.story-section .eyebrow{font-size:9px}.album-heading{display:block}.album-heading>.text-button{margin-top:12px}.album-heading h2{font-size:21px}.album-shelf{grid-template-columns:1fr;gap:22px}.album-card{gap:20px}.album-card img{width:74px;height:74px}.album-card h3{font-size:24px}.album-card p{font-size:12px}.album-card>span{display:block;margin-right:10px}.album-section{margin-top:39px;margin-bottom:40px}.site-footer{gap:25px}.site-footer>div{flex-direction:column;align-items:end;gap:7px;font-size:11px}.music-player{height:74px;padding:0 16px;gap:10px}.player-art{width:40px;height:40px}.player-label{min-width:0;flex:1}.player-label strong{font-size:12px}.player-label span{font-size:10px}.player-controls{margin:0;gap:7px}.volume-control,.queue-button,#previous-track{display:none}.player-controls .icon-button{width:24px}.play-button{width:33px;height:33px}.article-card{padding:28px 25px}.article-card h1{font-size:25px}.source-banner{flex-direction:column;gap:5px}.article-meta{gap:9px;font-size:12px}}@media(max-width:500px){.site-header{padding:0 20px;gap:12px}.brand{gap:10px}.hero{height:394px;margin:0 12px;border-radius:6px}.hero-copy{left:25px;top:31px}.hero h1{font-size:29px;line-height:1.8;margin-top:15px}.hero-footnote{display:none}.hero-copy>p:not(.eyebrow){font-size:13px}.hero-actions{margin-top:25px}.hero-listen{font-size:13px}.poc-note,.community-section,.story-section,.album-section,.site-footer{margin-left:22px;margin-right:22px}.section-heading{margin-bottom:24px;gap:15px}.section-heading h2{font-size:20px;white-space:nowrap}.section-heading .button{min-height:39px}.section-heading .button>span{display:none}.thread-row{align-items:start}.activity{padding-top:5px;font-size:10px;min-width:67px}.activity strong{font-size:10px}.thread-title{font-size:15px;gap:5px}.thread-meta .meta-divider{display:none}.thread-meta{gap:7px}.thread-excerpt{font-size:12px;max-width:calc(100vw - 132px)}.feed-tabs{gap:23px}.feed-explainer{font-size:10px}.story-section{grid-template-columns:1fr;gap:28px}.story-section figure{margin:0 13px}.story-section img{aspect-ratio:1.6}.story-section>div{padding:7px 3px}.story-section h2{font-size:25px}.story-section p:not(.eyebrow){font-size:14px}.album-heading h2{font-size:20px}.music-player{gap:8px}.player-controls{gap:4px}#shuffle-button{display:none}.music-player .player-label span{font-size:9px}.site-footer .footer-brand{font-size:22px}.site-footer .footer-brand small{font-size:11px}.article-card{padding:24px 19px}.article-card h1{font-size:23px}.comment-top{gap:8px;flex-wrap:wrap}.form-footnote{align-items:flex-start;gap:10px;font-size:11px}.form-pair input{font-size:14px}.source-banner{font-size:11px}dialog{padding:22px 24px}dialog h2{font-size:24px}.dialog-intro{font-size:13px}.form-notice{font-size:11px}.poc-note>span:nth-child(2){max-width:290px}.site-header .login-link{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Korea's time, on one familiar horizon. */
.hero>img{transition:opacity .65s ease,filter 1.4s ease}.hero[data-phase=night] .hero-overlay{background:linear-gradient(90deg,#071622ba,#0c1c3133)}.hero[data-phase=evening] .hero-overlay{background:linear-gradient(90deg,#142437c9,#27395530)}.hero[data-phase=midday] .hero-overlay,.hero[data-phase=morning] .hero-overlay{background:linear-gradient(90deg,#18334bb8,#24435c33 65%,transparent)}.weather-veil{position:absolute;inset:0;pointer-events:none;transition:background 1s;z-index:1}.hero[data-weather=cloudy]>img{filter:saturate(.62) brightness(.78)}.hero[data-weather=rain]>img{filter:saturate(.55) brightness(.7)}.hero[data-weather=snow]>img{filter:saturate(.3) brightness(.9)}.hero[data-weather=fog]>img{filter:saturate(.6)}.hero[data-weather=fog] .weather-veil{background:linear-gradient(0deg,#b4c2ca66,#a4b5c538)}.hero[data-weather=cloudy] .weather-veil{background:#73839322}.hero[data-weather=rain] .weather-veil{background:linear-gradient(0deg,#273e6c33,#172b4040)}.weather-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.hero-copy,.hero-footnote{z-index:3}.hero-footnote{color:#f5f5e4;text-shadow:0 1px 10px #102333}.hero-copy{position:absolute}#moon-canvas{position:absolute;right:23%;top:35px;width:48px;height:48px;opacity:.9;z-index:2;filter:drop-shadow(0 0 9px #ece5c622);pointer-events:none}.sky-bar{max-width:1216px;margin:16px auto 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.sky-status{font-size:12px;display:flex;gap:12px;align-items:center;color:#8e9ba2;flex-wrap:wrap}.sky-status strong{font-weight:500;color:#627987}.sky-symbol{font-size:17px;color:#8b9a9e}.sky-separator{color:#bdc7cc}.sky-status>span#sky-phase{color:#a17c61}.moon-status{font-size:11px}.sky-bar>button{font-size:12px;color:#8395a0;white-space:nowrap}.sky-bar>button>span{margin-left:7px}.scene-panel{max-width:1216px;margin:14px auto 0;border:1px solid #dbe3df;border-radius:7px;background:#edf1ed;padding:21px 25px}.scene-panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.scene-panel-top strong{font:400 18px var(--serif)}.scene-panel-top p{font-size:12px;color:#83978f;margin-top:6px}.scene-panel-top .text-button{font-size:12px;color:#668579}.phase-selector{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:20px}.phase-selector button{border:1px solid #cbd6d2;border-radius:5px;padding:11px;color:#5d7a75;background:#f8faf7;font-size:14px}.phase-selector button[aria-pressed=true]{background:#284655;color:#f3e4d1;border-color:#284655}.phase-selector button small{font:italic 14px var(--english);display:block;opacity:.7;margin-top:3px}.weather-selector{display:flex;align-items:center;gap:22px;margin-top:17px}.weather-selector label{display:flex;align-items:center;gap:9px;font-size:12px;color:#7c9187}.weather-selector select{font:12px var(--sans);color:#526e65;background:#f8faf7;border:1px solid #cfdbd4;border-radius:4px;padding:6px}.weather-selector>span{margin-left:auto;font-size:10px;color:#90a397}.poc-note{margin-top:12px}.community-section{margin-top:31px}@media(max-width:1360px){.sky-bar,.scene-panel{margin-left:65px;margin-right:65px}}@media(max-width:1080px){.sky-bar,.scene-panel{margin-left:40px;margin-right:40px}.sky-status{gap:8px}.moon-status{display:none}.weather-selector{flex-wrap:wrap}.weather-selector>span{margin-left:0}}@media(max-width:800px){.sky-bar,.scene-panel{margin-left:25px;margin-right:25px}.sky-status{font-size:11px;gap:7px}.sky-bar>button{font-size:11px}.sky-status #weather-status{display:none}.scene-panel{padding:17px}.scene-panel-top{align-items:start}.scene-panel-top strong{font-size:16px}.scene-panel-top p{font-size:11px}.scene-panel-top .text-button{font-size:10px;gap:0}.phase-selector{gap:7px;grid-template-columns:repeat(3,1fr)}.phase-selector button{font-size:13px;padding:9px}.phase-selector button small{font-size:13px}.weather-selector{gap:12px}.weather-selector>span{font-size:9px}.weather-selector label{font-size:11px}.weather-selector select{font-size:11px}#moon-canvas{right:14%;top:24px;width:36px;height:36px}}@media(max-width:500px){.sky-bar,.scene-panel{margin-left:22px;margin-right:22px}.sky-status{font-size:10px;gap:6px}.sky-symbol{display:none}.sky-bar>button{font-size:10px}.scene-panel-top p{max-width:175px}.weather-selector{gap:10px}.weather-selector label{gap:5px}.scene-panel-top .text-button{max-width:90px;text-align:right}}
/* Quiet air through one continuous scene. Motion is intentionally very small. */
.hero>img{transform:scale(1.025);animation:coastal-breath 65s ease-in-out infinite alternate;will-change:transform}
.cloud-drift,.wind-light{position:absolute;pointer-events:none;inset:0;z-index:1;mix-blend-mode:screen}
.cloud-drift{inset:-8% -10% 40%;opacity:.14;background:radial-gradient(ellipse 21% 7% at 28% 40%,#e6e9eb9c,transparent 95%),radial-gradient(ellipse 28% 5% at 75% 25%,#e5e7e980,transparent 95%),radial-gradient(ellipse 20% 4% at 54% 60%,#e8e5e670,transparent 95%);filter:blur(10px);animation:cloud-drift 85s linear infinite alternate}
.wind-light{inset:55% -8% 0;opacity:.1;background:radial-gradient(ellipse 40% 1.3% at 45% 15%,#ffe5bb,transparent),radial-gradient(ellipse 28% 1% at 80% 32%,#d6edee,transparent);animation:wind-light 24s ease-in-out infinite alternate}
.hero[data-phase="night"] .cloud-drift{opacity:.07}.hero[data-weather="rain"] .wind-light{opacity:.04}
@keyframes coastal-breath{from{transform:scale(1.025) translate3d(-2px,1px,0)}to{transform:scale(1.032) translate3d(3px,-2px,0)}}
@keyframes cloud-drift{from{transform:translate3d(-1.5%,0,0)}to{transform:translate3d(3%,.5%,0)}}
@keyframes wind-light{from{transform:translate3d(-1%,0,0);opacity:.05}to{transform:translate3d(1%,2px,0);opacity:.14}}
body.motion-paused .hero>img,body.motion-paused .cloud-drift,body.motion-paused .wind-light,body.page-hidden .hero>img,body.page-hidden .cloud-drift,body.page-hidden .wind-light{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero>img,.cloud-drift,.wind-light{animation:none!important;will-change:auto}html{scroll-behavior:auto}}
.archive-nav{display:flex;align-items:center;gap:20px;padding:21px 0 24px;border-bottom:1px solid var(--line)}.archive-nav>div{flex:1}.archive-nav strong{font-size:17px}.archive-nav p{font-size:13px;color:var(--muted);line-height:1.8;margin:7px 0 0}.archive-nav label{display:flex;gap:8px;align-items:center;font-size:13px}.archive-nav select{padding:8px;background:#fbf8f1;border:1px solid #d5cbbc;border-radius:4px}.archive-nav>a{font-size:13px;white-space:nowrap}.thread-title{color:inherit;text-decoration:none}.thread-title:hover{text-decoration:underline;text-underline-offset:4px}.comment-content{white-space:pre-wrap;overflow-wrap:anywhere}.thread-excerpt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-text{min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.manage-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.comment-empty{color:var(--muted);padding:20px 0}.empty-state .text-button{margin:0 10px}.brand strong{letter-spacing:-1.2px}.article-card h1:focus{outline:none}
@media(max-width:760px){.archive-nav{align-items:flex-start;flex-wrap:wrap;gap:15px}.archive-nav>div{flex-basis:100%}.archive-nav p{font-size:13px}.activity{display:none}.thread-excerpt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hero>img{object-position:61% center}}
.thread-text h3{display:flex;align-items:baseline;gap:8px}.thread-title{display:inline;min-width:0}.new-label{font:11px var(--sans);color:#8d735e;display:inline-block;margin-left:8px;padding:2px 5px;background:#ede7dc;border-radius:3px}.thread-excerpt{font-size:14px;max-width:100%}.era-buttons button[aria-pressed=true]{background:#223f51;color:#fff;border-color:#223f51}.comment-top .new-label{margin-left:0}.scene-panel-top>div{flex:1}.scene-panel-top{flex-wrap:wrap}.sky-status{font-size:13px}.feed-explainer{font-size:12px}.thread-meta{font-size:12px}.track-item strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.track-item small{font-size:11px;color:#7e928d}.track-item.playing{background:#e6eee6}.post-breadcrumb{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.article-poc-label{font-size:12px;color:#926d4e;background:#eee7dc;padding:7px 11px;margin-top:20px}.comment-top time{font-size:12px;color:#87959c}.comment-top{display:flex;align-items:center;gap:12px}.comment-content{margin-top:10px}.scene-panel-top #motion-toggle{font-size:12px}.hero h1{margin-top:16px}
@media(max-width:800px){.sky-bar{align-items:flex-start}.sky-status #weather-status{display:inline}.sky-status{font-size:11px;gap:6px}.sky-status .moon-status{display:none}.scene-panel-top>div{flex-basis:100%}.scene-panel-top .text-button{max-width:none}.thread-excerpt{font-size:14px}.thread-title{font-size:16px}.feed-explainer{font-size:11px}.thread-meta{font-size:12px}}
/* Mobile usability: keep the existing layout, with readable inputs and complete audio controls. */
:root{--player-height:78px}
body{padding-bottom:calc(var(--player-height) + env(safe-area-inset-bottom,0px) + 16px)}
.music-player{height:calc(var(--player-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
dialog{max-height:calc(100dvh - max(24px,env(safe-area-inset-top,0px)) - max(24px,env(safe-area-inset-bottom,0px)));overscroll-behavior:contain;scroll-padding-block:20px}
.thread-title,.article-card h1,.comment-top strong,.article-meta strong,.thread-meta .author{overflow-wrap:anywhere;min-width:0}
.thread-meta,.article-meta{flex-wrap:wrap}.mobile-audio-panel{display:none}
@media(max-width:800px){
 :root{--player-height:80px}
 .site-header{height:auto;min-height:82px;flex-wrap:wrap;gap:10px;padding:16px 20px}
 .brand strong{font-size:1.65rem}.brand small{font-size:.75rem;letter-spacing:.6px}
 .site-header .login-link{font-size:.875rem;min-height:44px;padding:8px 10px}
 .hero{height:auto;min-height:388px}.hero>img{position:absolute;inset:0}.hero-copy{position:relative;left:auto;top:auto;padding:30px 25px 55px}
 .hero h1{font-size:clamp(1.7rem,7vw,2rem);line-height:1.75;margin-top:8px}.hero-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8}
 .hero-actions{flex-wrap:wrap;gap:14px 20px}.hero-actions .button,.hero-listen{font-size:.875rem;min-height:44px}
 .section-heading{flex-wrap:wrap;gap:14px}.section-heading h2{font-size:1.35rem;white-space:normal}.section-heading .button{font-size:.875rem;min-height:44px}
 .feed-tabs{gap:clamp(12px,5vw,25px)}.feed-tabs button{font-size:.875rem;min-height:44px;padding:9px 0}
 .search-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px;margin-right:-9px}
 .thread-title{font-size:1rem}.thread-text h3{align-items:baseline}.thread-era,.new-label,.thread-meta,.activity{font-size:.75rem}.thread-excerpt{font-size:1rem;line-height:1.7}
 .feed-explainer{font-size:.75rem;flex-wrap:wrap}.poc-note{font-size:.75rem}.poc-tag{font-size:.75rem}
 .sky-bar{flex-wrap:wrap;gap:4px 12px;align-items:center}.sky-status{font-size:.75rem;flex:1;min-width:150px}.sky-bar>button{font-size:.875rem;min-height:44px;padding:8px 0}
 .scene-panel-top strong{font-size:1.1rem}.scene-panel-top p{font-size:.875rem;max-width:none}.scene-panel-top .text-button,.scene-panel-top #motion-toggle{font-size:.875rem;min-height:44px;text-align:left;max-width:none}
 .phase-selector button{font-size:.875rem;min-height:56px}.phase-selector button small{font-size:.875rem}.weather-selector{align-items:stretch;gap:12px;display:grid;grid-template-columns:1fr}
 .weather-selector label{font-size:.875rem;display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center}.weather-selector select{font-size:1rem;min-height:44px;width:100%;min-width:0}.weather-selector>span{font-size:.75rem;line-height:1.7}
 .archive-nav{gap:14px}.archive-nav p{font-size:.875rem}.archive-nav strong{font-size:1rem}.archive-nav select{font-size:1rem;min-height:44px}.archive-nav label,.archive-nav>a{font-size:.875rem}.archive-nav>a{min-height:44px;display:flex;align-items:center}
 .text-button,.back-link{font-size:.875rem;min-height:44px;align-items:center;display:inline-flex}.post-breadcrumb{align-items:center;font-size:.75rem}
 .article-card h1{font-size:1.5rem}.article-meta{font-size:.75rem}.comment-content{font-size:1rem}.source-banner{font-size:.875rem;line-height:1.75}.comment-top time,.old-badge{font-size:.75rem}
 dialog{padding:22px 20px}dialog h2{font-size:1.5rem}.close-button{width:44px;height:44px;flex-shrink:0}.dialog-intro,.small-dialog>p{font-size:1rem}.small-note,.small-dialog .small-note,.form-notice,.form-notice p{font-size:.875rem}
 label,form .form-footnote,.form-footnote .text-button{font-size:.875rem}label>input,label>textarea,.form-pair input,.search-bar input{font-size:1rem;min-height:44px}.compose-dialog .form-pair{grid-template-columns:1fr;gap:12px}
 .form-footnote{flex-wrap:wrap;gap:7px}.google-button{flex-wrap:wrap;font-size:1rem}.google-button small{font-size:.75rem}.form-error{font-size:.875rem}.submit-button{min-height:44px}
 .music-player{gap:10px}.player-art{width:44px;height:44px}.player-label{min-height:44px}.player-label strong{font-size:.875rem}.music-player .player-label span{font-size:.75rem}.player-controls{gap:4px}.player-controls .icon-button,.play-button{width:44px;height:44px;flex-shrink:0}.player-controls #shuffle-button,.player-controls #previous-track{display:none}
 .mobile-audio-panel{display:block;background:#eef1ec;border-radius:6px;padding:14px;margin:18px 0}.mobile-transport{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-transport .icon-button,.mobile-transport .play-button{height:44px;width:44px}.mobile-transport .play-button{background:var(--navy);color:var(--paper)}.shuffle-control{min-height:44px;font-size:.875rem;padding:8px;white-space:nowrap}.shuffle-control[aria-pressed=true]{color:#725a3c}
 .mobile-seek-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.875rem;margin-top:14px}.mobile-seek-label span{font-size:.75rem}.mobile-audio-panel input[type=range]{height:44px;accent-color:var(--accent);margin:0;width:100%;min-width:0;padding:0;cursor:pointer}.mobile-volume{display:flex;align-items:center;gap:12px;margin-top:4px}.mobile-volume .text-button{font-size:.875rem;white-space:nowrap;gap:0;flex-shrink:0}.mobile-volume label{font-size:.875rem;white-space:nowrap}
 .audio-upload{font-size:1rem}.audio-upload input{max-width:100%;font-size:.875rem;min-height:44px}.track-item{min-height:52px}.track-item strong{font-size:1rem}.track-item small{font-size:.75rem}
 .story-section p:not(.eyebrow){font-size:1rem}.album-card p{font-size:.875rem}.album-heading>.text-button{font-size:.875rem}.site-footer>div{font-size:.875rem}.site-footer button{font-size:.875rem;min-height:44px}.site-footer>div>a{min-height:44px;display:flex;align-items:center}.site-footer .footer-brand small{font-size:.75rem}
}
@media(max-width:359px){.site-header{padding:12px 16px;gap:6px}.brand strong{font-size:1.5rem}.brand small{font-size:.75rem;letter-spacing:0}.site-header .login-link{font-size:.75rem}.hero-copy{padding:25px 21px 44px}.hero h1{font-size:1.75rem}.hero-copy>p:not(.eyebrow){font-size:.9375rem}.hero-footnote{display:none}.section-heading .button{margin-left:auto}.feed-tabs{gap:14px}.feed-tabs button{font-size:.8125rem}.poc-note,.community-section,.story-section,.album-section,.site-footer{margin-left:18px;margin-right:18px}.player-art{display:none}.music-player{padding-left:14px;padding-right:14px}.music-player .player-label span{font-size:.75rem}.mobile-transport{gap:3px}.shuffle-control{font-size:.8125rem;padding:6px}}
.form-pair>label{min-width:0}
@media(min-width:801px){.music-player{padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px))}}
@media(max-width:800px){.hero-copy>p{word-break:keep-all}.mobile-transport{flex-wrap:wrap}.mobile-transport .icon-button{color:var(--ink)}.mobile-volume input{flex:1}.loading-records{font-size:1rem}}
@media(max-width:359px){.site-header .login-link,.feed-tabs button{font-size:.875rem}.mobile-transport .shuffle-control{font-size:.875rem;flex:1;min-width:80px}.mobile-transport{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center}.mobile-transport .shuffle-control{grid-column:1/-1;width:100%;min-height:44px}.mobile-volume{flex-wrap:wrap}.mobile-volume input{flex-basis:100%}}

/* Shared form and reading layout — one rule set for every screen size. */
:root{--form-border:#c5ced1;--secondary-ink:#536974}
.post-view{width:min(960px,calc(100% - 48px));max-width:none;margin:32px auto 64px}
.article-card{padding:40px 44px}
.article-card h1{font-size:2rem;line-height:1.55;letter-spacing:-.025em}
.article-meta{font-size:.875rem;color:var(--secondary-ink);gap:12px 18px;padding-bottom:24px}
.article-body{padding:28px 0;margin:0;font-size:1.0625rem;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;min-height:0}
.article-poc-label{margin:20px 0 0;font-size:.8125rem}
.source-banner{font-size:.875rem;line-height:1.8;color:var(--secondary-ink);padding:16px 18px;gap:12px}
.comments{margin-top:32px}.comments h2{font-size:1.5rem;line-height:1.6;margin-bottom:18px}
.comment{padding:20px 0}.comment-top{font-size:.8125rem;flex-wrap:wrap;gap:8px 12px}.comment-top strong{font-size:.9375rem}.comment-top time,.comment-top .old-badge{font-size:.8125rem}.comment-content{font-size:1rem;line-height:1.85;color:var(--ink)}
.comment-empty{font-size:1rem;color:var(--secondary-ink);padding:14px 0 24px}
label{font-size:.875rem;line-height:1.5;color:var(--secondary-ink)}
label>input,label>textarea,.guest-name-input>input,.comment-form>textarea,.search-bar input{display:block;width:100%;min-width:0;font:400 1rem/1.65 var(--sans);color:var(--ink);border:1px solid var(--form-border);border-radius:5px;background:#fff;padding:11px 13px;min-height:48px;box-sizing:border-box}
label>input,label>textarea{margin-top:8px}textarea::placeholder,input::placeholder{color:#6c7b84;opacity:1}
textarea{resize:vertical}textarea:focus,input:focus,select:focus{border-color:#8f6b51;outline:2px solid #b388693d;outline-offset:2px}
.form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.form-pair>label{min-width:0}
.comment-form{margin-top:26px;background:#eef2ee;padding:28px;border-radius:7px}
.comment-form h3{font:400 1.375rem/1.6 var(--serif);margin:0 0 18px;color:var(--ink)}
.comment-form>textarea{width:100%;min-height:144px;margin:0}
.comment-submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}
.comment-submit-row>span{font-size:.8125rem;color:var(--secondary-ink);line-height:1.7;max-width:32rem}
.comment-submit-row>.button{flex-shrink:0;margin:0;padding:12px 22px;min-width:146px;min-height:48px;font-size:.9375rem;line-height:1.5;color:#fff}
.form-error{font-size:.875rem;line-height:1.7;margin:14px 0 0}.form-error:empty{display:none}
.form-notice{font-size:.8125rem;line-height:1.8;color:var(--secondary-ink);padding:12px 14px}.form-footnote{font-size:.875rem;gap:12px;flex-wrap:wrap}.form-footnote .text-button{font-size:.875rem}
.article-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.back-link,.text-button{font-size:.875rem;min-height:40px;align-items:center;display:inline-flex}.post-breadcrumb{font-size:.875rem;align-items:center;margin-bottom:18px}
.button{font-size:.9375rem;min-height:46px}.close-button{min-width:44px;min-height:44px}.submit-button{min-height:48px;font-size:.9375rem}
dialog{padding:28px 30px;max-height:calc(100vh - 48px);max-height:calc(100dvh - max(24px,env(safe-area-inset-top,0px)) - max(24px,env(safe-area-inset-bottom,0px)))}
dialog h2{font-size:1.75rem;line-height:1.55}.dialog-intro,.small-dialog>p{font-size:1rem;line-height:1.8}.small-note,.small-dialog .small-note{font-size:.875rem;line-height:1.8}.google-button{font-size:.9375rem;min-height:48px}.google-button small{font-size:.8125rem}
.toast{position:fixed;left:50%;bottom:calc(var(--player-height) + env(safe-area-inset-bottom,0px) + 18px);transform:translate(-50%,12px);width:max-content;max-width:min(560px,calc(100vw - 32px));margin:0;padding:14px 20px;border-radius:7px;background:#203c4e;color:#fff;font:400 .9375rem/1.7 var(--sans);text-align:center;box-shadow:0 4px 20px #11283830;z-index:200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s}
.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* Readable secondary text without changing the site's quiet visual direction. */
.feed-tabs button{font-size:.9375rem;min-height:44px}.search-toggle{min-width:44px;min-height:44px;padding:10px;display:flex;align-items:center;justify-content:center}.thread-title{font-size:1.0625rem;line-height:1.6}.thread-excerpt{font-size:.9375rem;line-height:1.75;color:#627884}.thread-meta{font-size:.8125rem;color:#687f8b}.thread-era,.new-label{font-size:.75rem}.feed-explainer,.poc-note{font-size:.8125rem;color:#687e89}.poc-tag{font-size:.75rem}.activity{font-size:.8125rem}.activity span{font-size:.75rem;color:#6e828d}.sky-status{font-size:.8125rem}.sky-bar>button{font-size:.875rem;min-height:44px}.scene-panel-top p{font-size:.875rem}.scene-panel-top .text-button{font-size:.875rem}.weather-selector label,.weather-selector select{font-size:.875rem}.weather-selector select{min-height:44px}.weather-selector>span{font-size:.75rem}.phase-selector button{min-height:56px}.aside-note p:not(.eyebrow),.member-note p{font-size:.875rem;color:#637970}.album-card p{font-size:.8125rem;color:#687e89}.story-section p:not(.eyebrow){font-size:1rem;color:#627884}.player-label strong{font-size:.875rem}.player-label span{font-size:.75rem}.queue-button{font-size:.875rem}.queue-button span{font-size:.75rem}.track-timeline{font-size:.75rem}.archive-nav p,.archive-nav label,.archive-nav>a{font-size:.875rem;color:var(--secondary-ink)}
@media(max-width:800px){
 .post-view{width:calc(100% - 28px);margin:20px auto 48px}.article-card{padding:24px}.article-card h1{font-size:1.625rem}.article-body{font-size:1rem;padding:24px 0;line-height:1.95}.article-meta{font-size:.8125rem}
 .comment-form{padding:22px}.comment-form h3{font-size:1.25rem}.comment-form .form-pair,.compose-dialog .form-pair{grid-template-columns:1fr}.comment-submit-row{flex-direction:column;align-items:stretch;gap:14px;margin-top:20px}.comment-submit-row>.button{width:100%;min-height:48px}.comment-submit-row>span{font-size:.8125rem}
 .article-footer{align-items:flex-start;gap:6px}.article-footer>*{min-height:44px}.form-pair input,.comment-form textarea,.weather-selector select,.archive-nav select{font-size:1rem}
 dialog{padding:22px}dialog h2{font-size:1.5rem}.back-link,.text-button{min-height:44px}.feed-tabs{gap:18px}.feed-tabs button{font-size:.875rem}.thread-title{font-size:1rem}.thread-excerpt{font-size:.9375rem}.sky-status{font-size:.75rem}.sky-bar>button{font-size:.8125rem}.weather-selector>span{font-size:.75rem}.scene-panel-top #motion-toggle{font-size:.875rem}.hero-copy>p:not(.eyebrow){font-size:1rem}
}
@media(max-width:400px){.article-card{padding:20px 16px}.comment-form{padding:18px 14px}.post-view{width:calc(100% - 24px)}.comment-form h3{font-size:1.125rem}.comment-form>textarea{min-height:144px}.feed-tabs{gap:12px}.feed-tabs button{font-size:.875rem}.article-footer .text-button,.article-footer .back-link{font-size:.8125rem}.form-pair{gap:16px}dialog{padding:20px}.hero-copy>p:not(.eyebrow){font-size:.9375rem}}
/* The open playlist keeps playback controls available on desktop as well. */
.mobile-audio-panel{display:block;background:#eef1ec;border-radius:6px;padding:16px;margin:18px 0}
.mobile-transport{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.mobile-transport .icon-button,.mobile-transport .play-button{width:44px;height:44px;color:var(--ink)}
.mobile-transport .play-button{background:var(--navy);color:#fff}.shuffle-control{min-height:44px;font-size:.875rem;padding:8px;white-space:nowrap}.shuffle-control[aria-pressed=true]{color:#725a3c}
.mobile-seek-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.875rem;margin-top:14px}.mobile-seek-label span{font-size:.8125rem}
.mobile-audio-panel input[type=range]{height:44px;accent-color:var(--accent);margin:0;width:100%;min-width:0;padding:0;cursor:pointer}
.mobile-volume{display:flex;align-items:center;gap:12px;margin-top:4px}.mobile-volume .text-button,.mobile-volume label{font-size:.875rem;white-space:nowrap;flex-shrink:0}.mobile-volume .text-button{gap:0}.mobile-volume input{flex:1}
.article-card h1,.thread-title,.toast{word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:359px){.mobile-transport{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:4px}.mobile-transport .shuffle-control{grid-column:1/-1;width:100%}.mobile-volume{flex-wrap:wrap}.mobile-volume input{flex-basis:100%}}
/* Bundled music: readable titles, album navigation and compact transport. */
.dialog-now-playing{display:grid;gap:4px;margin-bottom:14px;min-width:0}.dialog-now-playing strong{font-size:1rem;font-weight:500;line-height:1.6;overflow-wrap:anywhere}.dialog-now-playing>span{font-size:.8125rem;color:#657c85}
.music-album-filter{display:flex;align-items:center;gap:14px;font-size:.875rem;color:var(--ink)}.music-album-filter select{flex:1;width:0;min-width:0;min-height:44px;border:1px solid #ced8d7;border-radius:5px;padding:8px 10px;background:#fff;color:var(--ink);font:inherit}
.music-dialog .track-list{max-height:310px;margin:12px 0 18px;overscroll-behavior:contain}.music-dialog .track-item{gap:12px;padding:12px 8px;min-height:68px;align-items:center}.music-dialog .track-number{flex:0 0 24px;align-self:center;text-align:center;font:400 .875rem var(--sans);color:#798e96}.music-dialog .track-info{display:grid;gap:3px;flex:1;min-width:0;font:inherit;color:inherit}.music-dialog .track-info strong{font:500 .9375rem/1.6 var(--sans);overflow-wrap:anywhere}.music-dialog .track-info>span{font:400 .75rem/1.5 var(--sans);color:#6b818c}.music-dialog .track-item>small{flex-shrink:0;font-size:.75rem;color:#6b818c}.music-dialog .track-item.playing{background:#f0e8df;border-radius:5px}.music-dialog .track-item.playing>small{color:#925037}.local-audio{margin:12px 0 20px}.local-audio summary{cursor:pointer;font-size:.875rem;min-height:44px;display:flex;align-items:center;color:#657d8d}.local-audio summary:before{content:'＋';margin-right:8px}.local-audio[open] summary:before{content:'−'}.local-audio .audio-upload{margin-top:6px}.music-dialog>.text-button{font-size:.875rem;min-height:44px}
/* A compact reading desk for the complete archive. */
.board-view{max-width:1120px;margin:0 auto;padding:48px 24px 100px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.board-heading h1{font-family:var(--serif);font-size:clamp(28px,4vw,42px);font-weight:500;margin:14px 0}.board-heading .eyebrow{margin-top:24px}.board-heading p{color:#667b80}.year-index{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0 26px}.year-index-item{display:flex;align-items:center;gap:9px;border:1px solid #d6dfda;background:#f7f9f6;border-radius:6px;padding:10px 13px;color:#3c555b;min-height:44px}.year-index-item small{font-size:11px;color:#748b8e}.year-index-item.selected{background:#294a50;color:white;border-color:#294a50}.year-index-item.selected small{color:#d2e0db}.board-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:22px;background:#edf2ee;border-radius:8px}.board-filter label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;color:#60797d}.board-filter input,.board-filter select{width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid #ced9d4;border-radius:5px;background:white;color:#29434a;font:inherit;font-size:14px}.board-search{flex:1;min-width:160px!important}.board-filter .button{min-height:44px;padding:10px 18px}.board-filter .form-error{flex-basis:100%;margin:0}.board-filter .form-error:empty{display:none}.board-summary{display:flex;justify-content:space-between;gap:12px;padding:25px 0 12px;font-size:12px;color:#74898b}.board-summary strong{color:#355158}.board-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 10px;border-bottom:1px solid #e0e6e1}.board-row h3{font-size:16px;font-weight:500;margin:6px 0 9px}.board-row .thread-text{min-width:0}.board-row .thread-title{overflow-wrap:anywhere}.board-row .activity{flex:0 0 125px;text-align:right;font-size:12px}.board-row .activity strong,.board-row .activity time{display:block;margin:5px 0}.board-row .thread-era{font-size:10px}.board-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:30px 0;font-size:13px}.board-pagination button:disabled{opacity:.35;cursor:default}.board-entry{display:flex;justify-content:space-between;gap:16px;background:#eff3ee;border:1px solid #dce5dd;padding:17px 18px;border-radius:5px;margin:17px 0 5px;font-size:12px;color:#657d7e}.board-entry strong{color:#315653}.captcha-box:empty{display:none}.captcha-row{display:flex;align-items:flex-end;gap:20px;margin:20px 0}.captcha-row label{display:flex;gap:9px;flex-direction:column;font-size:13px;max-width:240px}.captcha-row input:not([type=hidden]){width:110px!important;min-height:44px;padding:9px 12px;border:1px solid #cbd8d3;border-radius:5px;background:white;font:inherit;font-size:16px;color:#29434a}.captcha-row .text-button{min-height:44px}.writer-fields{margin-top:20px}.signed-writer{font-size:14px}.signed-writer button{margin-left:12px}.nested-comment{margin-left:22px;border-left:2px solid #dde6dc;padding-left:18px}.article-body img,.comment-content img{max-width:100%;height:auto}.article-body iframe{max-width:100%}.article-body,.comment-content{overflow-wrap:anywhere}.article-body table{display:block;overflow-x:auto;max-width:100%}#profile-form label{display:flex;flex-direction:column;gap:10px}#profile-form input{min-height:46px;border:1px solid #cbd8d3;border-radius:5px;padding:10px;font:inherit}#profile-form .button{margin-right:18px}#google-button-mount{margin:20px 0}.comment-form textarea{display:block;width:100%;min-height:120px;box-sizing:border-box;border:1px solid #cbd8d3;border-radius:5px;padding:14px;font:inherit;line-height:1.7;resize:vertical}.comment-submit-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.comment-submit-row span{font-size:12px;color:#687f80}.comment-submit-row .button{flex-shrink:0;white-space:nowrap}.captcha-row .text-button{white-space:nowrap}
@media(max-width:640px){.board-view{padding:30px 18px 90px}.board-heading{align-items:flex-start;flex-direction:column;gap:12px}.board-heading h1{font-size:29px}.board-heading .button{align-self:flex-end}.year-index{gap:6px}.year-index-item{padding:8px 10px;font-size:12px}.year-index-item small{font-size:10px}.board-filter{padding:16px;gap:12px}.board-filter label{flex:1 1 calc(50% - 12px);width:calc(50% - 12px)}.board-filter .board-search{min-width:0!important}.board-filter input{font-size:16px}.board-filter .button{flex:1}.board-summary{align-items:flex-start;flex-direction:column;gap:6px}.board-row{align-items:flex-start;padding:17px 0;gap:12px}.board-row h3{font-size:15px;line-height:1.55}.board-row .activity{flex-basis:74px;font-size:10px}.board-row .thread-meta{font-size:11px;gap:9px;flex-wrap:wrap}.board-entry{flex-direction:column;gap:7px}.comment-submit-row{align-items:flex-start;flex-direction:column;gap:15px}.comment-submit-row .button{align-self:flex-end}.captcha-row{gap:14px}.nested-comment{margin-left:10px;padding-left:12px}.board-pagination{gap:18px}.board-pagination .button{padding:10px 14px}}
@media(max-width:760px){.site-header nav{display:flex;order:3;width:100%;justify-content:center;gap:28px;font-size:13px}.site-header nav a{padding:4px 0 8px}.header-actions{margin-left:auto}.thread-row,.board-row{flex-wrap:wrap}.thread-row .activity,.board-row .activity{display:flex;flex:1 1 100%;min-width:0;gap:8px;padding:0;justify-content:flex-start;align-items:center;text-align:left;font-size:11px}.thread-row .activity strong,.board-row .activity strong{margin:0;font-size:11px}.thread-row .activity time,.board-row .activity time{margin:0}.board-row{gap:6px}.thread-row{gap:8px}}
.board-view{padding-top:30px}.board-heading{margin-bottom:12px}.board-heading .eyebrow{margin-top:14px}.board-heading h1{font-size:clamp(27px,3.4vw,36px);line-height:1.4;margin:10px 0}.board-heading p{font-size:14px}.year-index{padding:14px 0 18px}.year-index-item{min-height:40px;padding:8px 12px}.board-filter{padding:16px}.board-summary{padding-top:20px}
@media(max-width:640px){.board-heading{gap:8px}.board-heading h1{font-size:26px}.year-index{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;overflow-x:auto;scroll-snap-type:x proximity;max-width:100%;padding-bottom:14px}.year-index-item{scroll-snap-align:start}.board-filter{gap:12px}.board-filter label{font-size:12px}.board-view{padding-top:22px}}
@media(max-width:640px){.board-heading{position:relative;display:block}.board-heading .eyebrow{display:none}.board-heading>div>.back-link{display:inline-flex;align-items:center;min-height:42px}.board-heading>.button{position:absolute;right:0;top:0;min-height:40px;padding:8px 12px;font-size:12px}.board-heading h1{margin-top:18px;margin-bottom:8px}.board-heading p{font-size:13px}.year-index{grid-template-rows:auto;margin-top:8px}.board-filter label{margin:0;gap:6px;line-height:1.45}.board-summary{font-size:11px}}
.article-body.archive-body,.comment-content.archive-content{white-space:normal}
/* Dense archive: a reading list with persistent period and page navigation. */
.board-view{max-width:1328px;padding:22px 28px 100px}.board-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;position:static}.board-heading h1{font-family:var(--sans);font-size:24px;font-weight:600;letter-spacing:-.6px;line-height:1.3;margin:0 0 5px}.board-heading p{font-size:12px;line-height:1.5;color:#687d81}.board-heading>.button{position:static;padding:8px 15px;min-height:40px;font-size:13px}.year-index{display:flex;flex-wrap:wrap;gap:4px;overflow:visible;padding:0;margin:0 0 12px}.year-index-item{display:block;min-height:29px;padding:3px 9px;font-size:12px;border-radius:3px;line-height:1.6}.board-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap;border-radius:4px;padding:12px;margin:0}.board-filter label{flex:none;width:auto;margin:0;gap:4px;font-size:11px;line-height:1.45}.board-filter input,.board-filter select{min-height:34px;height:34px;padding:5px 8px;font-size:12px;border-radius:3px}.board-filter input[type=date]{width:132px}.board-filter .board-search{flex:1;min-width:150px!important}.board-filter .button{min-height:34px;padding:5px 15px;font-size:12px;flex:none}.board-filter .text-button{font-size:12px;min-height:34px}.board-summary{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 0 8px;font-size:12px;gap:12px}.board-quick-nav{display:flex;gap:7px;align-items:center;white-space:nowrap;color:#526b73;font-size:11px}.board-quick-nav select{border:1px solid #cdd8d3;border-radius:3px;padding:5px;background:#fff;font:inherit;min-height:32px;color:inherit}.page-button{border:1px solid #d3ddd7;border-radius:3px;min-width:32px;height:32px;line-height:1;padding:5px;background:#fff;font-size:12px}.page-button.selected{background:#2a4b50;border-color:#2a4b50;color:#fff}.page-button:disabled{opacity:.35}.archive-table-wrap{width:100%}.archive-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.archive-table .col-number{width:64px}.archive-table .col-author{width:126px}.archive-table .col-date{width:104px}.archive-table .col-update{width:104px}.archive-table thead{position:sticky;top:0;z-index:2;background:#eaf0ec}.archive-table th{padding:8px;font-size:11px;font-weight:500;color:#647a7e;line-height:1.3;border-top:1px solid #becdc6;border-bottom:1px solid #ccd8d2}.archive-table td{height:35px;padding:7px 8px;border-bottom:1px solid #e2e7e2;font-size:12px;line-height:1.5;color:#4c666f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-table tr[data-post-row]{cursor:pointer}.archive-table tr[data-post-row]:hover{background:#edf2ec}.archive-table .cell-number{font-size:10px;color:#7c8c91}.archive-table .cell-title>div{display:flex;align-items:center;gap:5px;min-width:0}.archive-table .thread-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;line-height:1.5;min-width:0;color:#263f49}.archive-table .thread-title:hover{text-decoration:underline}.board-replies{font-size:11px;color:#aa6249;flex-shrink:0}.board-new{font-size:9px;color:#4f7d64;flex-shrink:0}.archive-table .cell-date,.archive-table .cell-update{font-size:11px}.archive-table .cell-update{color:#8b7463}.mobile-label{display:none}.board-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:20px 0 10px}.board-pagination #board-page-links{display:flex;gap:5px}.board-jump{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;color:#60787e}.board-jump label{display:flex;align-items:center;gap:6px;margin:0}.board-jump input{width:60px;padding:5px;border:1px solid #cbd7d0;border-radius:3px;min-height:32px;background:white;font:inherit}.board-jump .text-button{font-size:12px}.archive-table td.empty-state{white-space:normal;padding:35px 16px;text-align:center}
@media(max-width:760px){.board-view{padding:17px 18px 95px}.board-heading{display:flex;flex-direction:row;align-items:flex-start;gap:14px}.board-heading h1{font-size:23px;margin:0 0 6px}.board-heading p{font-size:11px;max-width:240px}.board-heading>.button{position:static;flex-shrink:0;min-height:40px;padding:8px 11px;font-size:12px}.year-index{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;margin:12px 0;padding:0 0 5px;scroll-snap-type:x proximity}.year-index-item{flex-shrink:0;min-height:34px;padding:5px 10px}.board-filter{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px}.board-filter label{grid-column:span 2;min-width:0;width:100%;gap:4px;font-size:10px}.board-filter label:first-child{grid-column:span 2}.board-filter label:has([name=sort]){grid-column:span 2}.board-filter .board-search{grid-column:span 4;min-width:0!important}.board-filter input,.board-filter select{width:100%;font-size:12px;min-width:0;height:36px;min-height:36px;padding:6px}.board-filter input[type=date]{width:100%;font-size:11px}.board-filter .button{grid-column:span 4;min-height:34px;width:100%}.board-filter .text-button{grid-column:span 2;justify-content:center;font-size:11px}.board-filter .form-error{grid-column:1/-1}.board-summary{font-size:11px;padding:10px 0 6px;gap:5px}.board-quick-nav{gap:4px;font-size:10px}.board-quick-nav select{font-size:11px;padding:4px;min-height:32px}.board-quick-nav .page-button{min-width:28px;height:32px}.archive-table,.archive-table tbody,.archive-table tr{display:block;width:100%}.archive-table colgroup,.archive-table thead{display:none}.archive-table tr[data-post-row]{display:grid;grid-template-columns:minmax(55px,1fr) auto auto;gap:3px 10px;padding:8px 1px;border-bottom:1px solid #dfe6df}.archive-table td{display:block;height:auto;padding:0;border:0;overflow:hidden;min-width:0}.archive-table .cell-number{display:none}.archive-table .cell-title{grid-column:1/-1}.archive-table .thread-title{font-size:14px;line-height:1.45}.archive-table .cell-author,.archive-table .cell-date,.archive-table .cell-update{font-size:10px;line-height:1.5}.archive-table .cell-update{color:#887662}.archive-table .mobile-label{display:inline}.archive-table .cell-author{color:#6d858b}.archive-table .board-replies{font-size:11px}.archive-table td.empty-state{padding:28px 12px}.board-pagination{gap:4px}.board-pagination #board-page-links{gap:4px}.board-pagination .page-button{min-width:32px;height:36px}.board-jump input{font-size:16px;min-height:40px}.board-jump .text-button{min-height:40px}}
@media(max-width:359px){.board-view{padding-left:14px;padding-right:14px}.board-heading h1{font-size:21px}.board-heading p{font-size:10px}.board-filter{gap:6px;padding:8px}.board-filter input[type=date]{font-size:10px;padding:3px}.board-quick-nav{gap:3px}.board-quick-nav .page-button{min-width:25px}.board-summary{font-size:10px}.board-pagination #board-first,.board-pagination #board-last{display:none}.archive-table tr[data-post-row]{gap:3px 7px}.archive-table .cell-author,.archive-table .cell-date,.archive-table .cell-update{font-size:9px}}
@media(max-width:760px){.board-filter label:first-child{order:1;grid-column:span 3}.board-filter label:has([name=sort]){order:2;grid-column:span 3}.board-filter label:has([name=from]){order:3;grid-column:span 3}.board-filter label:has([name=to]){order:4;grid-column:span 3}.board-filter label:has([name=scope]){order:5;grid-column:span 3}.board-filter .board-search{order:6;grid-column:span 3}.board-filter .button{order:7;grid-column:span 3;padding:7px 10px;font-size:13px}.board-filter .text-button{order:8;grid-column:span 3}.board-filter .form-error{order:9}.board-filter input,.board-filter select{font-size:16px;height:38px;min-height:38px}.board-filter input[type=date]{font-size:14px;padding:5px}.board-filter .button,.board-filter .text-button{align-self:end;min-height:38px}.archive-table .cell-author,.archive-table .cell-date,.archive-table .cell-update{font-size:11px}.archive-table tr[data-post-row]{grid-template-columns:minmax(40px,1fr) auto auto;gap:3px 8px}.board-quick-nav #board-page-top{min-width:36px;text-align:center}}
@media(max-width:359px){.archive-table .cell-update .mobile-label{display:none}.board-filter .board-search input{font-size:14px}.board-filter input[type=date]{font-size:13px}}
@media(min-width:761px){.year-index-item{padding:3px 6px}.archive-table td{height:31px;padding:5px 8px}.archive-table .thread-title{line-height:1.4}}
.post-breadcrumb{position:sticky;top:0;z-index:4;background:var(--paper);padding:12px 5px;border-bottom:1px solid #d9e2db;gap:15px}.post-breadcrumb .text-button{min-height:32px;font-size:12px;white-space:nowrap}.post-breadcrumb>span{margin-left:auto}#comments-title{scroll-margin-top:70px}.board-jump{flex-wrap:wrap}

/* Original board categories remain clickable without increasing row height. */
.tag-index-heading{display:flex;align-items:center;gap:12px;font-size:11px;color:#536b71;margin:12px 0 5px}.tag-index-heading small{font-size:10px;color:#7c8887}.tag-index{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 12px}.tag-filter{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;min-height:30px;border:1px solid #d6ded5;border-radius:4px;background:#f7f8f2;color:#526b67;font:12px var(--sans);white-space:nowrap}.tag-filter small{font-size:10px;color:#83948a}.tag-filter.selected{background:#284e49;border-color:#284e49;color:#fff}.tag-filter.selected small{color:#ceded3}.post-tag{display:inline-flex;align-items:center;color:#668177;font:11px var(--sans);text-decoration:none;white-space:nowrap;flex-shrink:0;padding:3px 5px;border-radius:3px;background:#edf2e9;margin-right:5px}.post-tag:hover{background:#dce8d8;color:#284e49}.archive-table .post-tag{font-size:10px;max-width:88px;overflow:hidden;text-overflow:ellipsis;display:block;margin:0;padding:1px 4px}.article-tags{display:flex;flex-wrap:wrap;gap:5px}.article-tags .post-tag{font-size:13px;padding:5px 9px}.tag-suggestions{display:flex;flex-wrap:wrap;gap:3px;margin-top:7px}.tag-suggestions .post-tag{border:0;min-height:30px;cursor:pointer}.thread-era{margin-left:3px}#selected-tag{font-size:12px;color:#507266}.tag-filter:focus-visible,.post-tag:focus-visible{outline:2px solid #ad694c;outline-offset:2px}
@media(max-width:760px){.tag-index{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-bottom:4px}.tag-filter{min-height:36px;flex-shrink:0}.tag-filter small{display:none}.tag-index-heading small{display:none}.tag-index-heading{margin-top:10px}.archive-table .post-tag{font-size:10px;max-width:75px}.article-tags .post-tag{min-height:34px}.tag-suggestions .post-tag{min-height:36px}#selected-tag{font-size:11px}}
/* Music reference pages share the community's paper, ink and quiet rhythm. */
.site-header{display:grid;grid-template-columns:1fr auto;height:auto;row-gap:14px;padding-top:20px;padding-bottom:0}.site-header .header-actions{grid-column:2;grid-row:1}.site-header nav{grid-column:1/-1;grid-row:2;display:flex;gap:32px;width:100%;justify-content:center;border-top:1px solid #e0e4db;padding-top:7px;overflow-x:auto;white-space:nowrap}.site-header nav a{padding:10px 0 13px;font-size:13px;flex-shrink:0}.home-reference-links{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#6b7d74;padding:14px 0 0}.home-reference-links a{text-decoration:none}.home-reference-links a:hover{text-decoration:underline}.reference-view{max-width:1120px;margin:auto;padding:42px 28px 100px}.reference-heading{border-bottom:1px solid #d3dbd1;padding-bottom:25px}.reference-heading .eyebrow{font-size:10px;letter-spacing:2px}.reference-heading>div{display:flex;align-items:end;justify-content:space-between;gap:18px}.reference-heading h1{font-size:38px;line-height:1.3;font-weight:500;letter-spacing:-1px;margin:12px 0}.reference-heading>p:last-child{font-size:14px;line-height:1.8;color:#6c7c78;max-width:650px;margin:0}.reference-count{font-size:10px;letter-spacing:1px;color:#7c8b81;padding-bottom:18px;white-space:nowrap}.reference-tabs{display:flex;gap:24px;overflow-x:auto;padding:20px 0 14px;border-bottom:1px solid #dce3d8}.reference-tabs a{color:#7c897c;font-size:13px;text-decoration:none;white-space:nowrap;padding-bottom:6px}.reference-tabs a.selected{color:#294d49;border-bottom:2px solid #294d49}.reference-filter{display:flex;align-items:end;gap:12px;padding:18px 0}.reference-filter label{margin:0;font-size:11px}.reference-filter select{display:block;margin-top:6px;background:#fff;border:1px solid #c5ced1;border-radius:4px;min-height:38px;padding:8px 12px;font:13px var(--sans);color:#284d48}.reference-filter input{margin-top:6px;min-height:38px;padding:6px 10px;font-size:14px}.reference-search{flex:1;max-width:360px}.reference-filter .button{padding:8px 18px;min-height:38px;font-size:12px}.reference-result{font-size:11px;color:#527264;display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #c8d5ca}.reference-result span{color:#8a9386}.release-card{display:grid;grid-template-columns:125px 1fr;gap:30px;padding:26px 4px;border-bottom:1px solid #dce3d8}.release-year{font-size:32px;line-height:1.2;font-weight:300;color:#8f9a88;font-variant-numeric:tabular-nums;letter-spacing:-1px}.release-year span{display:block;margin-top:9px;font-size:10px;letter-spacing:0;color:#718376}.release-info{min-width:0}.release-info h2{margin:0 0 8px;font-size:22px;font-weight:500;letter-spacing:-.4px;line-height:1.4}.release-info>p,.tour-event>div>p:not(.tour-location){font-size:13px;line-height:1.85;color:#6a7c73;margin:0;max-width:710px}.reference-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:14px}.reference-actions .text-button,.reference-source{font-size:11px;min-height:28px;line-height:1.5}.reference-source{color:#8b806c;text-decoration:none;display:inline-flex;align-items:center}.reference-source:hover{text-decoration:underline}.release-details{margin-top:12px;color:#687f75;font-size:12px}.release-details summary{cursor:pointer;max-width:200px;list-style:none;display:flex;gap:20px;align-items:center;min-height:30px}.release-details summary::-webkit-details-marker{display:none}.release-details[open] summary span{transform:rotate(45deg)}.release-details p{font-size:12px;line-height:1.9;margin:5px 0}.release-details small{font-size:10px;color:#8b938b}.reference-note{font-size:12px;color:#839080;line-height:1.8;margin:26px 0}.reference-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #d5dfd2;padding-top:18px;font-size:10px;color:#8b9686;margin-top:32px}.reference-footer a{font-size:12px;color:#566f61}.tour-timeline{margin-top:14px}.tour-event{display:grid;grid-template-columns:125px 1fr;gap:30px;position:relative;padding:22px 4px;border-top:1px solid #dce3d8}.tour-year{font-size:29px;color:#8b9985;font-weight:300}.tour-year>span{display:block;font-size:10px;letter-spacing:0;line-height:1.8}.tour-location{font-size:10px;color:#9a876d;margin:0 0 8px}.tour-event h2{font-size:21px;font-weight:500;margin:0 0 9px}.upcoming-badge{font-size:10px;border:1px solid #9ab195;color:#527e56;padding:3px 7px;border-radius:3px;margin-right:10px}.tour-event.upcoming{background:#edf3e6;padding:24px 18px;margin-top:12px;border-radius:5px;border-top:0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:22px 0}.guide-grid>a{padding:26px 20px;border-bottom:1px solid #d2dccd;border-right:1px solid #d2dccd;display:block;text-decoration:none;color:inherit;min-width:0}.guide-grid>a:nth-child(3n){border-right:0}.guide-grid>a:hover{background:#edf1e6}.guide-grid span{font-size:9px;letter-spacing:1px;color:#9c927c}.guide-grid h2{font-size:21px;font-weight:500;margin:16px 0 10px}.guide-grid p{font-size:12px;line-height:1.8;color:#778573;margin:0 0 20px}.guide-grid strong{font-size:12px;font-weight:400;color:#52715b}.band-section{display:flex;justify-content:space-between;gap:22px;padding:30px 0;border-bottom:1px solid #d2dccd;align-items:center}.band-section h2{font-size:23px;font-weight:500}.band-section p{font-size:12px;line-height:2;color:#7d8877}.band-section .text-button{font-size:11px}.guide-official{display:flex;flex-wrap:wrap;gap:25px;padding:25px 0;font-size:12px;color:#5d725d}.reference-empty{padding:35px 0;color:#7b8974;font-size:14px}
@media(max-width:760px){.site-header{padding:15px 18px 0;gap:10px}.site-header nav{justify-content:flex-start;gap:23px;grid-column:1/-1;padding-top:3px}.site-header nav a{font-size:12px;min-height:40px;padding:10px 0;display:flex;align-items:center}.site-header .header-actions{margin:0}.site-header .brand strong{font-size:23px}.site-header .login-link{font-size:12px;padding:6px}.reference-view{padding:25px 18px 90px}.reference-heading{padding-bottom:20px}.reference-heading h1{font-size:29px}.reference-heading>div{display:block}.reference-count{display:block;padding-bottom:10px;font-size:9px}.reference-heading>p:last-child{font-size:12px;line-height:1.8;word-break:keep-all}.reference-tabs{gap:22px;padding:16px 0 8px}.reference-tabs a{font-size:12px;min-height:34px;display:flex;align-items:center}.reference-filter{gap:8px;flex-wrap:wrap}.reference-filter select{font-size:16px;padding:7px;min-height:40px;max-width:130px}.reference-filter input{font-size:16px;min-height:40px}.reference-search{min-width:0;flex:1}.reference-filter .button{min-height:40px;padding:8px 10px}.reference-result{font-size:10px}.reference-result span{font-size:9px}.release-card,.tour-event{grid-template-columns:54px minmax(0,1fr);gap:15px;padding:22px 0}.release-year{font-size:23px}.release-year span{font-size:9px;line-height:1.6}.release-info h2,.tour-event h2{font-size:19px;overflow-wrap:anywhere}.release-info>p,.tour-event>div>p:not(.tour-location){font-size:12px;line-height:1.9}.reference-actions{gap:8px 14px;margin-top:9px}.reference-actions .text-button,.reference-source{min-height:36px;font-size:11px}.release-details summary{min-height:38px}.release-details p{font-size:11px}.reference-note{font-size:11px}.tour-year{font-size:23px}.tour-year>span{font-size:9px}.tour-event.upcoming{padding:20px 10px;gap:10px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid>a{padding:22px 12px}.guide-grid>a:nth-child(3n){border-right:1px solid #d2dccd}.guide-grid>a:nth-child(2n){border-right:0}.guide-grid h2{font-size:19px;line-height:1.5}.guide-grid p{font-size:11px}.guide-grid strong{font-size:11px}.band-section{display:block;padding:20px 0}.band-section .text-button{min-height:38px}.guide-official{gap:14px;font-size:11px}.home-reference-links{font-size:11px;gap:8px 15px}}

.board-filter-panel>summary{display:none}.board-filter-panel{margin:0}.board-filter-panel[open]>summary{margin-bottom:8px}@media(max-width:760px){.board-filter-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;font-size:12px;color:#526d66;cursor:pointer;padding:6px 8px;background:#ecf1e8;border-radius:3px;list-style:none}.board-filter-panel>summary::-webkit-details-marker{display:none}.board-filter-panel>summary:after{content:'＋';flex-shrink:0}.board-filter-panel[open]>summary:after{content:'−'}.board-filter-panel>summary span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;max-width:55%}.board-heading p{display:none}.board-heading{align-items:center;min-height:40px;gap:8px}.board-heading h1{margin:0}.board-heading>.button{align-self:center}.year-index{margin:6px 0}.tag-index-heading{margin-top:7px}}

.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.member-grid article{padding:23px 0;border-bottom:1px solid #d5dfd2}.member-grid article>span{font-size:10px;color:#8a937d}.member-grid h3{font-size:19px;font-weight:500;margin:10px 0}.member-grid h3 small{display:block;font-size:11px;color:#85907c;margin-top:5px}.member-grid p{font-size:12px;line-height:1.8;color:#74816c;max-width:400px}.side-project-section{padding:30px 0;border-bottom:1px solid #d5dfd2}.side-project-section h2{font-size:22px;font-weight:500}.side-project-section>a{display:flex;gap:20px;align-items:center;text-decoration:none;color:#567653;font-size:11px}.side-project-section strong{font-size:17px;font-weight:500}.side-project-section>a>span:last-child{margin-left:auto}@media(max-width:600px){.member-grid{grid-template-columns:1fr}.member-grid article{padding:20px 0}.side-project-section>a{flex-wrap:wrap;gap:10px}.side-project-section>a>span:last-child{margin-left:0}.member-grid .reference-source{min-height:38px}}

.compose-tag-picker{margin:-5px 0 18px;font-size:12px;color:#536b71}.compose-tag-picker summary{cursor:pointer;padding:6px 0}.compose-tag-picker .tag-suggestions{max-height:150px;overflow-y:auto;padding:4px}

/* Two reading densities, with summaries and a remembered reading trail. */
.thread-excerpt,.board-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.65;color:#62757e;margin-top:7px;max-width:100%}
.thread-title.is-read{color:#819095}.unread-comment{font:12px var(--sans);color:#996044;white-space:nowrap}.post-media-mark{font:15px var(--sans);color:#7b8e92;margin-left:5px;white-space:nowrap}
.list-view-toggle{display:flex;align-items:center;border:1px solid #cbd5d6;border-radius:6px;overflow:hidden;flex-shrink:0}.list-view-toggle button{font-size:13px;min-height:38px;padding:5px 11px;white-space:nowrap}.list-view-toggle button[aria-pressed=true]{background:#243e4c;color:#fff}
.archive-table[data-view=compact] .board-excerpt{display:none}.archive-table[data-view=preview] td{padding-top:12px;padding-bottom:12px;vertical-align:top}.board-quick-nav{flex-wrap:wrap}.thread-text h3{flex-wrap:wrap;column-gap:7px;row-gap:0}.thread-text h3 .thread-title{flex:1 1 auto}.board-excerpt:empty{display:none}
@media(max-width:760px){.board-summary{align-items:flex-start;gap:12px;flex-wrap:wrap}.board-quick-nav{width:100%;justify-content:flex-end;gap:8px}.list-view-toggle{margin-right:auto}.list-view-toggle button{font-size:13px;min-height:40px;padding:5px 10px}.archive-table[data-view=preview] tr{padding-top:12px;padding-bottom:12px}.archive-table[data-view=preview] .cell-title{padding-top:0;padding-bottom:4px}.board-excerpt{font-size:14px;line-height:1.6;margin-top:6px}.thread-row .post-media-mark{font-size:14px}.header-actions .nav-saved{font-size:13px}.rhk-caption,.rhk-status{font-size:13px}}

/* The community name stays legible across every automatic scene. */
.hero-copy .hero-identity{font-family:var(--sans,sans-serif);font-size:clamp(18px,2vw,25px);font-weight:600;letter-spacing:.025em;line-height:1.4;margin:0 0 24px;color:#fff;text-shadow:0 2px 14px rgba(10,25,35,.35)}
.hero-identity span{display:inline-block;font-size:.62em;font-weight:400;letter-spacing:.06em;margin-left:9px;opacity:.88}
@media(max-width:600px){.hero-copy .hero-identity{margin-bottom:18px;font-size:20px}.hero-identity span{margin-left:5px}}

/* Anonymous names fit narrow comment forms. */
.guest-name-input{display:flex;align-items:stretch;gap:6px;min-width:0;margin-top:8px}.guest-name-input input{min-width:0;flex:1}.guest-name-reroll{flex:0 0 44px;min-height:44px;border:1px solid #cbd7d7;border-radius:6px;background:#fff;color:#425e64;font-size:24px;cursor:pointer}.guest-name-reroll:hover{background:#e9efea}.guest-name-reroll:focus-visible{outline:2px solid #a9593e;outline-offset:2px}.guest-name-help{display:block;margin-top:6px;font-size:12px;line-height:1.5;font-weight:400;color:#647b80}.form-pair>label{min-width:0}

/* Band identity and verified media destinations. */
.radiohead-intro{max-width:1240px;margin:0 auto;padding:28px 0;display:grid;grid-template-columns:1fr 1.3fr auto;gap:22px;align-items:center;border-bottom:1px solid #d7e0d9}.radiohead-intro h2{font-size:23px;line-height:1.4;letter-spacing:-.04em}.radiohead-intro>p{font-size:14px;line-height:1.85;color:#506971;margin:0}.radiohead-intro .eyebrow{font-size:10px;margin-bottom:8px}.band-identity{padding:26px 0 38px;border-bottom:1px solid #d7e0d9;margin-bottom:32px}.band-identity>h2{font-size:32px;letter-spacing:-.04em}.identity-lead{font-size:16px;line-height:1.9;max-width:780px;color:#526d73}.identity-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}.identity-topic{border-top:2px solid #b16044;padding:22px 0 0}.identity-topic h3{font-size:20px;margin:0 0 12px}.identity-topic p{font-size:14px;line-height:1.85;color:#536e76}.identity-topic details{margin-top:12px;font-size:12px;color:#6c807f}.identity-topic summary{cursor:pointer}.media-links{margin:42px 0 16px;padding:26px;background:#edf1eb;border-radius:8px;display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center}.media-links h2{font-size:23px;letter-spacing:-.04em;margin:0 0 8px}.media-links p{font-size:13px;line-height:1.7;margin-bottom:0}.media-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-link{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border:1px solid #d5dfd5;background:#fff;text-decoration:none;border-radius:5px;font-size:13px}.media-link:hover{border-color:#b16044;color:#a05238}.media-link strong{font-weight:500}.player-media-links{display:flex;flex-wrap:wrap;gap:8px 16px;padding:16px 0;border-top:1px solid #d5dfd5;font-size:13px}.player-media-links a{min-height:36px;display:flex;align-items:center}.release-facts{font-size:12px;line-height:1.8;color:#647b7c}.release-facts small{display:block}.release-context{font-size:13px;line-height:1.9}.release-facts dt{font-weight:600}.release-facts dd{margin:0 0 8px}.release-tracklist{padding-left:22px;font-size:13px;line-height:1.85;columns:2;column-gap:24px}.release-tracklist li{break-inside:avoid;padding-left:3px}.tour-detail{font-size:13px;line-height:1.85}.tour-detail ul{padding-left:18px}.tour-detail details{margin:12px 0}.tour-detail summary{cursor:pointer}.tour-detail>p{margin:4px 0}.tour-detail .reference-source,.release-details .reference-source{display:block;margin:6px 0;overflow-wrap:anywhere}.reference-source{overflow-wrap:anywhere}
@media(max-width:1280px){.radiohead-intro{margin-left:24px;margin-right:24px}}
@media(max-width:700px){.radiohead-intro{grid-template-columns:1fr;gap:10px;padding:22px 0;margin-left:20px;margin-right:20px}.radiohead-intro h2{font-size:22px}.radiohead-intro>p{font-size:13px}.radiohead-intro>a{justify-self:start}.identity-topics{grid-template-columns:1fr;gap:24px}.band-identity>h2{font-size:25px}.identity-lead{font-size:14px}.media-links{grid-template-columns:1fr;padding:20px;gap:18px}.media-links h2{font-size:21px}.media-link-list{gap:7px}.media-link{font-size:12px;padding:10px}.release-tracklist{columns:1}}

/* RHKorea editorial refresh: music first, the archive within reach. */
:root{--paper:#f6f5f0;--ink:#203641;--accent:#a44d36;--line:#dce1da}
.site-header{max-width:1440px;row-gap:14px;padding-top:22px}
.site-header .brand strong{font-size:32px;letter-spacing:-1px;color:#203641}
.site-header .brand strong span{color:#203641}
.site-header .brand small{font-size:9px;letter-spacing:2.2px}
.site-header nav{justify-content:flex-start;gap:34px;border-color:#d9dfd9}
.site-header nav a{font-size:13px;color:#50656e}
.hero{height:438px;border-radius:3px;margin-top:12px;background:#1b3243}
.hero .hero-overlay{background:linear-gradient(90deg,#142c40e8 0%,#142c4070 58%,#142c4008 100%)}
.hero[data-phase] .hero-overlay{background:linear-gradient(90deg,#102638e8 0%,#17344680 52%,#18344710 100%)}
.hero-copy{top:43px;left:52px;right:38px}
.hero-copy .hero-identity{font:500 13px/1.4 var(--sans);letter-spacing:.025em;margin:0 0 21px;color:#f5f4e9}
.hero-identity span{font-size:12px;letter-spacing:.06em;margin-left:10px;opacity:.8}
.hero h1{font-family:var(--sans);font-weight:600;line-height:1.1;margin:0 0 19px;letter-spacing:-1px}
.hero-wordmark{display:block;font:900 clamp(58px,7.7vw,108px)/.95 Arial,Helvetica,sans-serif;letter-spacing:-.075em;margin-left:-5px;color:#f7f5e9}
.hero-korean{display:block;font:500 28px/1.5 var(--sans);letter-spacing:-1.1px;margin-top:16px}
.hero-copy>p.hero-description{font-size:14px;line-height:1.85;color:#f0f2ed;margin:0}
.hero-actions{gap:24px;margin-top:25px}
.hero-actions .button{min-width:143px;border-radius:2px;font-size:14px;padding:12px 17px;gap:30px}
.hero-listen{min-height:46px;padding:6px 0;color:#fff;font-size:14px}
.hero-listen:hover{text-decoration:underline;text-underline-offset:5px}
.hero-footnote{right:28px;bottom:22px;gap:1px;letter-spacing:2px;font-size:9px;text-shadow:0 1px 8px #102638}
.sky-bar{max-width:1216px;margin-top:7px;min-height:38px}
.sky-bar>button{font-size:11px;min-height:36px}
.sky-status{font-size:11px;gap:9px}.sky-status .moon-status{font-size:10px}
.poc-note{max-width:1216px;font-size:11px;margin-top:0;color:#738289}
.poc-tag{font-size:9px;padding:0 4px}
.home-shortcuts{max-width:1216px;margin:25px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #becbc5;border-bottom:1px solid #becbc5}
.home-shortcuts>a{display:flex;align-items:center;gap:14px;padding:19px 22px;min-width:0;border-right:1px solid #d6ded8;transition:background .18s}
.home-shortcuts>a:first-child{padding-left:0}.home-shortcuts>a:last-child{border:0;padding-right:0}
.home-shortcuts>a:hover{background:#e9ede5}
.shortcut-number{font:11px/1 monospace;color:#8d9d96;align-self:flex-start;margin-top:6px}
.home-shortcuts strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.4px}
.home-shortcuts div>span{display:block;margin-top:2px;font-size:11px;color:#73817f}
.home-shortcuts>a>span:last-child{margin-left:auto;color:#718a7f;font-size:19px}
.community-section{margin-top:37px}
.section-heading{margin-bottom:16px;align-items:end}
.section-heading .eyebrow{font:10px var(--sans);letter-spacing:2px;color:#8b7968}
.section-heading h2{font:600 28px/1.4 var(--sans);letter-spacing:-1px;margin-top:6px}
.section-heading .button{border-radius:3px;font-size:13px;padding:10px 18px}
.community-layout{grid-template-columns:minmax(0,1fr) 262px;gap:45px}
.feed-tabs{gap:26px}.feed-tabs button{font-size:14px;padding-bottom:11px}
.board-entry{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;background:#edf0e8;border:0;border-radius:2px;padding:11px 15px;margin:14px 0 0;font-size:12px}
.board-entry>span{color:#728578}.board-entry>strong{font-size:12px;font-weight:500;color:#3a5d51}
.feed-explainer{font-size:11px;padding:12px 0 4px;color:#6f8186}
.thread-row{padding:19px 0;gap:18px}.thread-row:hover{background:#edf0e8}
.thread-title{font-weight:600;font-size:17px;line-height:1.55;letter-spacing:-.45px}
.thread-excerpt{font-size:13px;line-height:1.7;color:#65777e;margin-top:5px}
.thread-meta{font-size:11px;margin-top:8px;color:#849294}
.thread-era,.new-label{font-size:10px}.thread-era{margin-left:0}
.thread-row .post-tag{font-size:10px;padding:2px 5px}.reply-count{font-size:12px}
.activity{font-size:11px;min-width:106px}.activity strong{font-size:10px;color:#8e705c}
.aside-note{background:#e8ede4;border-radius:3px;padding:24px}
.aside-note .eyebrow{font-size:9px;letter-spacing:1.6px;color:#748274}
.aside-note h3{font:600 21px/1.5 var(--sans);margin-top:13px;letter-spacing:-.7px}
.aside-note p:not(.eyebrow){font-size:12px;line-height:1.9;margin-top:10px;color:#627369}
.aside-note .text-button{font-size:12px;margin-top:13px;gap:12px;min-height:36px}
.year-card{padding:20px 0 16px;margin:0}.aside-label{font-size:12px;color:#5c746e}
.era-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}
.era-buttons button{font:15px/1.5 var(--sans);padding:8px 0;border-radius:2px;color:#405e57}
.year-card>a{margin-top:8px;font-size:11px;min-height:32px;color:#6b8174}
.aside-record{display:block;margin-top:22px}.aside-record>img{width:100%;aspect-ratio:1;object-fit:cover;border:6px solid #fff;box-shadow:0 8px 23px #283b3912}
.aside-record>span{display:block;font:9px/1.6 var(--sans);letter-spacing:1px;margin-top:11px;color:#8c7967}
.aside-record strong{display:flex;justify-content:space-between;font-size:12px;font-weight:500;margin-top:5px;color:#506e65}
.member-note{padding:20px 0;gap:11px}.member-note p{font-size:11px;line-height:1.85}.member-note strong{font-weight:500}
.story-section{margin-top:68px;padding:43px 0;gap:64px;grid-template-columns:1.15fr 1fr}
.history-contact-sheet{display:grid;grid-template-columns:1fr 1fr;gap:13px;min-width:0}
.story-section figure{margin:0;transform:none;box-shadow:0 4px 12px #1e35240a;padding:7px 7px 9px;background:#fff;border:1px solid #dce1d8;min-width:0}
.story-section figure:nth-child(2){transform:translateY(15px)}
.story-section img{aspect-ratio:259/197;object-fit:contain;width:100%;height:auto;background:#e3e9e1}
.story-section figcaption{font:8px/1.5 var(--sans);letter-spacing:1px;margin:8px 3px 0;color:#60716d}
.story-section h2{font:600 26px/1.5 var(--sans);letter-spacing:-1px;margin-top:10px}
.story-section p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:15px;color:#63756f}
.story-section .text-button{margin-top:12px;font-size:12px}
.album-section{margin-top:43px;margin-bottom:60px}
.album-heading{align-items:end}.album-heading h2{font:600 26px/1.5 var(--sans);letter-spacing:-.8px}
.album-heading .text-button{font-size:12px}
.album-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:23px}
.album-card{position:relative;display:block;min-width:0;transition:transform .2s;text-align:left}
.album-card:hover{transform:translateY(-4px)}
.album-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:7px solid #fff;box-shadow:0 8px 24px #20332b14}
.album-card>div{margin-top:15px;padding-right:20px}.album-card small{font:11px var(--sans);color:#947a62}
.album-card h3{font:600 25px/1.3 var(--english);letter-spacing:-.3px;margin-top:4px}
.album-card p{font-size:11px;line-height:1.7;margin-top:6px;color:#6b7e80}
.album-card>span{position:absolute;right:0;bottom:25px;display:block;font-size:19px;color:#7b8f83}
.article-card h1{font-family:var(--sans);font-weight:600;line-height:1.5;letter-spacing:-.8px}
.comments h2,.comment-form h3{font-family:var(--sans);font-weight:600}
dialog h2{font-family:var(--sans);font-weight:600;font-size:25px}
.site-footer{padding-top:24px}.footer-brand small{font-size:10px;letter-spacing:0}
@media(max-width:1360px){.home-shortcuts{margin-left:65px;margin-right:65px}}
@media(max-width:1080px){.home-shortcuts{margin-left:40px;margin-right:40px}.community-layout{gap:28px;grid-template-columns:minmax(0,1fr) 222px}.hero-copy{left:38px}.hero-wordmark{font-size:84px}.home-shortcuts>a{padding:17px 14px;gap:9px}.home-shortcuts strong{font-size:14px}.home-shortcuts div>span{font-size:10px}.story-section{gap:32px}}
@media(max-width:800px){.hero{height:410px;margin-top:8px}.hero-copy{left:28px;right:24px;top:40px}.hero-wordmark{font-size:clamp(42px,10.3vw,78px);letter-spacing:-.075em;margin-left:-2px}.hero-korean{font-size:25px;margin-top:19px}.hero-copy .hero-identity{font-size:12px;margin-bottom:24px}.hero-identity span{font-size:10px;margin-left:7px}.hero-copy>p.hero-description{font-size:13px}.hero-actions{margin-top:25px}.hero[data-phase] .hero-overlay{background:linear-gradient(90deg,#102638e0,#17344675 72%,#18344725)}.home-shortcuts{margin:18px 25px 0}.home-shortcuts>a{padding:16px 10px;gap:0}.shortcut-number{display:none}.home-shortcuts strong{font-size:13px}.home-shortcuts div>span{font-size:10px;line-height:1.6;max-width:125px}.home-shortcuts>a>span:last-child{display:none}.community-section{margin-top:27px}.community-layout{grid-template-columns:1fr}.section-heading h2{font-size:25px}.community-aside{display:none}.story-section{grid-template-columns:1fr 1fr;gap:28px;margin-top:45px;padding:35px 0}.history-contact-sheet{gap:7px}.story-section h2{font-size:22px}.story-section p:not(.eyebrow){font-size:12px}.album-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.album-card img{border-width:4px}.album-card h3{font-size:22px}.album-card>div{padding:0}.album-card>span{display:none}.album-card p{font-size:10px}.album-heading{display:flex}.sky-bar{margin-top:5px}.sky-status{font-size:10px}.poc-note{font-size:10px}.poc-tag{font-size:9px}.section-heading .button{font-size:12px;padding:9px 13px}}
@media(max-width:540px){.site-header{padding:17px 18px 0;row-gap:12px}.site-header .brand strong{font-size:27px}.site-header .brand small{font-size:8px;letter-spacing:1.2px}.site-header nav{gap:24px}.hero{margin:8px 12px 0;height:383px}.hero-copy{left:23px;right:20px;top:34px}.hero-wordmark{font-size:clamp(39px,10.5vw,57px);letter-spacing:-.07em}.hero-korean{font-size:23px;letter-spacing:-.9px;margin-top:21px;line-height:1.5}.hero-copy .hero-identity{font-size:11px;margin-bottom:25px}.hero-identity span{font-size:10px}.hero-copy>p.hero-description{font-size:12px;line-height:1.9}.hero h1{margin-bottom:17px}.hero-actions{gap:23px;margin-top:23px}.hero-actions .button{font-size:12px;min-width:128px;min-height:44px;padding:11px 14px}.hero-listen{font-size:12px}.hero-footnote{bottom:16px;right:19px;font-size:8px;letter-spacing:1.4px;flex-direction:row;gap:10px}.sky-bar{margin-left:20px;margin-right:20px;gap:4px}.sky-bar>button{font-size:10px;min-height:32px}.sky-status{gap:6px}.sky-symbol{font-size:14px}.poc-note{margin:1px 20px 0;font-size:10px;gap:6px}.home-shortcuts{margin:19px 20px 0}.home-shortcuts>a{padding:14px 9px;align-items:flex-start}.home-shortcuts strong{font-size:12px;line-height:1.5;letter-spacing:-.4px}.home-shortcuts div>span{font-size:9px;line-height:1.7;margin-top:4px;max-width:91px;word-break:keep-all}.community-section{margin:27px 20px 0}.section-heading{margin-bottom:13px}.section-heading h2{font-size:24px}.section-heading .eyebrow{font-size:9px}.feed-tabs{gap:22px}.feed-tabs button{font-size:13px;min-height:42px}.feed-explainer{font-size:10px;gap:7px}.board-entry{padding:10px 12px;margin-top:12px}.board-entry>span,.board-entry>strong{font-size:11px}.thread-row{align-items:flex-start;gap:10px;padding:17px 0}.thread-title{font-size:16px}.thread-excerpt{font-size:12px;line-height:1.75;max-width:100%}.thread-meta{font-size:10px;gap:7px;flex-wrap:wrap}.thread-row .activity{min-width:0;flex-basis:75px;font-size:10px;padding-top:3px}.activity strong{font-size:9px}.thread-row .post-tag{font-size:9px}.thread-era,.new-label{font-size:9px}.story-section{display:flex;flex-direction:column;align-items:stretch;gap:35px;margin:43px 20px 0;padding:28px 0}.history-contact-sheet{gap:12px;max-width:390px}.story-section h2{font-size:24px}.story-section p:not(.eyebrow){font-size:13px}.story-section figcaption{font-size:8px}.album-section{margin:32px 20px 45px}.album-heading{display:flex;flex-wrap:wrap;gap:8px}.album-heading h2{font-size:24px}.album-heading>.text-button{font-size:11px;margin:0;min-height:32px}.album-shelf{gap:14px;grid-template-columns:1fr;margin-top:20px}.album-card{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:17px;padding:0 0 14px;border-bottom:1px solid var(--line)}.album-card img{width:104px;height:104px;border-width:4px}.album-card>div{margin:0;padding:0}.album-card h3{font-size:25px;line-height:1.3}.album-card p{font-size:11px;margin-top:4px}.album-card small{font-size:10px}.article-card h1{font-size:25px}.site-footer{margin-left:20px;margin-right:20px}}
@media(prefers-reduced-motion:reduce){.home-shortcuts>a,.album-card{transition:none}.album-card:hover{transform:none}}

/* Override the earlier mobile layout, which used a padded relative hero and
   a growing activity column. Keep the heading and post text within the viewport. */
.hero-copy{position:absolute;width:auto;padding:0;bottom:auto;transform:none}
@media(max-width:800px){
 .hero-copy{position:absolute;width:auto;padding:0;bottom:auto;transform:none}
 .thread-row{display:block}
 .thread-row .thread-text{width:100%}
 .thread-row .activity{display:flex;flex:none;width:auto;min-width:0;max-width:none;text-align:left;align-items:center;justify-content:flex-start;gap:6px;margin-top:9px;padding:0;color:#7d8c8e}
 .thread-row .activity strong{display:inline;margin:0;font-size:10px}
 .thread-row h3{flex-wrap:nowrap;gap:7px;align-items:baseline}
 .thread-row .thread-title{display:inline;min-width:0;overflow-wrap:anywhere;flex:0 1 auto}
 .thread-row .reply-count{flex-shrink:0}
}
@media(max-width:540px){.hero{min-height:383px}.hero-copy{top:34px;left:23px;right:20px}.thread-row .activity{flex-basis:auto;font-size:10px}}
@media(max-width:540px){.site-header{column-gap:10px}.site-header .header-actions{gap:10px}.site-header .nav-saved{white-space:nowrap;font-size:11px}.site-header .login-link{white-space:nowrap;font-size:11px;padding:8px}}
@media(max-width:360px){.site-header .brand strong{font-size:24px}.site-header .brand small{font-size:7px;letter-spacing:1px}.site-header .header-actions{gap:7px}}
@media(max-width:360px){
 .board-quick-nav{display:grid;grid-template-columns:minmax(0,1fr) 70px 32px 32px;gap:6px;width:100%;align-items:center}
 .board-quick-nav .list-view-toggle{grid-column:1/3;grid-row:1;justify-self:start}
 .board-quick-nav>select{grid-column:3/5;grid-row:1;justify-self:end}
 #board-page-top{grid-column:1/3;grid-row:2;justify-self:end}
 #board-prev-top{grid-column:3;grid-row:2}#board-next-top{grid-column:4;grid-row:2}
}
