/* ============================================================
   INTERIOR PAGES — Gazette components (load after home.css)
   masthead, breadcrumb, page-heads, prose, sidebars, people,
   forms, faq, archive, search — all non-home pages.
   ============================================================ */

/* interior masthead (compact nameplate for a single journal) */
.mast{ padding:1.1rem 0 .1rem }
.mast .sheet{ display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.4rem }
.mast .m-mono{ width:3.2rem;height:3.2rem;flex-shrink:0;display:grid;place-items:center;
  font-family:var(--disp);font-weight:600;font-size:1.6rem;color:var(--paper);background:var(--green) }
.mast .m-name b{ font-family:var(--disp);font-weight:600;font-size:clamp(1.4rem,3vw,2.15rem);line-height:1;letter-spacing:-.01em;display:block }
.mast .m-name span{ font-family:var(--read);font-style:italic;color:var(--ink-2);font-size:.96rem }
.mast .m-meta{ text-align:right;font-family:var(--sans);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.8 }
.mast .m-meta b{color:var(--ink);font-weight:700}
.mast .m-rule{ position:relative;height:4px;margin-top:1rem }
.mast .m-rule::before{content:"";position:absolute;inset:0 0 auto;height:3px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
@media(max-width:680px){ .mast .sheet{grid-template-columns:auto 1fr}.mast .m-meta{display:none} }

/* breadcrumb */
.crumb{ padding:.7rem 0;font-family:var(--sans);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--hair) }
.crumb a:hover{color:var(--rubric)}
.crumb i{font-style:normal;opacity:.5;padding:0 .5rem}
.crumb em{font-style:normal;color:var(--ink-2)}

/* page head */
.phead{ padding:2rem 0 1.2rem;border-bottom:2px solid var(--rule);margin-bottom:1.8rem }
.phead .kicker{ display:inline-flex;align-items:center;gap:.6rem;margin-bottom:.7rem }
.phead h1{ font-family:var(--disp);font-weight:600;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1;letter-spacing:-.02em }
.phead h1 em{font-style:italic;color:var(--rubric)}
.phead .lede{ font-family:var(--read);font-size:1.18rem;color:var(--ink-2);max-width:62ch;margin-top:.9rem }
.phead .lede a{color:var(--rubric);border-bottom:1px solid var(--rubric)}

/* generic interior section head */
.ihead{ display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  border-bottom:2px solid var(--rule);padding-bottom:.5rem;margin:0 0 1.2rem }
.ihead h2{ font-family:var(--disp);font-weight:600;font-size:clamp(1.3rem,2.3vw,1.9rem) }
.ihead .more{ font-family:var(--disp);color:var(--rubric);border-bottom:1px solid var(--rubric);white-space:nowrap }
.section{ padding:2.4rem 0 }

/* document grid: main + sidebar with a column rule */
.docgrid{ display:grid;grid-template-columns:minmax(0,1fr) 1px 320px;gap:0 2.4rem;padding:1.8rem 0 2rem;align-items:start }
.docgrid > .vr{background:var(--hair);align-self:stretch}
@media(max-width:920px){ .docgrid{grid-template-columns:1fr}.docgrid>.vr{display:none} }

/* prose (article + about) */
.prose{ font-family:var(--read);font-size:1.16rem;line-height:1.62;color:var(--ink-2);max-width:var(--measure) }
.prose p{margin-bottom:1.1rem}
.prose h2{ font-family:var(--disp);font-weight:600;color:var(--ink);font-size:1.55rem;margin:2rem 0 .7rem;
  padding-bottom:.3rem;border-bottom:1px solid var(--hair) }
.prose h3{ font-family:var(--sans);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;color:var(--rubric);margin:1.6rem 0 .6rem }
.prose h2:first-child{margin-top:0}
.prose strong{color:var(--ink)}
.prose>p.lead-in::first-letter{
  float:left;font-family:var(--disp);font-weight:600;color:var(--rubric);font-size:3.4em;line-height:.72;padding:.05em .09em 0 0 }
.keywords{display:flex;flex-wrap:wrap;gap:.5rem}
.keywords span{ font-family:var(--sans);font-size:.78rem;border:1px solid var(--hair);color:var(--ink-2);padding:.28rem .7rem }

/* article header meta */
.art-byline{ font-family:var(--read);font-style:italic;font-size:1.1rem;color:var(--ink-2);margin:.8rem 0 .2rem }
.art-byline b{font-style:normal;font-variant:small-caps;letter-spacing:.03em}
.facts{ display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1rem;font-family:var(--sans);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted) }
.facts b{display:block;font-family:var(--disp);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--ink);font-variant-numeric:oldstyle-nums}
.toolbar{ display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;padding:1.1rem 0;border-block:1px solid var(--hair);margin:1.4rem 0 1.8rem }
.toolbar .t-meta{margin-left:auto;font-family:var(--sans);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* tags */
.tagline{ display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;font-family:var(--sans);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted) }
.tagline .o{color:var(--rubric);font-weight:700}

/* figure */
.gfig{margin:1.6rem 0}
.gfig img{width:100%;object-fit:cover;filter:grayscale(.5) contrast(1.06) sepia(.12)}
.gfig figcaption{font-family:var(--sans);font-size:.68rem;color:var(--muted);padding-top:.45rem;border-top:1px solid var(--ink);margin-top:.45rem}

/* cite box */
.cite{ margin-top:2rem;border:1px solid var(--rule);border-left:4px solid var(--rubric);padding:1.3rem 1.5rem;background:var(--paper-2) }
.cite h3{font-family:var(--disp);font-size:1.1rem;margin-bottom:.6rem}
.cite p{font-family:var(--read);color:var(--ink-2);line-height:1.55;margin-bottom:.9rem}
.cite .fmts{display:flex;flex-wrap:wrap;gap:.5rem}
.cite .fmts button{font-family:var(--sans);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rule);padding:.35rem .7rem}
.cite .fmts button:hover{background:var(--ink);color:var(--paper)}

/* sidebar boxes */
.sideboxes{display:flex;flex-direction:column;gap:1.4rem;position:sticky;top:64px}
.sbox{ border:1px solid var(--rule);padding:1.1rem 1.2rem;background:var(--paper-2) }
.sbox h4{ font-family:var(--sans);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
  padding-bottom:.5rem;border-bottom:1px solid var(--hair);margin-bottom:.8rem }
.sbox .dl li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--hair);font-size:.92rem}
.sbox .dl li:last-child{border-bottom:0}
.sbox .dl span{color:var(--muted)}
.sbox .dl b{font-variant-numeric:oldstyle-nums}
.sbox .mx{display:flex;justify-content:space-between;text-align:center}
.sbox .mx b{font-family:var(--disp);font-size:1.5rem;color:var(--green);display:block;font-variant-numeric:oldstyle-nums}
.sbox .mx span{font-family:var(--sans);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.sbox .dlbtn{display:flex;align-items:center;gap:.8rem}
.sbox .dlbtn .ext{font-family:var(--disp);font-weight:600;color:var(--paper);background:var(--rubric);width:2.6rem;height:2.6rem;display:grid;place-items:center;font-size:.68rem}
.sbox .dlbtn b{font-family:var(--disp);display:block}.sbox .dlbtn span{font-size:.82rem;color:var(--muted)}
.sbox .rel li{border-bottom:1px solid var(--hair)}.sbox .rel li:last-child{border-bottom:0}
.sbox .rel a{display:block;padding:.6rem 0;font-family:var(--read);font-size:.95rem;line-height:1.25}
.sbox .rel a:hover{color:var(--rubric)}
.sbox .rel .sub{font-family:var(--sans);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rubric);display:block;margin-top:.25rem}
.sbox .btn-ink,.sbox .btn-line{width:100%;text-align:center;margin-top:.2rem}
@media(max-width:920px){ .sideboxes{position:static;flex-direction:row;flex-wrap:wrap}.sbox{flex:1 1 240px} }

/* contents list interior variant (.toc defined in home.css) */
.toc.big a{font-size:1.06rem}
.toc.big li{padding:.85rem 0}

/* people / board */
.people{ display:grid;grid-template-columns:repeat(3,1fr);gap:0 2.4rem }
.people.four{grid-template-columns:repeat(4,1fr)}
.person{ display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1.1rem .2rem;border-bottom:1px solid var(--hair) }
.person img,.person .ph{ width:62px;height:62px;object-fit:cover;flex-shrink:0;filter:grayscale(.35) contrast(1.05) }
.person .ph{display:grid;place-items:center;background:var(--paper-2);font-family:var(--disp);color:var(--green);font-size:1.2rem}
.person b{font-family:var(--disp);font-size:1.08rem;display:block}
.person .role{font-family:var(--sans);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:var(--rubric);display:block;margin:.15rem 0 .2rem}
.person p{font-family:var(--read);font-size:.88rem;color:var(--muted)}
.person.sm img,.person.sm .ph{width:48px;height:48px}
.board-h{ font-family:var(--disp);font-weight:600;font-size:1.35rem;margin:2rem 0 .4rem;padding-bottom:.4rem;border-bottom:2px solid var(--rule) }
.board-h:first-of-type{margin-top:0}
@media(max-width:760px){ .people,.people.four{grid-template-columns:1fr 1fr} }
@media(max-width:480px){ .people,.people.four{grid-template-columns:1fr} }

/* notice / cta strip */
.notice{ display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;
  border:1px solid var(--rule);border-top:4px solid var(--rubric);padding:1.3rem 1.5rem;margin-top:2rem;background:var(--paper-2) }
.notice b{font-family:var(--disp);font-size:1.2rem}
.notice p{font-family:var(--read);color:var(--ink-2);font-size:.94rem}

/* archive index */
.yrow{ display:grid;grid-template-columns:150px 1fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--hair);align-items:start }
.yrow:first-of-type{border-top:1px solid var(--rule)}
.yrow .yr b{font-family:var(--disp);font-size:2rem;color:var(--green);font-variant-numeric:oldstyle-nums;display:block;line-height:1}
.yrow .yr span{font-family:var(--sans);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.months{display:flex;flex-wrap:wrap;gap:.5rem}
.mo{ font-family:var(--read);border:1px solid var(--hair);padding:.55rem .9rem;font-size:.92rem;color:var(--ink-2);display:inline-flex;gap:.5rem;align-items:center }
.mo:hover{border-color:var(--rubric);color:var(--rubric)}
.mo em{font-style:normal;font-family:var(--sans);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--paper);background:var(--green);padding:.1rem .4rem}
.mo.all{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media(max-width:560px){ .yrow{grid-template-columns:1fr;gap:.7rem} }

/* search + filters */
.searchgrid{display:grid;grid-template-columns:230px 1px 1fr;gap:0 2.4rem;padding:1.6rem 0 2rem;align-items:start}
.searchgrid>.vr{background:var(--hair);align-self:stretch}
.gsearch{ display:flex;align-items:center;gap:.6rem;border:1px solid var(--rule);background:var(--paper);padding:.6rem .7rem .6rem 1rem;max-width:640px }
.gsearch svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}
.gsearch input{ border:0;background:none;outline:none;font:inherit;font-family:var(--read);font-size:1.05rem;flex:1;min-width:0;color:var(--ink);box-shadow:none }
.gsearch input:focus{box-shadow:none}
.gsearch button{ font-family:var(--disp);font-weight:600;background:var(--ink);color:var(--paper);padding:.5rem 1.2rem }
.gsearch button:hover{background:var(--rubric)}
.filters h4{font-family:var(--sans);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem;padding-bottom:.4rem;border-bottom:1px solid var(--hair)}
.filters fieldset{border:0;padding:0;margin:0 0 1.4rem}
.filters legend{font-family:var(--disp);font-weight:600;font-size:1rem;margin-bottom:.5rem}
.filters label{display:flex;align-items:center;gap:.55rem;font-family:var(--read);font-size:.95rem;color:var(--ink-2);padding:.18rem 0;cursor:pointer}
.filters input{accent-color:var(--rubric)}
.resbar{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;border-bottom:2px solid var(--rule);padding-bottom:.6rem;margin-bottom:.4rem}
.resbar strong{font-family:var(--disp);font-variant-numeric:oldstyle-nums}
.resbar .sort{font-family:var(--sans);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:.5rem}
.resbar select{font-family:var(--read);border:1px solid var(--hair);background:var(--paper);padding:.3rem .5rem}
.result{padding:1.3rem 0;border-bottom:1px solid var(--hair)}
.result .sub{font-family:var(--sans);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rubric)}
.result h3{font-family:var(--disp);font-weight:600;font-size:1.25rem;line-height:1.18;margin:.35rem 0 .25rem}
.result a:hover h3{color:var(--rubric)}
.result .auth{font-family:var(--read);font-style:italic;color:var(--ink-2);font-size:.92rem;margin-bottom:.4rem}
.result .snip{font-family:var(--read);color:var(--ink-2);line-height:1.5;margin-bottom:.4rem}
.result .snip mark{background:color-mix(in srgb,var(--gold) 32%,transparent);color:inherit}
.result .rmeta{font-family:var(--sans);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;gap:1.2rem;flex-wrap:wrap}
@media(max-width:820px){.searchgrid{grid-template-columns:1fr}.searchgrid>.vr{display:none}}

/* forms */
.gform{border:1px solid var(--rule);padding:1.8rem;background:var(--paper-2)}
.gform .ftitle{font-family:var(--disp);font-weight:600;font-size:1.4rem;margin-bottom:1.3rem;padding-bottom:.5rem;border-bottom:1px solid var(--hair)}
label{font-family:var(--sans);font-weight:600;font-size:.82rem;letter-spacing:.04em;color:var(--ink);display:block;margin-bottom:.4rem}
.req{color:var(--rubric)}
input[type=text],input[type=email],input[type=tel],input[type=search],select,textarea{
  width:100%;font:inherit;font-family:var(--read);font-size:1.02rem;color:var(--ink);background:var(--paper);
  border:1px solid var(--rule);border-radius:0;padding:.7rem .85rem;transition:border-color .2s,box-shadow .2s}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--rubric);box-shadow:inset 0 -2px 0 var(--rubric)}
.field{margin-bottom:1.1rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.hint{display:block;font-family:var(--sans);color:var(--muted);font-size:.74rem;margin-top:.4rem}
.check{display:flex;gap:.6rem;align-items:flex-start;font-family:var(--read);font-size:.94rem;color:var(--ink-2);margin:.4rem 0 1.3rem}
.check input{width:auto;margin-top:.25rem;accent-color:var(--rubric)}
.fdrop{position:relative;border:1.5px dashed var(--rule);padding:1.4rem;text-align:center;background:var(--paper)}
.fdrop:hover{border-color:var(--rubric)}
.fdrop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.fdrop .fcta{font-family:var(--read);color:var(--muted)}
.factions{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;margin-top:.4rem}
.how li{font-family:var(--read);display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:.5rem 0;color:var(--ink-2);font-size:.95rem}
.how .rn{font-family:var(--disp);color:var(--rubric);font-weight:600;font-variant-numeric:oldstyle-nums}
@media(max-width:560px){.field-row{grid-template-columns:1fr}}

/* faq */
.faqwrap{width:min(100% - 2.6rem,820px);margin-inline:auto}
.faq{border-bottom:1px solid var(--hair)}
.faq summary{cursor:pointer;padding:1.1rem .2rem;font-family:var(--disp);font-weight:600;font-size:1.15rem;
  list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--rubric);font-size:1.4rem;line-height:1;transition:transform .25s}
.faq[open] summary::after{transform:rotate(45deg)}
.faq-body{padding:0 .2rem 1.2rem}
.faq-body p{font-family:var(--read);color:var(--ink-2);line-height:1.6}
.faq-body a{color:var(--rubric);border-bottom:1px solid var(--rubric)}

/* contact info */
.cinfo{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}
.cinfo .ci{display:grid;grid-template-columns:auto 1fr;gap:.9rem;padding:1.1rem 0;border-bottom:1px solid var(--hair)}
.cinfo .ci.span2{grid-column:1/-1}
.cinfo .ci .ci-ic{font-family:var(--disp);color:var(--rubric);font-size:1.3rem;line-height:1}
.cinfo .ci b{font-family:var(--disp);font-size:1.05rem;display:block}
.cinfo .ci a{color:var(--rubric)}
.cinfo .ci address{font-style:normal;font-family:var(--read);color:var(--ink-2);font-size:.92rem;line-height:1.5}
.cinfo .ci p{font-family:var(--read);color:var(--muted);font-size:.9rem;margin:.2rem 0 .4rem}
.cinfo .ci .more{font-family:var(--disp);color:var(--rubric);border-bottom:1px solid var(--rubric)}
@media(max-width:560px){.cinfo{grid-template-columns:1fr}}

/* subscribe band */
.subband{background:var(--ink);color:#cfc6ad;margin-top:2.4rem}
.subband .sheet{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding:2.4rem 0}
.subband h2{font-family:var(--disp);color:#f3ecd6;font-size:1.6rem}
.subband p{font-family:var(--read);color:#a59c83;margin-top:.4rem}
.subband .gsearch{background:#26221a;border-color:#3a3526;min-width:300px}
.subband .gsearch input{color:#f3ecd6}

/* two-up grid helper */
.two{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:start}
@media(max-width:820px){.two{grid-template-columns:1fr;gap:1.8rem}}

/* about side nav */
.aboutgrid{display:grid;grid-template-columns:230px 1px 1fr;gap:0 2.4rem;padding:1.6rem 0 2rem;align-items:start}
.aboutgrid>.vr{background:var(--hair);align-self:stretch}
.anav{position:sticky;top:64px}
.anav h4{font-family:var(--sans);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem}
.anav a{display:block;font-family:var(--read);font-size:.96rem;color:var(--ink-2);padding:.4rem 0;border-bottom:1px solid var(--hair)}
.anav a:hover{color:var(--rubric)}
.anav a[aria-current]{color:var(--rubric);font-weight:600}
.anav .help{margin-top:1.2rem;border:1px solid var(--rule);padding:1rem;font-family:var(--read);font-size:.9rem;background:var(--paper-2)}
.anav .help b{font-family:var(--disp);display:block;margin-bottom:.3rem}
.anav .help a{display:inline;border:0;color:var(--rubric);border-bottom:1px solid var(--rubric);padding:0}
@media(max-width:820px){.aboutgrid{grid-template-columns:1fr}.aboutgrid>.vr{display:none}.anav{position:static;margin-bottom:1.4rem}}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{font-family:var(--read);border:1px solid var(--hair);padding:.4rem .85rem;font-size:.92rem;color:var(--ink-2)}
.chip:hover{border-color:var(--rubric);color:var(--rubric)}

/* journal-home extras */
.ji-cover{border:1px solid var(--rule);background:var(--paper-2);padding:1.2rem;display:flex;gap:1rem;align-items:flex-start}
.ji-cover .spine{width:70px;height:96px;flex-shrink:0;background:linear-gradient(160deg,var(--green),#0a2c26);color:#e9dfc4;
  display:flex;flex-direction:column;justify-content:space-between;padding:.6rem .5rem;font-family:var(--disp);position:relative}
.ji-cover .spine b{font-size:1.05rem}.ji-cover .spine i{font-style:italic;font-size:.66rem;color:#cdb87f}
.ji-cover .spine::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--gold)}
.ji-cover .ji-t b{font-family:var(--disp);font-size:1.15rem;display:block}
.ji-cover .ji-t span{font-family:var(--sans);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin:.2rem 0 .5rem}
.ji-cover .ji-t a{font-family:var(--disp);color:var(--rubric);border-bottom:1px solid var(--rubric)}
.lead-fig{margin:0 0 1.2rem}
.lead-fig img{width:100%;aspect-ratio:16/8;object-fit:cover;filter:grayscale(.5) contrast(1.06) sepia(.12)}