*{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#1a1a18;--ink2:#4a4a46;--ink3:#8a8a85;
  --paper:#f5f4f0;--paper2:#eeecea;
  --rule:rgba(26,26,24,0.12);--rule2:rgba(26,26,24,0.06);
  --serif:'Source Serif 4',Georgia,serif;
  --sans:'Source Serif 4',Georgia,serif;
  --mono:'Oswald','Helvetica Neue',sans-serif;
}
html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);height:100%}

/* Every screen is hidden by default and fills the viewport */
.screen{display:none;min-height:100vh;padding-top:53px}
.screen.on{display:block}

/* HOME is flex when shown */
#s-home{display:none;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 60px;text-align:center}
#s-home.on{display:flex}

.home-title{font-family:'Oswald',sans-serif;font-size:104px;font-weight:400;letter-spacing:-.01em;line-height:1;color:var(--ink);white-space:nowrap}
.home-subtitle{font-family:var(--mono);font-size:13px;letter-spacing:.2em;color:var(--ink);margin-top:28px}
.home-rule{width:1px;height:52px;background:var(--ink3);margin:48px auto}
/* TOP NAV */
.home-nav{position:fixed;top:0;left:0;right:0;height:53px;display:flex;align-items:center;justify-content:flex-end;gap:0;z-index:200;padding:0 28px;background:var(--ink);border-bottom:none}
.nav-link{font-family:'Oswald',sans-serif;font-size:16px;letter-spacing:.04em;text-transform:none;color:rgba(245,244,240,0.6);background:none;border:none;cursor:pointer;padding:6px 14px;transition:color .15s;text-decoration:none;line-height:1;display:inline-flex;align-items:center}
.nav-link:hover{color:#f5f4f0}
.nav-back{font-family:var(--mono);font-size:19px;line-height:1;color:rgba(245,244,240,0.6);background:none;border:none;cursor:pointer;padding:0 20px 0 0;display:flex;align-items:center;height:100%;margin-right:auto;transition:color .15s}
.nav-back:hover{color:#f5f4f0}
.nav-lang{font-family:'Oswald',sans-serif;font-size:16px;letter-spacing:.04em;text-transform:none;color:rgba(245,244,240,0.6);background:none;border:none;cursor:pointer;padding:6px 14px;transition:color .15s;margin-left:0}
.nav-lang:hover{color:#f5f4f0}
.nav-lang .lang-opt{opacity:.45}
.nav-lang .lang-opt.active{opacity:1;color:#f5f4f0}

/* DROPDOWN */
.nav-item{position:relative;display:flex;align-items:center;align-self:stretch}
.nav-item:hover .nav-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}
.nav-dropdown{position:absolute;top:100%;right:0;padding-top:8px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s;z-index:300}
.nav-dropdown-inner{background:var(--ink);border:0.5px solid rgba(245,244,240,0.15);min-width:160px}
.nav-dropdown button{font-family:'Oswald',sans-serif;font-size:16px;letter-spacing:.04em;text-transform:none;color:rgba(245,244,240,0.6);background:none;border:none;border-bottom:0.5px solid rgba(245,244,240,0.1);cursor:pointer;padding:12px 16px;width:100%;text-align:left;display:block;transition:background .12s,color .12s}
.nav-dropdown button:last-child{border-bottom:none}
.nav-dropdown button:hover{background:rgba(245,244,240,0.08);color:#f5f4f0}
.lang-choice{opacity:.6}
.lang-choice.active-lang{opacity:1;color:#f5f4f0}

/* HOME BUTTONS */
.home-btns{display:flex;flex-direction:column;gap:12px;width:260px}
.hbtn{font-family:var(--mono);font-size:14px;letter-spacing:.15em;padding:18px 28px;background:none;border:none;color:#000;cursor:pointer;text-align:center;display:block;width:100%;transition:color .15s}
.hbtn:hover{color:var(--ink3)}

/* TOPBAR inside each inner screen */
.srch-wrap{display:flex;align-items:center;gap:8px;padding:0 24px 0 0;margin-left:auto}
.srch-wrap input{font-family:var(--mono);font-size:11px;letter-spacing:.06em;background:none;border:none;border-bottom:0.5px solid var(--ink3);padding:4px 0;color:var(--ink);outline:none;width:180px}
.srch-wrap input::placeholder{color:var(--ink3)}
.srch-wrap input:focus{border-bottom-color:var(--ink)}
.srch-clear{font-family:var(--mono);font-size:10px;color:var(--ink3);background:none;border:none;cursor:pointer;display:none;padding:0}
.srch-clear:hover{color:var(--ink)}

/* ISSUES GRID */
.issues-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:20px 40px 40px}
.icard{border:0.5px solid var(--ink3);cursor:pointer;transition:background .15s,border-color .15s;display:flex;flex-direction:column;overflow:hidden}
.icard:hover{background:var(--paper2);border-color:var(--ink)}
.iph{width:100%;aspect-ratio:3/4;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;padding:10px}
.iph svg{width:100%;height:100%}
.iph img{width:100%;height:100%;object-fit:cover;display:block}
.icard-info{padding:14px 14px 12px}
.iname{font-family:var(--serif);font-size:13px;color:var(--ink);line-height:1.35}
.iyear{font-family:'Oswald',sans-serif;font-size:12px;color:var(--ink3);margin-top:4px}

/* ISSUE DETAIL */
.dlayout{display:grid;grid-template-columns:360px 1fr;column-gap:0;align-items:start}
.d-left{padding:40px 48px 40px 40px;display:flex;flex-direction:column}
.d-cover{width:100%;aspect-ratio:3/4;border:0.5px solid var(--rule);background:var(--paper2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.d-cover img{width:100%;height:100%;object-fit:cover;display:block}
.d-cover svg{width:100%;height:100%;opacity:.12}
.d-right{padding:40px 40px 40px 48px}
.mlbl{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.01em;text-transform:none;color:var(--ink3);margin-bottom:4px;margin-top:20px}
.mlbl:first-child{margin-top:0}
.mval{font-family:var(--serif);font-size:15px;color:var(--ink);line-height:1.4}
.mval.lg{font-size:19px}

.iss-action-bar{padding:28px 40px;display:flex;gap:12px;border-top:0.5px solid var(--rule)}
.dbtn{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.02em;text-transform:none;padding:14px 28px;background:none;border:0.5px solid var(--ink3);color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;text-align:center;text-decoration:none;display:inline-block}
.dbtn:hover{background:var(--paper2);border-color:var(--ink)}
.dbtn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* SEARCH PAGE */
.srch-page-wrap{padding:40px 40px 0;border-bottom:0.5px solid var(--rule)}
.srch-page-bar{display:flex;align-items:center;gap:12px;padding-bottom:20px}
.srch-page-bar input{font-family:var(--serif);font-size:20px;font-weight:400;background:none;border:none;outline:none;color:var(--ink);flex:1;letter-spacing:-.01em}
.srch-page-bar input::placeholder{color:var(--ink3)}
.srch-page-clear{font-family:var(--mono);font-size:10px;color:var(--ink3);background:none;border:none;cursor:pointer;padding:0;display:none;flex-shrink:0}
.srch-page-clear:hover{color:var(--ink)}

/* CONTENTS */
#cp-panel{padding:56px 40px 72px}
.rhd{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.01em;text-transform:none;color:var(--ink3);padding:22px 0 8px;margin-top:4px}
#cp-list > .rhd:first-child{border-top:none;padding-top:0}
.rhd:first-child{border-top:none;margin-top:0;padding-top:0}
.brow{padding:9px 0}
.baut{font-family:var(--serif);font-size:14px;color:var(--ink)}
.btit{font-family:var(--sans);font-size:12px;color:var(--ink2);margin-top:2px}
.btr{font-family:'Oswald',sans-serif;font-size:12px;color:var(--ink3);margin-top:2px}

/* BOOKS */
.bklist{padding:40px 40px 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px 20px}
.bkcard{cursor:pointer;display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start}
.bkcard:hover .bkph{border-color:var(--ink3)}
.bkcard:hover .bktit{color:var(--ink2)}
.bkph{width:100%;flex-shrink:0;aspect-ratio:2/3;border:0.5px solid var(--rule);background:var(--paper2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:border-color .15s}
.bkph svg{opacity:.14}
.bkph img{width:100%;height:100%;object-fit:cover;display:block}
.bkaut{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink3);margin-bottom:3px}
.bktit{font-family:var(--serif);font-size:17px;color:var(--ink);line-height:1.35;transition:color .15s}
.bkyear{font-family:var(--mono);font-size:10px;color:var(--ink3);letter-spacing:.07em}
.bkcard-info{display:flex;flex-direction:column;gap:4px;padding-top:2px}

/* BOOK DETAIL PAGE */
.bkd-layout{display:grid;grid-template-columns:360px 1fr;column-gap:0;align-items:start}
.bkd-left{padding:40px 48px 40px 40px;display:flex;flex-direction:column}
.bkd-cover{width:100%;aspect-ratio:2/3;border:0.5px solid var(--rule);background:var(--paper2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.bkd-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bkd-cover svg{opacity:.14}
.bkd-right{padding:40px 40px 40px 48px}
.bkd-author{font-family:var(--serif);font-size:15px;color:var(--ink2);margin-bottom:6px}
.bkd-title{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--ink);line-height:1.2;margin-bottom:24px}
.bkd-lbl{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.01em;text-transform:none;color:var(--ink3);margin-top:18px;margin-bottom:3px}
.bkd-lbl:first-child{margin-top:0}
.bkd-val{font-family:var(--serif);font-size:14px;color:var(--ink);line-height:1.45}
.bkd-meta-line{margin-top:16px;color:var(--ink2)}
.bkd-info{font-family:var(--sans);font-size:13px;color:var(--ink2);line-height:1.55;margin-top:6px}
.bkd-info-spaced{margin-top:24px}
.bkd-btns{display:flex;gap:12px;margin-top:24px;padding-left:40px}
.bkd-btn{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.02em;text-transform:none;padding:13px 24px;border:0.5px solid var(--ink);color:var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;cursor:pointer;transition:opacity .15s;white-space:nowrap;display:inline-block}
.bkd-btn:hover{opacity:.8}
.bkd-btn-ghost{background:none;color:var(--ink)}

.bkmet{font-family:'Oswald',sans-serif;font-size:13px;color:var(--ink3);line-height:1.55;margin-top:6px}
.bkinf{font-family:var(--sans);font-size:12px;color:var(--ink2);margin-top:10px;line-height:1.65;max-width:540px}
.bkpdf{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink3);text-decoration:none;border-bottom:0.5px solid var(--ink3);padding-bottom:1px;margin-top:10px;display:inline-block}
.bkpdf:hover{color:var(--ink);border-bottom-color:var(--ink)}

/* SEARCH */
.srbody{padding:0 40px 60px}
.sr-empty{font-family:var(--mono);font-size:11px;color:var(--ink3);letter-spacing:.1em;padding:40px 0}
.sr-role{font-family:var(--serif);font-size:19px;font-weight:400;color:var(--ink);margin:36px 0 0;padding-bottom:10px}
.sr-jlbl{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.01em;text-transform:none;color:var(--ink3);margin:20px 0 6px}
.sr-name{font-family:var(--serif);font-size:15px;color:var(--ink);margin:14px 0 4px}
.sr-row{display:flex;gap:14px;padding:7px 0;cursor:pointer;align-items:baseline}
.sr-row:hover{background:var(--paper2);margin:0 -6px;padding:7px 6px}
.sr-t{font-family:var(--sans);font-size:13px;color:var(--ink2);flex:1}
.sr-i{font-family:var(--mono);font-size:10px;color:var(--ink3);white-space:nowrap}
.sr-brow{padding:10px 0}
.sr-bt{font-family:var(--serif);font-size:14px;color:var(--ink)}
.sr-bm{font-family:'Oswald',sans-serif;font-size:12px;color:var(--ink3);margin-top:3px}
.hl{background:rgba(26,26,24,.11);border-radius:1px}

/* AUTHOR PAGE */
#s-author .srbody{padding:0 40px 60px}
.author-name{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--ink);padding:40px 40px 24px;border-bottom:0.5px solid var(--ink)}
.baut.clickable{cursor:pointer;border-bottom:0.5px solid transparent;transition:border-color .15s,color .15s}
.baut.clickable:hover{color:var(--ink2);border-bottom-color:var(--ink3)}

/* JOURNAL TAB BAR */
/* DIALOGUES PAGE */
.dial-wrap{padding:40px 40px 60px}
.dial-page-title{font-family:'Oswald',sans-serif;font-size:32px;font-weight:400;color:var(--ink);margin-bottom:20px}
.dial-page-desc{font-family:var(--sans);font-size:17px;color:var(--ink);line-height:1.6;white-space:pre-line;margin-bottom:20px}
.dial-list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}
.dial-card{border:0.5px solid var(--rule);display:flex;flex-direction:column}
.dial-body{padding:18px 20px 20px}
.dial-video{position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden;display:flex;align-items:center;justify-content:center}
.dial-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dial-thumb{position:absolute;inset:0;display:block}
.dial-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dial-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(26,26,24,.78);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:18px;padding-left:4px;transition:background .15s,transform .15s}
.dial-thumb:hover .dial-play{background:rgba(26,26,24,.95);transform:translate(-50%,-50%) scale(1.06)}
.dial-desc.clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.dial-more{font-family:'Oswald',sans-serif;font-size:13px;color:var(--ink3);background:none;border:none;cursor:pointer;padding:6px 0 0;letter-spacing:.02em}
.dial-more:hover{color:var(--ink)}
.dial-video img{width:100%;height:100%;object-fit:cover;display:block}
.dial-cover-ph{font-family:var(--mono);font-size:10px;color:var(--ink3);letter-spacing:.1em}
.dial-title{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--ink);margin-bottom:8px;line-height:1.3}
.dial-date{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.01em;text-transform:none;color:var(--ink3);margin-bottom:10px}
.dial-desc{font-family:var(--sans);font-size:14px;color:var(--ink2);line-height:1.6;white-space:pre-line}

/* ARCHIVE PAGE */
.archive-wrap{padding:40px 40px 60px}
.archive-title{font-family:'Oswald',sans-serif;font-size:32px;font-weight:400;color:var(--ink);margin-bottom:40px}
.archive-sections{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;padding-top:36px}
.archive-section{padding-bottom:48px}
.archive-section-title{font-family:'Oswald',sans-serif;font-size:20px;font-weight:400;color:var(--ink);margin-bottom:10px}
.archive-section-note{font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--ink);margin-bottom:28px}
.archive-section-body{font-family:var(--sans);font-size:13px;color:var(--ink3);line-height:1.55}
.compass-wrap{padding:0 40px 60px}
.compass-entry{padding:48px 0}
.compass-entry:last-child{border-bottom:none}

/* Row 1: cover left, title right */
.compass-row1{display:grid;grid-template-columns:220px 1fr;gap:0 48px;align-items:start;margin-bottom:32px}
.compass-cover{width:220px;aspect-ratio:3/4;border:0.5px solid var(--rule);background:var(--paper2);overflow:hidden;display:flex;align-items:center;justify-content:center}
.compass-cover img{width:100%;height:100%;object-fit:cover;display:block}
.compass-year{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.01em;text-transform:none;color:var(--ink3);margin-bottom:16px}
.compass-title{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--ink);line-height:1.3;white-space:pre-line}

/* Row 2: undercover caption — full width, below cover */
.compass-caption{font-family:var(--mono);font-size:10px;color:var(--ink3);letter-spacing:.08em;margin-top:10px;text-align:center;width:220px}

/* Row 3: judges + committee side by side */
.compass-row3{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin:32px 0}
.compass-section-lbl{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.01em;text-transform:none;color:var(--ink3);margin-bottom:12px}
.compass-judges{font-family:var(--sans);font-size:13px;color:var(--ink2);line-height:1.55;white-space:pre-line}
.compass-committee{font-family:var(--sans);font-size:13px;color:var(--ink2);line-height:1.55;white-space:pre-line}

/* Row 4: description */
.compass-desc{font-family:var(--sans);font-size:13px;color:var(--ink2);line-height:1.55;white-space:pre-line;margin:28px 0 16px}

/* Row 5: winners */
.compass-winners-lbl{font-family:'Oswald',sans-serif;font-size:22px;font-weight:400;color:var(--ink);margin-bottom:14px}
.compass-winners{font-family:var(--sans);font-size:13px;color:var(--ink2);line-height:1.6;white-space:pre-line}
.compass-winners strong{font-family:var(--serif);font-size:15px;color:var(--ink);display:block;margin-bottom:2px}
.j-header{display:flex;align-items:flex-start}
.j-header-cover{flex:0 0 280px;box-sizing:border-box;padding:40px 48px 40px 40px}
.j-header-cover img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border:0.5px solid var(--rule)}
.j-header-info{flex:1;min-width:0;padding:40px 40px 20px 0}
.j-header.no-cover .j-header-cover{display:none}
.j-header.no-cover .j-header-info{padding-left:40px}
.j-header-title{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--ink);margin-bottom:20px}
.j-header-desc{font-family:var(--sans);font-size:17px;color:var(--ink);line-height:1.6}

.j-tabs{display:flex;gap:10px;padding:0 40px}
.j-tab{font-family:var(--mono);font-size:14px;letter-spacing:.08em;padding:10px 24px;background:none;border:0.5px solid var(--ink3);color:var(--ink2);cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-decoration:none;display:inline-block}
.j-tab:hover{color:var(--ink);background:var(--paper2)}
.j-tab.on{color:var(--paper);background:var(--ink2);border-color:var(--ink2)}

.sr-auth{color:var(--ink2);font-style:normal}
.sr-rub{color:var(--ink3);font-size:10px;font-family:var(--mono);letter-spacing:.06em}
/* TRANSLATOR LIST */
.trans-list{padding:8px 0}
.trans-entry{padding:16px 0}
.trans-entry:last-child{border-bottom:none}
.trans-name{font-family:var(--serif);font-size:15px;color:var(--ink);cursor:pointer;display:inline-block;margin-bottom:8px;border-bottom:0.5px solid transparent;transition:border-color .15s,color .15s}
.trans-name:hover{color:var(--ink2);border-bottom-color:var(--ink3)}
.trans-works{padding-left:2px}
.tw-row{padding:3px 0;line-height:1.45}
.tw-author{font-family:var(--serif);font-size:12px;color:var(--ink2)}
.tw-title{font-family:var(--sans);font-size:12px;color:var(--ink2)}
.tw-rubric{font-family:var(--mono);font-size:10px;color:var(--ink3);letter-spacing:.06em}

/* PEOPLE LIST */
.people-panel{display:none;padding:20px 40px 60px}
.people-panel.open{display:block}
.plist{columns:2;column-gap:40px;margin-top:8px}
.pitem{font-family:var(--serif);font-size:14px;color:var(--ink);padding:8px 0;cursor:pointer;break-inside:avoid;display:block;transition:color .15s}
.pitem:hover{color:var(--ink2)}

/* AUTHOR PAGE */
.author-name-hd{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--ink);padding:40px 40px 24px;border-bottom:0.5px solid var(--ink)}
.baut.clickable{cursor:pointer;border-bottom:0.5px solid transparent;transition:border-color .15s,color .15s}
.baut.clickable:hover{color:var(--ink2);border-bottom-color:var(--ink3)}

/* ISSUE ACTION BAR */
.iss-action-bar{border-top:0.5px solid var(--rule);padding:28px 40px;display:flex;align-items:center;gap:12px}
.iss-action-bar .dbtn{border:0.5px solid var(--rule);padding:13px 24px}
.iss-action-bar .dbtn:hover{background:var(--paper2);border-color:var(--ink3)}
.iss-action-bar .dbtn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* SEARCH PAGE */
.srch-page-wrap{padding:40px 40px 0;border-bottom:0.5px solid var(--rule)}
.srch-page-bar{display:flex;align-items:center;gap:12px;padding-bottom:20px}
.srch-page-bar input{font-family:var(--serif);font-size:20px;font-weight:400;background:none;border:none;outline:none;color:var(--ink);flex:1;letter-spacing:-.01em}
.srch-page-bar input::placeholder{color:var(--ink3)}
.srch-page-clear{font-family:var(--mono);font-size:10px;color:var(--ink3);background:none;border:none;cursor:pointer;padding:0;display:none;flex-shrink:0}
.srch-page-clear:hover{color:var(--ink)}

@media(max-width:640px){
  .plist{columns:1}
  .people-panel{padding:20px 20px 40px}
  .j-tabs{padding:0 20px;gap:8px}
  .j-tab{padding:8px 14px;font-size:13px}
  .author-name-hd{padding:24px 20px 16px}
  .srch-page-wrap{padding:20px 20px 0}
  .srch-page-bar input{font-size:16px}
  .issues-grid{gap:8px;padding:16px}
  #cp-panel{padding:24px 20px 40px}
  .bklist,.srbody,#s-author .srbody{padding:0 20px 40px}
  .author-name{padding:24px 20px 16px}
  .bklist{padding:28px 20px 60px;grid-template-columns:repeat(2,1fr);gap:32px 20px}
  .home-nav{padding:0 16px}
  .nav-link{padding:4px 8px}
  .dbtn{padding:14px 20px}
}

/* ═══ Added in the multi-page split ═══ */
/* Real links replace onclick handlers — inherit the card/row styling */
a.icard,a.bkcard,a.pitem,a.sr-row,a.baut{color:inherit;text-decoration:none}
a.hbtn{text-decoration:none}
a.tr-link{color:inherit;text-decoration:none;cursor:pointer;border-bottom:0.5px solid transparent;transition:border-color .15s}
a.tr-link:hover{border-bottom-color:var(--ink3)}

/* Former inline styles — home footer */
.home-footer{position:fixed;bottom:0;left:0;right:0;background:var(--ink);padding:18px 40px;display:flex;align-items:center;justify-content:space-between;z-index:100}
.home-footer span{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:rgba(245,244,240,0.4)}
.home-footer .hf-center{position:absolute;left:50%;transform:translateX(-50%)}

/* Former inline styles — nav divider, compass heading, misc */
.nav-divider{color:rgba(245,244,240,0.2);padding:0 4px 0 0}
.compass-head{padding:40px}
.compass-head-title{font-family:'Oswald',sans-serif;font-size:32px;font-weight:400;color:var(--ink);line-height:1.2;margin-bottom:0}
.compass-tabs-bar{position:sticky;top:53px;z-index:50;background:var(--paper);padding:14px 40px;flex-wrap:wrap}
.compass-body{padding-top:40px}
.compass-read-row{margin-top:14px}
.tab-filler{flex:1}
.cover-fill{width:100%;height:100%;object-fit:cover;display:block}
.cp-empty{font-family:var(--mono);font-size:11px;color:var(--ink3);padding:16px 0}
.sr-pad{padding-top:8px}
.mval.rich{font-size:13px;line-height:1.6}

/* About / Oleg pages */
.about-wrap{max-width:760px;margin:0 auto;padding:40px 40px 80px}
.about-title{font-family:'Oswald',sans-serif;font-size:32px;font-weight:400;color:var(--ink);line-height:1.2;margin-bottom:28px}
.about-text{font-family:var(--serif);font-size:18px;line-height:1.6;color:var(--ink);white-space:pre-line;margin-bottom:32px}
.about-mail{padding-top:24px}
.about-mail .j-tab{font-size:15px;padding:11px 24px;display:inline-block}
.about-mail a{color:inherit}

/* Archive lists (Media / Events, rendered from data) */
.arch-item{padding:14px 0}
.arch-item-date{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink3);margin-bottom:4px}
.arch-item-title{font-family:var(--serif);font-size:14px;color:var(--ink);line-height:1.45}
.arch-item-title a{color:inherit;text-decoration:none;border-bottom:0.5px solid var(--rule);transition:border-color .15s}
.arch-item-title a:hover{border-bottom-color:var(--ink)}
.arch-item-text{font-family:var(--sans);font-size:12px;color:var(--ink3);line-height:1.6;margin-top:6px;white-space:pre-line}
.arch-cat{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink2);margin:22px 0 4px}

/* ═══ Home page keeps the original typography ═══ */
body[data-page="home"] .home-title{font-family:'Source Serif 4',Georgia,serif}
body[data-page="home"]{--serif:'Georgia','Times New Roman',serif;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif}
body[data-page="home"] .home-subtitle{font-family:'Courier New',monospace;text-transform:uppercase}
body[data-page="home"] .hbtn{text-transform:uppercase}

/* ═══ Issue page: cover + metadata card + description + tab actions ═══ */
.iss-top{display:flex;gap:40px;align-items:stretch;padding:40px 40px 0}
.iss-cover-col{flex:0 0 320px}
.iss-card{flex:1;min-width:0;background:var(--ink2);padding:28px 32px;display:flex;flex-direction:column}
.iss-rows{display:grid;grid-template-columns:max-content 1fr;gap:14px 36px;align-content:start}
.iss-card .mlbl{margin:0;align-self:baseline;color:rgba(245,244,240,0.6);font-size:14px}
.iss-card .mval{align-self:baseline;color:var(--paper);font-size:16px}
.iss-card-desc{margin-top:auto;padding-top:16px;font-family:var(--sans);font-size:16px;line-height:1.55;color:var(--paper)}
.iss-actions{display:flex;gap:10px;padding:20px 40px 0}
@media(max-width:640px){
  .iss-top{flex-direction:column;gap:20px;padding:20px 20px 0}
  .iss-cover-col{flex:none;width:200px}
  .iss-card{padding:20px}
  .iss-rows{grid-template-columns:1fr;gap:4px}
  .iss-card .mlbl{margin-top:12px}
  .iss-actions{padding:16px 20px 0}
}

/* ═══ Compass: all years stacked, sticky year bar ═══ */
.compass-sec{scroll-margin-top:126px;padding-bottom:40px}
.compass-sec + .compass-sec{padding-top:32px}

@media(max-width:900px){.dial-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.dial-list{grid-template-columns:1fr}}

/* ═══ Book page: split hero + centered metadata band ═══ */
.bk-hero{display:flex;align-items:stretch;height:calc(100vh - 53px);position:relative}
.bk-hero-cover{flex:0 0 50%;box-sizing:border-box;background:var(--paper2);padding:7.5%;display:flex;align-items:center;justify-content:center}
.bk-hero-cover .d-cover{height:100%;width:auto;max-width:100%;aspect-ratio:3/4}
.bk-hero-info{flex:1;min-width:0;box-sizing:border-box;padding:7.5% 48px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px}
.bk-author{font-family:'Oswald',sans-serif;font-size:16px;letter-spacing:.05em;color:var(--ink2);text-decoration:none;display:inline-block}
.bk-author:hover{color:var(--ink);text-decoration:underline}
.bk-title{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.25;color:var(--ink)}
.bk-desc{font-family:var(--sans);font-size:17px;line-height:1.55;color:var(--ink2)}
.bk-hero-btns{display:flex;gap:10px}
.bk-hero-btns .j-tab{font-size:16px}
.bk-metaband{background:var(--ink2);padding:48px 40px}
.bk-metagrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.bk-metagrid .mlbl{margin:0;text-align:right;color:rgba(245,244,240,0.6);font-size:14px;align-self:baseline}
.bk-metagrid .mval{text-align:left;color:var(--paper);font-size:16px;align-self:baseline;overflow-wrap:break-word}
@media(max-width:640px){
  .bk-hero{flex-direction:column;height:auto}
  .bk-hero-cover{flex:none;padding:10%}
  .bk-hero-cover .d-cover{height:auto;width:75%;max-width:none}
  .bk-hero-info{padding:32px 20px 40px;justify-content:flex-start;gap:20px}
  .bk-metaband{padding:32px 20px}
}

/* ═══ Issue hero lines + centered contents ═══ */
.ih-city{font-family:'Oswald',sans-serif;font-size:16px;letter-spacing:.05em;color:var(--ink2)}
.ih-line{font-family:var(--sans);font-size:17px;line-height:1.5;color:var(--ink)}
.ih-lbl{font-family:'Oswald',sans-serif;font-size:15px;color:var(--ink3);margin-right:6px}
.cp-inner{max-width:760px;margin:0 auto;text-align:center}
.cp-head{font-family:'Oswald',sans-serif;font-size:20px;color:var(--ink);margin-bottom:24px}

/* No-description issues: 25% larger type, tighter distribution */
.bk-hero-info.no-desc .bk-title{font-size:42px}
.bk-hero-info.no-desc .ih-city{font-size:20px}
.bk-hero-info.no-desc .ih-line{font-size:21px}
.bk-hero-info.no-desc .ih-lbl{font-size:19px}
.bk-hero-info.no-desc .bk-hero-btns .j-tab{font-size:20px}

/* ═══ Scroll hint on hero pages ═══ */
.scroll-hint.gone{animation:none;opacity:0}
.scroll-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font-family:'Oswald',sans-serif;font-size:26px;color:var(--ink3);opacity:0;pointer-events:none;transition:opacity .4s;animation:hintPop 2.6s ease-out .5s forwards}
@keyframes hintPop{
  0%{opacity:0;transform:translateX(-50%) translateY(10px)}
  16%{opacity:.85;transform:translateX(-50%) translateY(0)}
  34%{transform:translateX(-50%) translateY(8px)}
  50%{transform:translateX(-50%) translateY(0)}
  66%{transform:translateX(-50%) translateY(8px)}
  82%{transform:translateX(-50%) translateY(0)}
  100%{opacity:.35;transform:translateX(-50%) translateY(0)}
}
/* ═══ Archive placeholders ═══ */
.wip{font-family:'Oswald',sans-serif;font-size:16px;color:var(--ink3);padding:8px 0 4px}
/* ═══ Oleg page follows the content-page conventions ═══ */

/* ═══ Issue description clamp / hero expansion ═══ */
.bk-desc-wrap{min-width:0}
#iss-hero > *{flex-shrink:0}
.bk-desc.clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.bk-hero.hero-expanded{height:auto;min-height:calc(100vh - 53px)}
.bk-hero.hero-expanded .bk-hero-cover .d-cover{height:auto;width:100%}

/* ═══ Hero description overflow: clamp + expand ═══ */
.bk-hero.expanded{height:auto;min-height:calc(100vh - 53px)}
.bk-desc.clamped{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.ih-more{font-family:'Oswald',sans-serif;font-size:14px;color:var(--ink3);background:none;border:none;cursor:pointer;padding:0;letter-spacing:.02em;text-align:left}
.ih-more:hover{color:var(--ink)}

/* ═══ Generic project sections ═══ */
.sec-img{aspect-ratio:16/9;background:var(--paper2);overflow:hidden}
.sec-img img{width:100%;height:100%;object-fit:cover;display:block}
.sec-line{font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--ink2);margin-bottom:4px}
.sec-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sec-chips .j-tab{font-size:13px;padding:7px 16px}

/* ═══ Archive items with uploaded covers / PDFs ═══ */
.arch-item-img{max-width:280px;margin-bottom:10px;background:var(--paper2)}
.arch-item-img img{width:100%;display:block}
.arch-item-links{margin-top:10px}
.arch-item-links .j-tab{font-size:13px;padding:7px 16px}

/* ═══ Events page ═══ */
.ev-wrap{padding:20px 40px 60px}
.ev-cat-head{margin-bottom:28px;max-width:820px}
.ev-cat-title{font-family:'Oswald',sans-serif;font-size:20px;color:var(--ink);margin-bottom:10px}
.ev-cat-desc{font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--ink)}
a.dial-card{color:inherit;text-decoration:none;transition:border-color .15s}
a.dial-card:hover{border-color:var(--ink3)}
a.dial-card .dial-title{transition:color .15s}
a.dial-card:hover .dial-title{color:var(--ink)}
.ev-cover-img{width:100%;height:auto;display:block}
.ev-info{justify-content:flex-start;gap:18px}
.ev-plain{padding:56px 40px 60px;display:flex;flex-direction:column;align-items:flex-start;gap:26px;text-align:left}
.ev-plain .bk-title{margin-bottom:0}
@media(max-width:640px){.ev-wrap{padding:16px 20px 40px}}

/* ═══ Image carousel ═══ */
.ev-gallery-wrap{padding:40px}
.carousel{position:relative;max-width:1000px;margin:0 auto}
.car-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.car-track::-webkit-scrollbar{display:none}
.car-slide{flex:0 0 100%;scroll-snap-align:start;background:var(--paper2)}
.car-slide img{width:100%;max-height:70vh;object-fit:contain;display:block}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;cursor:pointer;background:rgba(26,26,24,.72);color:var(--paper);font-family:'Oswald',sans-serif;font-size:22px;line-height:1;transition:background .15s}
.car-btn:hover{background:rgba(26,26,24,.92)}
.car-prev{left:10px}
.car-next{right:10px}
.car-dots{display:flex;gap:8px;justify-content:center;margin-top:14px}
.car-dot{width:8px;height:8px;padding:0;border:0.5px solid var(--ink3);background:none;border-radius:50%;cursor:pointer;transition:background .15s}
.car-dot.on{background:var(--ink2);border-color:var(--ink2)}
@media(max-width:640px){.ev-gallery-wrap{padding:20px}.car-btn{width:32px;height:32px;font-size:18px}}

/* ═══ Oleg Woolf page ═══ */
.oleg-head{display:flex;gap:40px;align-items:flex-start;padding:40px 40px 24px}
.oleg-photo{flex:0 0 260px;background:var(--paper2)}
.oleg-photo img{width:100%;display:block}
.oleg-head-text{flex:1;min-width:0}
.oleg-name{font-family:var(--serif);font-size:30px;font-weight:400;color:var(--ink);margin-bottom:16px}
.oleg-bio{font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--ink)}
/* the switch and the section bar both span half the viewport, so the two
   rows read as one block however many sections a side has */
.oleg-switch{display:flex;gap:10px;padding:0 40px 20px;width:calc(50vw + 80px);box-sizing:border-box}
.oleg-big{flex:1 1 0;min-width:0;font-size:15px;line-height:1.3;padding:13px 14px;text-align:center}
#oleg-tabs{padding:14px 40px}
.oleg-tabs-inner{display:flex;gap:8px;width:50vw;box-sizing:border-box}
.oleg-tabs-inner .j-tab{flex:1 1 0;min-width:0;font-size:13px;line-height:1.3;padding:9px 8px;text-align:center;letter-spacing:.02em}
.oleg-wrap{padding:24px 40px 60px}
.oleg-sec{scroll-margin-top:126px;padding-bottom:22px}
.oleg-sec + .oleg-sec{padding-top:14px}
.oleg-sec-title{font-family:'Oswald',sans-serif;font-size:20px;color:var(--ink);margin-bottom:18px}
.ol-subsec{margin-bottom:26px}
.ol-subsec:last-child{margin-bottom:0}
.ol-subsec-title{font-family:'Oswald',sans-serif;font-size:14px;color:var(--ink3);margin-bottom:10px}
.ol-item{padding:9px 0}
.ol-title{font-family:var(--serif);font-size:16px;line-height:1.4;color:var(--ink)}
.ol-title a{color:inherit;text-decoration:none;border-bottom:0.5px solid var(--ink3)}
.ol-title a:hover{border-bottom-color:var(--ink)}
.ol-note{font-family:var(--sans);font-size:13px;line-height:1.6;color:var(--ink2);margin-top:3px}
@media(max-width:1000px){
  .oleg-switch{width:100%}
  .oleg-tabs-inner{width:calc(100vw - 80px)}
}
@media(max-width:640px){
  .oleg-head{flex-direction:column;gap:20px;padding:20px 20px 16px}
  .oleg-photo{flex:none;width:60%}
  .oleg-switch{padding:0 20px 16px}
  .oleg-wrap{padding:16px 20px 40px}
  .oleg-big{font-size:14px;padding:10px 12px}
  #oleg-tabs{padding:10px 20px}
  .oleg-tabs-inner{width:calc(100vw - 40px);flex-wrap:wrap}
  .oleg-tabs-inner .j-tab{flex:1 1 40%}
}

/* issue subtitle + a caption line under a journal-list heading */
.iss-subtitle{font-family:var(--sans);font-size:17px;line-height:1.4;color:var(--ink2);font-style:italic}
.bk-hero-info.no-desc .iss-subtitle{font-size:21px}
.ol-subsec-note{font-family:var(--sans);font-size:13px;line-height:1.6;color:var(--ink2);margin:-4px 0 10px}

/* a category logo beside its description */
.ev-cat-head.has-logo{display:flex;gap:28px;align-items:flex-start}
.ev-cat-logo{flex:0 0 26%;max-width:260px}
.ev-cat-logo img{width:100%;height:auto;display:block}
.ev-cat-text{flex:1;min-width:0}
/* roomier event cards */
.ev-card .dial-body{padding:22px 22px 24px}
.ev-card .dial-title{margin-bottom:12px}
.ev-card .dial-date{margin-bottom:16px}
.ev-card .dial-desc{line-height:1.7}
.ev-info{gap:26px}
@media(max-width:640px){
  .ev-cat-head.has-logo{gap:16px}
  .ev-cat-head.has-logo{gap:16px}
  .ev-cat-logo{flex:0 0 34%;max-width:120px}
}

/* ═══ Footer on every page ═══ */
.site-footer{position:relative;background:var(--ink);padding:18px 40px;display:flex;align-items:center;justify-content:space-between;margin-top:40px}
.site-footer span{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:rgba(245,244,240,0.4)}
.site-footer .hf-center{position:absolute;left:50%;transform:translateX(-50%)}
@media(max-width:640px){
  .site-footer{padding:14px 20px}
  .site-footer .hf-center{display:none}
}

/* search: sub-headings inside a person's block, and the overflow note */
.sr-sub{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.03em;color:var(--ink3);margin:14px 0 4px}
.sr-more{font-family:'Oswald',sans-serif;font-size:12px;color:var(--ink3);padding:8px 0 2px}

/* Compass: page description under the title */
.compass-head-desc{font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--ink);margin-top:20px;white-space:pre-line}
@media(max-width:640px){.compass-head-desc{font-size:15px;margin-top:16px}}

/* ═══ Links inside editable text are black, like the rest of the type ═══ */
a.rlink{color:var(--ink);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:0.5px}
a.rlink:hover{color:var(--ink2)}

/* About page photo */
.about-photo{margin-bottom:32px;background:var(--paper2)}
.about-photo img{width:100%;display:block}

/* Oleg photo credit */
.oleg-credit{font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.03em;color:var(--ink3);margin-top:8px}

/* Phone visitors get a note before the site */
.mobile-notice{position:fixed;inset:0;z-index:400;background:var(--paper);display:flex;align-items:center;justify-content:center;padding:32px}
.mn-inner{max-width:420px;text-align:center}
.mn-title{font-family:'Oswald',sans-serif;font-size:16px;letter-spacing:.06em;color:var(--ink3);margin-bottom:22px}
.mobile-notice p{font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--ink);margin:0 0 26px}
.mobile-notice .j-tab{font-size:14px;padding:11px 22px}

/* ═══ Archive: gallery / media switch ═══ */
.side-switch{display:flex;gap:10px;width:50%;margin-bottom:22px}
.side-switch .j-tab{flex:1 1 0;min-width:0;font-size:16px;padding:13px 14px;text-align:center}
@media(max-width:1000px){.side-switch{width:100%}}

/* Archive → Media: sectioned list */
.media-sec{padding-bottom:34px}
.media-sec + .media-sec{padding-top:8px}
.media-sec .oleg-sec-title{margin-bottom:16px}
.ol-body{font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--ink2);margin-top:6px}

/* Gallery page: left-aligned like the rest of the site */
body[data-page="gallery"] .about-wrap{max-width:900px;margin:0;padding:40px 40px 80px}

/* Text pages: paragraphs and stand-alone link buttons */
.page-para{margin:0 0 16px}
.page-para:last-child{margin-bottom:0}
.page-btn-row{margin:6px 0 22px}
.page-btn-row .j-tab{font-size:15px;padding:11px 22px;display:inline-block}