/* HSI base styles: reset-level structure, typography and legacy components.
   Generated by merging, in cascade order: hsi.css, css/institutional.css, css/people.css, editorial.css.
   Edit this file directly; the source files are no longer loaded. */
:root{
  --hair:rgba(23,37,60,.08);
  --amber-bg:rgba(122,94,21,.08);
  --ochre:#a03d26;
  --moss:#2f5540;
  --radius:2px;
  --reading-measure:72ch;
}

/* ======================================================================
   from hsi.css
   ====================================================================== */
/* ==========================================================================
   Horizon Search Institute — design system
   "Instrument": stone paper, ink masthead, lapis signal, brass accent.

   Loaded after each page's inline <style>, so it overrides tokens and
   refines type, structure, and surfaces site-wide.
   ========================================================================== */

/* ---------- 1. Tokens ---------------------------------------------------- */


/* ---------- 2. Typography ------------------------------------------------ */
body{
  font-family:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-feature-settings:"kern","liga","calt","tnum" 0;
  letter-spacing:-.003em;
}

html{scroll-padding-top:76px}
body{overflow-x:hidden}
a{overflow-wrap:anywhere}
.skip-link{
  position:fixed;left:16px;top:10px;z-index:1000;
  transform:translateY(-150%);padding:9px 13px;
  background:#fff;color:var(--field);border:2px solid var(--brass-bright);
  font-size:13px;font-weight:600;text-decoration:none;
}
.skip-link:focus{transform:translateY(0)}
#main-content{scroll-margin-top:82px}

h1,h2,h3,h4,.serif{
  font-family:"Newsreader",Georgia,"Times New Roman",serif;
}

/* Display: one weight, generous size, tight measure. Used only for page H1. */
h1{
  font-family:"Instrument Serif",Georgia,serif;
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.012em;
  font-size:clamp(42px,6vw,72px);
}
h1 em,h1 i{font-style:italic}

h2{
  font-weight:500;
  line-height:1.14;
  letter-spacing:-.014em;
  font-size:clamp(26px,3.1vw,38px);
}
h3{font-weight:600;letter-spacing:-.008em;line-height:1.24}
h4{font-weight:600;letter-spacing:-.005em}

/* Former monospace labels are now a tracked grotesque — typeset, not printed
   off a terminal. Numerals stay tabular so data still lines up. */
.mono,
[class*="overline"],[class*="eyebrow"],[class*="cadence"],
[class*="-label"],[class*="-num"],[class*="-status"],
[class*="-tag"],[class*="-meta"],[class*="-date"]{
  font-feature-settings:"tnum" 1,"kern" 1;
}

/* ---------- 3. The horizon rule (signature) ------------------------------ */
/* A short brass rule opens every eyebrow — the sightline the Institute is
   named for, and a nod to the aperture in the mark. */
.overline{
  display:inline-flex;
  align-items:center;
  font-weight:500;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--slate);
}
.overline::before{
  content:"";
  width:26px;height:1px;
  background:var(--brass);
  margin-right:12px;
  flex:none;
}

/* ---------- 4. Structure: squared corners, hairlines, crisper lift ------- */
.divider{background:var(--border)}

/* Cards read as tipped-in plates: a hairline, a whisper of lift, and a brass
   sightline that appears on hover instead of a coloured glow. */
.hero-card,.pub-card,.pillar,.tool-block,.card,.salon-card,.issue-cta,
.people-member,.council-member,.featured-pub-inner{
  border-radius:2px;
}
.hero-card:hover,.pub-card:hover,.pillar:hover{
  transform:translateY(-1px);
  box-shadow:0 1px 2px rgba(20,24,30,.05),0 6px 18px rgba(20,24,30,.06);
}

/* ---------- 5. Buttons --------------------------------------------------- */
.btn,.fp-primary,.fp-secondary,.issue-cta,.btn-submit{
  border-radius:2px;
  letter-spacing:.005em;
  font-weight:500;
}
.btn-dark{background:var(--field)}
.btn-dark:hover{background:var(--navy)}
.btn-ghost{border-color:var(--border);color:var(--navy)}
.btn-ghost:hover{border-color:var(--navy);background:rgba(23,37,60,.03)}
.btn-gold{background:var(--brass);color:#fff}
.btn-gold:hover{background:#7a5f14}

/* On ink surfaces the brass button flips: bright brass, ink type. */
.on-ink .btn-gold{
  background:var(--brass-bright);color:var(--field);font-weight:600;
}
.on-ink .btn-gold:hover{background:#d8b65c}

/* ---------- 6. Masthead navigation --------------------------------------- */
/* A persistent ink bar. It carries the mark across every page and gives the
   site the spine of a publication rather than the header of a landing page. */
nav,nav.site-nav{
  background:var(--field);
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100}
.site-nav .nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto;padding-left:32px;padding-right:32px}
.site-nav .nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.site-nav .nav-logo{width:28px;height:28px;object-fit:contain}
.site-nav .nav-links{display:flex;align-items:center;gap:22px}
.site-nav .nav-links a{text-decoration:none}
.mobile-nav-toggle{display:none;background:transparent;border:0;cursor:pointer;padding:8px;color:#f4f3ef}
.nav-inner{padding-top:15px;padding-bottom:15px}
.nav-name{
  color:#f4f3ef;
  font-family:"Newsreader",Georgia,serif;
  font-weight:500;
  font-size:15px;
  letter-spacing:.005em;
}
.nav-links a{
  color:rgba(244,243,239,.66);
  font-size:11px;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:500;
}
.nav-links a:hover{color:#fff}
.nav-links a.active{color:#fff;font-weight:600}
.nav-links a.active::after{content:"";display:block;height:1px;margin-top:5px;background:var(--brass-bright)}
.nav-cta,.nav-links a.nav-cta{
  background:var(--brass-bright);
  color:var(--field);
  border:1px solid var(--brass-bright);
  border-radius:2px;
  padding:6px 15px;
  font-weight:600;
  letter-spacing:.11em;
}
.nav-cta:hover,.nav-links a.nav-cta:hover{background:#d8b65c;border-color:#d8b65c;color:var(--field)}
.nav-links a.nav-cta.active::after{display:none}
.nav-back,nav .back-link{color:rgba(244,243,239,.6)}
.nav-back:hover,nav .back-link:hover{color:#fff}
/* The lockup plus seven links needs ~1033px. Below that the brand name wrapped
   and the bar grew to two or three lines, which covered iPad landscape. Collapse
   to the menu at 1040 instead, and never let the name wrap. */
.nav-name{white-space:nowrap}
/* inline SVG picks up baseline space; block makes the bar height deterministic */
.mobile-nav-toggle svg{display:block}

@media(max-width:1040px){
  .mobile-nav-toggle{display:block}
  .nav-inner{position:relative}
  .site-nav .nav-links{
    display:none;
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;
    padding:16px 32px 20px;gap:12px;
    background:var(--field);
    border-bottom:1px solid rgba(255,255,255,.10);
    box-shadow:0 8px 24px rgba(0,0,0,.28);
  }
  .site-nav .nav-links.open{display:flex}
  .nav-links a{font-size:12px;letter-spacing:.11em;padding:6px 0}
  .nav-links a.nav-cta{text-align:center;padding:8px 16px}
  .site-nav .nav-links a{min-height:44px;display:flex;align-items:center}
  .site-nav .nav-links a.nav-cta{justify-content:center}
  .mobile-nav-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}
}

@media(max-width:880px){
}

/* ---------- 7. Home cover ------------------------------------------------ */
/* The one bold move: the homepage opens on an ink field, treated as the cover
   of a printed report — mark debossed at the edge, masthead line, no gloss. */
body.home .hero{
  background:var(--field);
  padding:150px 0 84px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
body.home .hero::before{
  background:
    radial-gradient(900px 620px at 80% -12%,rgba(201,165,68,.10),transparent 62%),
    radial-gradient(720px 520px at -4% 104%,rgba(29,78,155,.16),transparent 60%);
}
body.home .hero-watermark{opacity:.06;filter:none}
body.home .hero h1{color:#f7f6f2;margin-bottom:26px}
body.home .hero-lead{color:rgba(247,246,242,.84)}
body.home .hero-lead b{color:#fff;font-weight:600}
body.home .hero-sub{color:rgba(247,246,242,.58)}
body.home .hero .btn-dark{background:#f7f6f2;color:var(--field)}
body.home .hero .btn-dark:hover{background:#fff}
body.home .hero .btn-ghost{color:rgba(247,246,242,.9);border-color:rgba(255,255,255,.26)}
body.home .hero .btn-ghost:hover{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.06)}
body.home .hero .ghost-link{color:rgba(247,246,242,.58);border-bottom-color:rgba(255,255,255,.22)}
body.home .hero .ghost-link:hover{color:#fff;border-bottom-color:rgba(255,255,255,.6)}

.hero-masthead{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin-bottom:30px;
  font-size:10.5px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;
  color:rgba(247,246,242,.72);
}
.hero-masthead .hm-rule{width:34px;height:1px;background:var(--brass-bright);flex:none}
@media(max-width:640px){
  .hero-masthead{font-size:9.5px;letter-spacing:.16em;gap:9px;flex-wrap:nowrap}
  body.home .hero{padding:126px 0 60px}
}

/* ---------- 8. Ink sections ---------------------------------------------- */
.patron-section,.independence,.on-ink{background:var(--field)}
.on-ink .overline::before{background:var(--brass-bright)}
.on-ink .overline{color:rgba(247,246,242,.7)}
.on-ink .lbl,.on-ink .sustain-num{color:var(--brass-bright)}
.on-ink h4{color:rgba(247,246,242,.72)}

/* ---------- 9. Links in running text ------------------------------------- */
/* The pages already drew link underlines with border-bottom. A real underline
   sits better (it skips descenders), so we use that and retire the border —
   otherwise the two stack and you get a double rule under every link. */
.article-body a:not(.btn):not([class*="cta"]),
.stream-body a:not(.btn),
.idea-body a:not(.btn),
.condition-body a,.framework-note a,.refs-list a,.sources ol li a,
.lens-item p a,.publisher-line a{
  color:var(--lapis);
  border-bottom:0 none !important;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2.5px;
  text-decoration-color:rgba(29,78,155,.35);
  transition:text-decoration-color .15s;
}
.article-body a:not(.btn):not([class*="cta"]):hover,
.stream-body a:not(.btn):hover,
.idea-body a:not(.btn):hover,
.condition-body a:hover,.framework-note a:hover,.refs-list a:hover,
.sources ol li a:hover,.lens-item p a:hover,.publisher-line a:hover{
  text-decoration-color:var(--lapis);
}

/* small text that sat just under AA on the new stone */
.footer-sep{color:var(--dim)}
.cov-src{color:var(--muted)}

::selection{background:var(--lapis);color:#fff}

/* ---------- 8b. Subscribe band ------------------------------------------- */
/* One beehiiv form is embedded on 15 pages. It can only carry one style (the
   embed is an iframe), so every subscribe band is ink and the form is tuned
   for ink. See README for the values to set in beehiiv's Style tab. */
.subscribe.on-ink{padding:72px 0}
.subscribe.on-ink h2{color:#f7f6f2}
.subscribe.on-ink p{color:rgba(247,246,242,.72)}
.subscribe.on-ink .subscribe-note{color:rgba(247,246,242,.5)}
.subscribe.on-ink .cta-form input{
  background:#1b242f;border:1px solid #33404f;color:#f7f6f2;border-radius:2px;
}
.subscribe.on-ink .cta-form input::placeholder{color:#8a929c}
.subscribe.on-ink .btn-dark{background:var(--brass-bright);color:var(--field);font-weight:600}
.subscribe.on-ink .btn-dark:hover{background:#d8b65c}

/* ---------- 9b. Archive lists ------------------------------------------- */
.issues{padding-top:44px}
.issues .issue:first-of-type{border-top:0 none}

/* ---------- 10. Quality floor -------------------------------------------- */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--lapis);
  outline-offset:2px;
  border-radius:2px;
}
nav a:focus-visible{outline-color:var(--brass-bright)}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  .hero-card:hover,.pub-card:hover,.pillar:hover{transform:none}
}

/* ---------- 11. Reading floor ------------------------------------------- */
/* Card and secondary body copy was set at 12–13.5px, which is a browsing size,
   not a reading size. Primary running copy inside cards is raised to 15px;
   dense biography and disclosure blocks to 14.5px. Eyebrows, statuses, dates,
   and other metadata deliberately stay at 10–12px — they are labels, not text. */
.pillar p,
.pub-desc,
.tool-block p,
.salon-context,
.salon-body p,
.arch-tier p,
.council-role,
.people-role,
.questions li,
.work p,
.cycle-card p,
.term-card p,
.receive-item p,
.sustain-item p,
.fellow-bio,
.fellow-bio p,
.fellow-affil,
.note-text,
.contact-detail-sub,
.press-headline{
  font-size:15px;
  line-height:1.62;
}

.governance-note p,
.governance-block p,
.board-note,
.patron-item p,
.patron-disclosure p,
.disc-block p,
.tools-foot,
.people-note,
.salon-anchor-text,
.hero-card-meta,
.footer-col a{
  font-size:14.5px;
  line-height:1.6;
}

.footer-desc{font-size:13px;line-height:1.7}
.patron-item h3{font-size:15px}
footer{padding:56px 0 36px;border-top:1px solid var(--border)}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}
.footer-brand-block{max-width:330px}
.footer-brand{font-family:"Newsreader",Georgia,serif;font-size:15px;font-weight:600;color:var(--navy);margin-bottom:8px;display:flex;align-items:center;gap:9px}
.footer-brand img{width:22px;height:22px}
.footer-desc{color:var(--dim)}
.footer-col a{display:block;color:var(--muted);text-decoration:none;margin-bottom:7px;transition:color .15s}
.footer-col a:hover{color:var(--navy)}
.footer-bottom{margin-top:32px;padding-top:18px;border-top:1px solid var(--border);font-size:11px;color:var(--dim);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:center}
.footer-heading{
  font-family:"Archivo",sans-serif;font-size:9px;color:var(--dim);
  letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;font-weight:600;
}
.footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px}
.footer-social a{font-size:11px;text-decoration:none;letter-spacing:.04em}
.footer-links{display:flex;gap:38px;flex-wrap:wrap}
.footer-col{min-width:112px}

/* Cards carrying a long biography stay a touch tighter so the grid holds. */
.people-member .people-role,
.council-member .council-role{line-height:1.6}

/* ---------- 12. Homepage vertical rhythm ------------------------------- */
/* The cover and the ink bands were sized for a much longer page. With the
   fellowship, leadership roster, and stream cards moved to their own pages,
   the homepage reads better tighter. */
body.home .hero{padding:124px 0 60px}
@media(max-width:640px){body.home .hero{padding:104px 0 44px}}
body.home .subscribe.on-ink{padding:50px 0}
body.home footer{padding:44px 0 30px}

/* ---------- 13. Brass on dark surfaces ---------------------------------- */
/* --brass (#7a5e15) is tuned for stone paper. On the ink and navy bands it
   measures 2.9:1 and 2.5:1 — under the 3:1 floor even for large text. Every
   dark surface uses --brass-bright (#c9a544): 7.6:1 on ink, 6.6:1 on navy.
   The .on-ink rules above only reached elements carrying that class, so the
   bands that set their own background (.independence, .patron-section, and
   the engage band) were still drawing labels in the dark brass. */
.on-ink .overline,
.patron-section .overline,
.independence .overline,
.engage-section .overline,
.flagship-card .overline{color:rgba(247,246,242,.74)}
.on-ink .overline::before,
.patron-section .overline::before,
.independence .overline::before,
.engage-section .overline::before,
.flagship-card .overline::before{background:var(--brass-bright)}

.on-ink .lbl,.on-ink .engage-label,.on-ink [class$="-label"],
.patron-section .lbl,.patron-section [class$="-label"],
.independence .lbl,.independence [class$="-label"],
.engage-section .lbl,.engage-section .engage-label,
.flagship-card .lbl,.flagship-card [class$="-label"],
.disc-block .lbl,.patron-disclosure .lbl{color:var(--brass-bright)}

/* Links inside the dark disclosure blocks */
.disc-block a,.patron-disclosure a,.independence p a,.engage-section p a{
  color:var(--brass-bright);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2.5px;
  text-decoration-color:rgba(201,165,68,.45);
}
.disc-block a:hover,.patron-disclosure a:hover,
.independence p a:hover,.engage-section p a:hover{text-decoration-color:var(--brass-bright)}

/* Body copy on the dark bands sat at .60–.72 white; .78 keeps it comfortably
   above AA at these sizes without turning the bands into flat white text. */
.disc-block p,.patron-disclosure p{color:rgba(247,246,242,.78)}
.independence .lead,.engage-lead{color:rgba(247,246,242,.80)}
.engage-col p{color:rgba(247,246,242,.76)}
.engage-note{color:rgba(247,246,242,.62)!important}

/* ---------- 14. Research-question rows ---------------------------------- */
/* Status pills were laid out as a right-floating flex group, so their left
   edge moved with the length of each question. Fixed columns instead: the
   pill and its target each get a lane and both align down the page. */
.inquiry{
  display:grid;
  grid-template-columns:1fr 118px 196px;
  gap:24px;
  align-items:start;
  padding:20px 0;
  border-bottom:1px solid var(--border);
}
.inquiry-meta{display:contents}
.inquiry .status{justify-self:start;margin-top:2px}
.inquiry .inquiry-target{justify-self:start;padding-top:2px}
@media(max-width:820px){
  .inquiry{grid-template-columns:1fr;gap:10px}
  .inquiry-meta{display:flex;flex-direction:row;align-items:center;gap:14px;flex-wrap:wrap}
  /* pill widths vary with the label ("In production" vs "Longer-term"), which
     pushed the target text to a different x on every row. Fix the pill width
     so the targets line up here too. */
  .inquiry .status{min-width:104px;justify-content:center;margin-top:0}
}

/* ---------- 15. One reading measure -------------------------------------- */
/* Section intros were set at 680, 700, 720, 820, and 860px depending on the
   page, which read as arbitrary against full-width headings and card grids.
   One value everywhere: long enough not to look clipped, short enough to
   keep the line count sane. */
.section-intro,
.pillars-head p,.tools-head p,.salons-head p,
.page-hero .lede,.page-hero .lead,.page-hero .lead-sub{max-width:780px}

/* ---------- 16. Research submenu ---------------------------------------- */
/* Pillars and Publications sit under Research. A submenu keeps both reachable
   without spending another slot in a fixed bar. Above the nav breakpoint it
   opens on hover or click; below it, the bar has already collapsed to a panel
   and both children simply render as indented links. */
.nav-item{position:relative;display:flex;align-items:center}
.nav-parent{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.nav-chev{transition:transform .18s;opacity:.7;margin-top:1px}
.nav-item.open .nav-chev{transform:rotate(180deg)}

@media(min-width:1041px){
  .nav-sub{
    position:absolute;top:100%;left:-16px;min-width:208px;
    display:flex;flex-direction:column;gap:0;
    background:var(--field);
    border:1px solid rgba(255,255,255,.12);
    border-radius:2px;
    padding:6px 0;
    margin-top:13px;
    box-shadow:0 10px 28px rgba(0,0,0,.34);
    opacity:0;visibility:hidden;transform:translateY(-4px);
    transition:opacity .16s,transform .16s,visibility .16s;
    z-index:120;
  }
  .nav-item.open .nav-sub,
  .nav-item:focus-within .nav-sub{opacity:1;visibility:visible;transform:translateY(0)}
  /* a hit area bridging the gap between the bar and the panel */
  .nav-item.has-sub::after{content:"";position:absolute;top:100%;left:0;right:0;height:16px}
  .nav-links .nav-sub a{
    display:block;padding:9px 18px;font-size:11px;letter-spacing:.11em;
    color:rgba(244,243,239,.72);white-space:nowrap;
  }
  .nav-links .nav-sub a:hover{color:#fff;background:rgba(255,255,255,.06)}
}

@media(max-width:1040px){
  .nav-item{flex-direction:column;align-items:stretch}
  .nav-sub{display:flex;flex-direction:column;gap:0;padding:2px 0 4px 14px;
           border-left:1px solid rgba(255,255,255,.16);margin:6px 0 2px 2px}
  .nav-links .nav-sub a{font-size:11px;padding:5px 0;color:rgba(244,243,239,.6)}
  .nav-links .nav-sub a:hover{color:#fff}
  .nav-chev{display:none}
}

/* ---------- 17. Image sizing guard -------------------------------------- */
/* Intrinsic width/height attributes were added to every <img> so the browser
   can reserve the right box before the file arrives (no layout shift). Those
   attributes are presentational hints, so height:auto keeps them acting as an
   aspect-ratio hint only, never as an absolute height. Any explicit height on
   a class — .salon-card-image, .people-photo — still wins on specificity. */
img{height:auto}

/* ---------- 18. Shared institutional additions ------------------------- */
.standard-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.status-note strong{color:var(--navy)}
@media(max-width:640px){
  .site-nav .nav-inner{padding-left:18px;padding-right:18px}
  .nav-name{font-size:14px}
  .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:28px 22px}
  .footer-col{min-width:0}
}

/* ---------- 19. Mobile target sizing ------------------------------------ */
html{scroll-behavior:auto}
@media(max-width:768px){
  .nav-brand{min-height:44px;display:flex;align-items:center}
  button{min-width:44px;min-height:44px}
  input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),select{min-height:44px}
}

/* ======================================================================
   from css/institutional.css
   ====================================================================== */
.institutional-page .page-hero{padding:132px 0 54px}
.institutional-page .page-hero .lede{max-width:780px}
.institutional-page section{padding:64px 0}
.institutional-page .section-intro{margin-top:14px}
.institutional-page .institutional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.institutional-page .institutional-card{background:var(--card);border:1px solid var(--border);padding:25px 26px;border-radius:2px}
.institutional-page .institutional-card h3{font-size:20px;margin-bottom:9px}
.institutional-page .institutional-card p,.institutional-page .institutional-card li{font-size:14.5px;color:var(--muted);line-height:1.7}
.institutional-page .institutional-card ul{padding-left:18px;margin-top:10px}
.institutional-page .institutional-card li+li{margin-top:7px}
.institutional-page .fact-table{width:100%;border-collapse:collapse;margin-top:28px;background:var(--card);border:1px solid var(--border)}
.institutional-page .fact-table th,.institutional-page .fact-table td{padding:16px 18px;border-bottom:1px solid var(--border);vertical-align:top;text-align:left;font-size:14px;line-height:1.65}
.institutional-page .fact-table th{width:30%;font-family:"Archivo",sans-serif;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--slate)}
.institutional-page .fact-table td{color:var(--muted)}
.institutional-page .fact-table tr:last-child th,.institutional-page .fact-table tr:last-child td{border-bottom:0}
.institutional-page .status-note{border-left:3px solid var(--brass);background:var(--amber-bg);padding:20px 22px;margin-top:28px;color:var(--slate);font-size:14.5px;line-height:1.7}
.institutional-page .related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.institutional-page .related-links a{display:block;background:var(--card);border:1px solid var(--border);padding:17px 18px;text-decoration:none;color:var(--navy);font-weight:600;font-size:13px}
.institutional-page .related-links a span{display:block;color:var(--muted);font-weight:400;margin-top:5px;line-height:1.55}
.institutional-page .prose{max-width:800px}
.institutional-page .prose h2{margin:34px 0 12px;font-size:25px}
.institutional-page .prose h3{margin:25px 0 9px;font-size:18px}
.institutional-page .prose p,.institutional-page .prose li{font-size:15px;color:var(--muted);line-height:1.78}
.institutional-page .prose p+p{margin-top:14px}
.institutional-page .prose ul{padding-left:20px;margin:12px 0 20px}
.institutional-page .prose li+li{margin-top:8px}
.institutional-page .prose a{color:var(--lapis);text-underline-offset:3px}
.institutional-page .definition{font-family:"Newsreader",serif;font-size:21px;color:var(--navy);line-height:1.55;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:28px 0}
@media(max-width:760px){
  .institutional-page section{padding:48px 0}
  .institutional-page .institutional-grid,.institutional-page .related-links{grid-template-columns:1fr}
  .institutional-page .fact-table,.institutional-page .fact-table tbody,.institutional-page .fact-table tr,.institutional-page .fact-table th,.institutional-page .fact-table td{display:block;width:100%}
  .institutional-page .fact-table th{padding-bottom:4px;border-bottom:0}
  .institutional-page .fact-table td{padding-top:2px}
}

/* ======================================================================
   from css/people.css
   ====================================================================== */
@import url("/assets/css/institutional.css");

.people-page .people-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}
.people-page .people-jump a{display:block;border:1px solid var(--border);background:var(--card);padding:13px 15px;text-decoration:none;color:var(--navy);font-size:12px;font-weight:600}
.people-page .role-section{border-top:1px solid var(--border)}
.people-page .role-head{display:grid;grid-template-columns:220px 1fr;gap:38px;margin-bottom:30px}
.people-page .role-head p{font-size:14.5px;line-height:1.7;color:var(--muted);max-width:680px}
.people-page .person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.people-page .person-card{display:grid;grid-template-columns:88px 1fr;gap:18px;background:var(--card);border:1px solid var(--border);padding:20px}
.people-page .person-card img{width:88px;height:88px;object-fit:cover;filter:grayscale(100%);border:1px solid var(--border)}
.people-page .person-card h3{font-size:18px;margin-bottom:3px}
.people-page .person-title{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);font-weight:600;margin-bottom:8px}
.people-page .person-card p{font-size:13.5px;line-height:1.65;color:var(--muted)}
.people-page .keep-together{white-space:nowrap}
.people-page .person-work{font-size:12px;margin-top:10px}
.people-page .person-work a{color:var(--lapis);text-underline-offset:3px}
.people-page .council-grid,.people-page .research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:760px){
  .people-page .people-jump,.people-page .person-grid,.people-page .council-grid,.people-page .research-grid{grid-template-columns:1fr}
  .people-page .role-head{grid-template-columns:1fr;gap:8px}
}
@media(max-width:440px){.people-page .person-card{grid-template-columns:68px 1fr}.people-page .person-card img{width:68px;height:68px}}

/* ======================================================================
   from editorial.css
   ====================================================================== */
/* HSI editorial system. Final shared layer; source content and research charts
   retain their own structures. Scale and rhythm are based on reading, not cards. */

html{font-size:100%;scroll-padding-top:100px}
body{background:var(--paper);font-size:1rem;line-height:1.7;overflow-x:visible}
*,*::before,*::after{box-sizing:border-box}
img,svg,video{max-width:100%}
a{overflow-wrap:break-word;text-underline-offset:.2em}
h1,h2,h3{text-wrap:balance}
h1,.article-headline,.hero-title{font-family:"Newsreader",Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.09}
h1{font-size:clamp(2.5rem,4.9vw,4.1rem)}
h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.17}
h3{line-height:1.3}
p,li{ text-wrap:pretty }
.wrap{max-width:1240px;padding-left:40px;padding-right:40px}
main{display:block;min-width:0}
main:focus{outline:none}
section{scroll-margin-top:100px}
section:not(.hero):not(.page-hero):not(.issue-mast) h2[id],h3[id]{scroll-margin-top:110px}
nav.site-nav{background:#fff;border-top:3px solid var(--navy);border-bottom:1px solid var(--border);box-shadow:none}
.site-nav .nav-inner{max-width:1240px;min-height:82px;padding:12px 40px;gap:24px}
.site-nav .nav-brand{gap:12px;flex-shrink:0}
.site-nav .nav-logo{width:38px;height:38px}
.site-nav .nav-name{font-size:1.16rem;color:var(--navy);font-weight:500;letter-spacing:-.015em}
.site-nav .nav-links{gap:24px}
.site-nav .nav-links a{color:var(--slate);font-size:.875rem;letter-spacing:0;text-transform:none;padding:9px 0;line-height:1.4}
.site-nav .nav-links a:hover,.site-nav .nav-links a.active{color:var(--navy)}
.site-nav .nav-links a.active::after{background:var(--brass);margin-top:3px}
.site-nav .nav-links a.nav-cta{background:transparent;color:var(--navy);border:1px solid #a7b0b8;padding:10px 16px}
.site-nav .nav-links a.nav-cta:hover{background:var(--navy);border-color:var(--navy);color:white}
.mobile-nav-toggle{color:var(--navy)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lapis);outline-offset:4px}
.site-nav a:focus-visible{outline-color:var(--lapis)}
.on-ink :focus-visible,.engage-section :focus-visible{outline-color:#e6c977}
.overline,[class*="eyebrow"],.hero-masthead,.publication-name{font-size:.75rem;letter-spacing:.12em;line-height:1.5}
.page-hero,.institutional-page .page-hero{padding:146px 0 58px;border-bottom:1px solid var(--border);background:var(--paper)}
.page-hero h1{max-width:960px;margin-bottom:24px}
.page-hero .lede,.page-hero .lead,.page-hero .lead-sub{max-width:760px;font-size:1.19rem;line-height:1.65;color:var(--slate)}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:.8125rem;line-height:1.6;color:var(--muted);margin-bottom:25px}
.breadcrumbs a{color:var(--muted);text-decoration:none;border-bottom:1px solid #bcc4ca}
.breadcrumbs a:hover{color:var(--lapis);border-color:var(--lapis)}
.btn,.fp-primary,.fp-secondary,.issue-cta,.btn-submit{min-height:46px;padding:12px 20px;font-size:.875rem;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:none;border-radius:2px}
.hero-card:hover,.pub-card:hover,.pillar:hover{transform:none;box-shadow:none;border-color:#8393a1}
body.home .hero{background:var(--paper);padding:148px 0 54px;border-bottom:1px solid var(--border)}
body.home .hero::before,body.home .hero-watermark{display:none}
body.home .hero-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:70px;align-items:start}
body.home .hero h1{color:var(--navy);font-size:clamp(2.75rem,4.5vw,4.25rem);line-height:1.1;max-width:700px;margin-bottom:25px}
body.home .hero-masthead{color:var(--slate);margin-bottom:26px}
body.home .hero-lead{font-size:1.32rem;line-height:1.55;color:var(--slate);max-width:610px;margin-bottom:18px}
body.home .hero-lead b{color:var(--navy);font-weight:600}
body.home .hero-sub{color:var(--muted);font-size:1rem;line-height:1.65;margin-bottom:26px}
body.home .hero .btn-dark{background:var(--navy);color:#fff}
body.home .hero .btn-dark:hover{background:#294360}
body.home .hero .btn-ghost{border-color:#a7b0b8;color:var(--navy)}
body.home .hero .btn-ghost:hover{background:#eef1f3}
body.home .hero .ghost-link{color:var(--slate);font-size:.875rem}
body.home .hero-cards{gap:0;border-top:2px solid var(--navy);padding-top:0}
body.home .hero-card{background:transparent;border:0;border-bottom:1px solid var(--border);padding:21px 20px 22px 0;border-radius:0}
body.home .hero-card:last-child{border-bottom:0}
body.home .hero-card:hover{background:#f0f2f1}
body.home .hero-card-title{font-family:"Newsreader",Georgia,serif;font-size:1.45rem;line-height:1.3;color:var(--navy)}
body.home .hero-card-meta{font-size:.875rem;line-height:1.6;margin-top:8px;color:var(--muted)}
body.home .hero-card-go{right:0;top:24px;color:var(--slate)}
body.home .hero-card-eyebrow{font-size:.75rem;letter-spacing:.08em;margin-bottom:10px}
body.home .hero-card-eyebrow .tick{display:none}
body.home #publications{background:#fff;padding:64px 0}
body.home .featured-pub-inner{border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:none;background:transparent;grid-template-columns:1fr 1fr;margin-top:30px}
body.home .featured-pub-visual{padding:28px;background:var(--stone)}
body.home .featured-pub-content{padding:32px 36px}
body.home .featured-pub-content h3{font-size:2rem;line-height:1.25}
body.home .featured-pub-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.875rem}
body.home .featured-pub-deck{font-size:1.0625rem;line-height:1.65}
body.home .idea-section{background:var(--stone)}
body.home .idea-grid{gap:60px}
body.home .term-def p{font-size:1.25rem;line-height:1.6}
body.home .pillars-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
body.home .pillar{background:transparent;border:0;border-top:1px solid var(--border);padding:26px 0 30px}
body.home .pillar h3{font-size:1.7rem}
body.home .pillar-sub-line{font-size:.75rem;letter-spacing:.055em}
body.home .method-grid{gap:24px}
body.home .method-q h3{font-size:1.2rem}
body.home .method-q p{font-size:1rem;line-height:1.65}
body.home .standard-section{background:#eef1f3;color:var(--navy)}
body.home .standard-head h2{color:var(--navy)}
body.home .standard-head p{color:var(--slate);font-size:1rem}
body.home .standard-card{background:#fff;border:1px solid var(--border);border-top:2px solid var(--brass)}
body.home .standard-card-src{color:var(--muted);font-size:.75rem}
body.home .std-cell{border-color:var(--border)}
body.home .std-cell p{color:var(--slate);font-size:1.125rem}
body.home .std-lbl,body.home .std-lbl.std-pass,body.home .std-lbl.std-fail{color:var(--brass);font-size:.75rem}
body.home .standard-card-link{color:var(--lapis);border-color:var(--border);font-size:.875rem}
body.home .standard-section .overline{color:var(--slate)}
body.home .standard-section .overline::before{background:var(--brass)}
body.home .salon-card{border-radius:0;box-shadow:none}
body.home .salon-card-image{aspect-ratio:16/9;height:auto;object-fit:cover}
body.home .salon-city{font-family:"Newsreader",Georgia,serif;font-size:1.7rem}
body.home .instrument-count span{font-size:.8125rem;letter-spacing:.02em;text-transform:none}
body.home .instrument-count b{font-size:1.25rem}
body.home .tool-block{background:transparent;border:1px solid var(--border);padding:28px}
body.home .subscribe{border-top:1px solid #394652}
.pillar p,.pub-desc,.tool-block p,.salon-context,.salon-body p,.arch-tier p,.council-role,.people-role,.questions li,.work p,.cycle-card p,.term-card p,.receive-item p,.sustain-item p,.fellow-bio,.fellow-bio p,.fellow-affil,.note-text,.contact-detail-sub,.press-headline,.institutional-page .institutional-card p,.institutional-page .institutional-card li,.institutional-page .prose p,.institutional-page .prose li{font-size:1rem;line-height:1.7}
.institutional-page .prose{max-width:var(--reading-measure)}
.institutional-page .prose h2{font-size:1.85rem;margin-top:42px}
.institutional-page .institutional-card{padding:28px;background:transparent;border-width:1px 0 0;border-radius:0}
.institutional-page .institutional-card h3{font-size:1.5rem}
.institutional-page .fact-table th{font-size:.8125rem;text-transform:none;letter-spacing:0}
.institutional-page .fact-table td,.institutional-page .status-note{font-size:1rem}
.institutional-page .related-links a{font-size:.9375rem;line-height:1.6}
.institutional-page .definition{font-size:1.375rem}
.stream{padding:38px 0;gap:44px}
.stream h2{font-size:2rem}
.stream-body p{font-size:1rem;line-height:1.75;max-width:70ch}
.stream-latest{border-left:2px solid var(--brass);background:#fff;padding:22px 25px}
.stream-latest-title{font-size:1.4rem;line-height:1.35}
.stream-cadence,.stream-latest-issue,.stream-latest-byline,.stream-archive,.row-date,.row-byline{font-size:.875rem}
.stream-latest-label,.row-pillar,.row-status,.archive-count{font-size:.75rem}
.stream-latest .placeholder{font-size:1rem;color:var(--slate)}
.row-title{font-size:1.45rem;line-height:1.3}
.row-deck{font-size:1rem;line-height:1.65}
.issue-row{padding:28px 0;gap:25px}
.masthead{padding-top:146px}
.masthead-title{font-size:clamp(3rem,6vw,4.75rem)}
.masthead-sub{font-size:1.2rem;line-height:1.6}
.masthead-meta .item{font-size:.875rem}
.spotlight-card{box-shadow:none;border-radius:0}
.spotlight-headline{font-size:clamp(1.85rem,3vw,2.6rem)}
.spotlight-deck{font-size:1.0625rem;line-height:1.7}
/* Article measures, a static contents list, and useful end matter. */
.article-wrap{max-width:840px;padding-left:32px;padding-right:32px}
.issue-mast{padding-top:145px;padding-bottom:36px;background:var(--paper)}
.article-headline{font-size:clamp(2.35rem,4.5vw,3.55rem);line-height:1.12}
.article-deck{font-family:"Newsreader",Georgia,serif;font-size:1.3rem;line-height:1.6;color:var(--slate)}
.article-byline,.byline-author,.byline-date,.byline-reading,.byline-author-affiliation{font-size:.875rem;line-height:1.7}
.issue-tag,.issue-number{font-size:.8125rem;letter-spacing:.035em}
.article-body{padding-top:38px;background:#fff}
.article-body p,.article-body li{font-size:1.125rem;line-height:1.8}
.article-body h2{font-size:1.9rem;margin-top:42px}
.article-body h3{font-size:1.4rem}
.article-body .signal-item-title{font-size:1.35rem;line-height:1.4}
.article-body .signal-second-order p,.article-body .verification-cell p,.article-body .lens p{font-size:1.0625rem}
.article-body .pull-quote{font-size:1.55rem;line-height:1.5;border-left:2px solid var(--brass);background:var(--paper)}
.article-body .sources,.article-body .sources li{font-size:.9375rem;line-height:1.7}
.reading-tools{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0;margin-top:24px}
.reading-tools summary{cursor:pointer;font:500 .875rem/1.5 "Archivo",sans-serif;padding:8px 0;color:var(--navy);min-height:44px}
.reading-tools ol{display:grid;grid-template-columns:1fr 1fr;gap:3px 24px;padding:10px 0 4px 22px;margin:0}
.reading-tools li{font:.875rem/1.55 "Archivo",sans-serif;padding:3px 0;color:var(--muted)}
.reading-tools a{color:var(--slate);text-decoration:none;padding:6px 0;display:inline-block}
.reading-tools a:hover{text-decoration:underline;color:var(--lapis)}
.reading-links{display:flex;gap:8px 24px;flex-wrap:wrap;font-size:.8125rem;margin-top:10px}
.reading-links a{color:var(--slate);text-decoration:underline;padding:8px 0;min-height:40px}
.cite-block{max-width:776px;margin-inline:auto;padding:24px;border-top:2px solid var(--brass);background:#f0f2f3}
.cite-block h2{font-size:1.4rem}
.cite-block p{font-size:.9375rem;line-height:1.7;overflow-wrap:anywhere}
.issue-nav-link{padding:22px 24px}
.issue-nav-title{font-size:1.2rem;line-height:1.4}
.issue-nav-direction{font-size:.8125rem}
.scan-body{max-width:1240px}
.reading{min-width:0}
.chapter p,.chapter li{font-size:1.125rem;line-height:1.8}
.hero-wrap{max-width:1100px}
.hero-title{font-size:clamp(2.5rem,5vw,4rem)}
.toc{top:110px}
.toc-list a{font-size:.875rem;line-height:1.5}
.mobile-toc summary{min-height:44px;padding:12px;cursor:pointer}
.people-page .people-bio,.people-page .people-bio p{font-size:1rem;line-height:1.75}
.people-page .people-card{border-radius:0;box-shadow:none}
.people-page .people-name{font-size:1.6rem}
.people-page .people-jump-links a{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center}
.contact-page{padding-top:146px}
.contact-intro h1{font-size:clamp(2.5rem,4.5vw,3.6rem)}
.contact-intro>p{font-size:1.0625rem;line-height:1.75}
.form-card{box-shadow:none;border:1px solid var(--border);border-top:2px solid var(--navy);padding:32px}
.form-label{font-size:.875rem;letter-spacing:0;text-transform:none}
input,select,textarea,.form-input,.form-select,.form-textarea{font-size:1rem;max-width:100%;border-radius:2px}
.form-note{font-size:.8125rem;line-height:1.7}
.form-error{padding:14px 16px;margin-bottom:18px;background:#fff4ed;border-left:3px solid #a03d26;color:#77341e;font-size:.9375rem}
.form-error[hidden]{display:none}
.form-helper{font-size:.875rem;color:var(--muted);margin-bottom:22px}
.form-helper a{color:var(--lapis)}
.subscribe-note,.subscribe.on-ink .subscribe-note{font-size:.8125rem;color:#c0c8cf}
.subscribe-fallback{display:inline-block;margin-top:15px;font-size:.875rem;color:#ebd18a;text-underline-offset:4px}
footer,body.home footer{background:#f0f1ef;padding:56px 0 30px}
.footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:65px}
.footer-brand-block{max-width:340px}
.footer-brand{font-size:1.15rem}
.footer-desc{font-size:.875rem;line-height:1.8}
.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.footer-heading{font-size:.75rem;color:var(--slate);letter-spacing:.06em}
.footer-col a{font-size:.875rem;line-height:1.65;margin-bottom:9px}
.footer-bottom,.footer-social a{font-size:.8125rem}
/* Progressive enhancement: navigation remains available if scripts fail. */
@media(min-width:1041px){.site-nav .nav-links{display:flex}}
@media(max-width:1100px) and (min-width:1041px){.site-nav .nav-inner{gap:16px;padding-inline:24px}.site-nav .nav-links{gap:16px}.site-nav .nav-name{font-size:1.05rem}}
@media(max-width:1040px){
 .site-nav .nav-inner{min-height:76px;padding-block:8px}.site-nav .nav-links{background:#fff;border-bottom:1px solid var(--border);padding:16px 40px 24px;box-shadow:0 8px 18px #17253c12;max-height:calc(100dvh - 79px);overflow-y:auto;gap:3px}
 .site-nav .nav-links a{font-size:1rem;min-height:46px;padding:11px 0}.site-nav .nav-links a.active::after{display:none}.site-nav .nav-links a.active{border-left:2px solid var(--brass);padding-left:12px}
 .site-nav .nav-links a.nav-cta{margin-top:10px}.mobile-nav-toggle{display:flex}
 body.home .hero-grid{gap:40px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
 .footer-inner{grid-template-columns:1fr;gap:32px}.footer-brand-block{max-width:650px}
}
@media(max-width:800px){
 .wrap{padding-inline:28px}.page-hero,.institutional-page .page-hero,.issue-mast,.masthead,.contact-page{padding-top:122px}
 body.home .hero{padding-top:122px}body.home .hero-grid{grid-template-columns:1fr;gap:36px}body.home .hero h1{font-size:clamp(2.6rem,7vw,3.75rem)}
 body.home .hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}body.home .hero-card{border-bottom:0}body.home .hero-card:last-child{grid-column:1/-1;border-top:1px solid var(--border)}
 body.home .featured-pub-inner{grid-template-columns:1fr}body.home .featured-pub-visual{padding:24px}body.home .featured-pub-content{padding:28px 0}
 body.home .idea-grid{grid-template-columns:1fr;gap:24px}.footer-links{gap:20px}
 .hero-byline{grid-template-columns:1fr 1fr}.reading-tools ol{grid-template-columns:1fr}
 .article-wrap{padding-inline:28px}.article-body p,.article-body li{font-size:1.0625rem}
 .stream{gap:24px}.stream-meta{min-width:0}.issue-row{gap:18px}
 .on-ink,.engage-section{overflow-wrap:break-word}
}
@media(max-width:600px){
 .wrap{padding-inline:22px}.site-nav .nav-inner{padding-inline:20px;gap:12px}.site-nav .nav-name{font-size:1rem}.site-nav .nav-logo{width:32px;height:32px}.site-nav .nav-links{padding-inline:22px}
 body.home .hero{padding-bottom:32px}body.home .hero h1{font-size:2.65rem}body.home .hero-lead{font-size:1.2rem}body.home .hero-sub{font-size:1rem}
 body.home .hero-cta{gap:12px}body.home .hero-cta .btn{flex:1 1 100%}body.home .hero .ghost-link{padding:6px 0}
 body.home .hero-cards{display:block}body.home .hero-card{padding:21px 18px 22px 0;border-bottom:1px solid var(--border)}body.home .hero-card:last-child{border-top:0;border-bottom:0}
 body.home #publications{padding:44px 0}body.home .pillars-grid{grid-template-columns:1fr}body.home .method-grid{grid-template-columns:1fr 1fr;gap:28px 20px}
 body.home .method-q{padding:0}body.home .method-q h3{font-size:1.16rem}body.home .method-q p{font-size:.9375rem}
 body.home .hero-masthead{font-size:.75rem;white-space:normal;flex-wrap:wrap;letter-spacing:.07em}
 .page-hero,.institutional-page .page-hero{padding-bottom:38px}.page-hero h1{font-size:2.5rem}.page-hero .lede,.page-hero .lead{font-size:1.125rem}
 .article-wrap{padding-inline:22px}.article-headline{font-size:2.35rem}.article-deck{font-size:1.2rem}.article-byline{gap:8px 14px;flex-wrap:wrap}
 .article-body h2{font-size:1.7rem}.article-body p,.article-body li{line-height:1.8}.article-body .pull-quote{padding:20px;font-size:1.35rem}
 .institutional-page .institutional-card{padding:22px 0}.institutional-page .fact-table th,.institutional-page .fact-table td{padding-inline:18px}
 .footer-links{grid-template-columns:1fr 1fr;gap:24px 18px}.footer-col a{min-height:40px;display:flex;align-items:center;margin-bottom:2px}.footer-social a{padding:12px 0;min-height:44px}
 .form-card{padding:23px 20px}.form-row{grid-template-columns:1fr}.contact-inner{gap:30px}
 .issue-row{grid-template-columns:36px 1fr}.row-aside{grid-column:2;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;text-align:left}.row-status{display:none}
 .row-title{font-size:1.35rem}.row-deck{font-size:.9375rem}.hero-cta-row{flex-wrap:wrap}.hero-cta-row .btn{flex:1 1 100%}
 .breadcrumb{font-size:.8125rem}.reading-links{gap:2px 20px}.chapter p,.chapter li{font-size:1.0625rem}
}
@media(max-width:360px){.site-nav .nav-name{font-size:.9375rem}.site-nav .nav-inner{padding-inline:15px}.wrap,.article-wrap{padding-inline:18px}body.home .method-grid{grid-template-columns:1fr}body.home .hero h1{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{
 @page{margin:18mm}body{background:#fff;color:#000;font:11pt/1.5 Georgia,serif}.site-nav,.skip-link,footer,.subscribe,.subscribe-band,.reading-tools,.reading-links,.issue-nav,.read-progress,.toc,.mobile-toc,.bottom-cta,.hero-cta-row,.breadcrumbs{display:none!important}
 section,.hero,.issue-mast,.page-hero{padding:12pt 0!important;background:#fff!important;color:#000!important}.wrap,.article-wrap,.hero-wrap,.scan-body,.reading{max-width:none!important;width:auto!important;padding:0!important;display:block!important}
 h1{font-size:28pt!important;color:#000!important}h2{font-size:18pt!important;break-after:avoid}h3{break-after:avoid}p,li,.chapter p,.article-body p{font-size:11pt!important;color:#000!important}a{color:#000!important}figure,table,.cite-block{break-inside:avoid}img{max-width:100%}details{display:none}.on-ink{background:#fff!important;color:#000!important}
}

/* Immediate rendering keeps reading and navigation stable. */
.editorial .hero h1,.editorial .hero-lead,.editorial .hero-sub,.editorial .hero-cta,.editorial .hero-card,.editorial .hero-masthead{animation:none;opacity:1;transform:none}
/* Institute pages: long biographies and partnership explanations need space. */
.wrap-narrow{max-width:1040px;padding-left:40px;padding-right:40px;margin-inline:auto}
.page-hero::before{display:none}
.section-intro,.practice p,.form-item p,.current-item p,.inquire p,.role-head p{font-size:1rem;line-height:1.75}
.form-item,.sustain-item,.receive-item,.current-item{background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;padding:26px 0}
.form-item h3,.sustain-item h3,.receive-item h3,.current-item h3{font-size:1.5rem}
.form-grid,.sustain-grid,.receive-grid{gap:12px 40px}
.form-item .who{font-size:.875rem;line-height:1.7}
.form-tag,.receive-tag,.practice-label{font-size:.75rem;letter-spacing:.08em}
.people-page .person-card{padding:26px;gap:22px;grid-template-columns:100px minmax(0,1fr);border:0;border-top:1px solid var(--border);background:transparent}
.people-page .person-card img{width:100px;height:120px;object-fit:cover;filter:grayscale(100%)}
.people-page .person-card h3{font-size:1.5rem;margin-bottom:8px}
.people-page .person-card p,.people-page .role-head p{font-size:1rem;line-height:1.75}
.people-page .person-title{font-size:.75rem;letter-spacing:.06em;line-height:1.5;margin-bottom:14px}
.people-page .person-work{font-size:.875rem;margin-top:18px;line-height:1.8}
.people-page .people-jump{gap:0 22px}
.people-page .people-jump a{border:0;border-top:1px solid var(--border);padding:14px 0;background:transparent;font-size:.875rem;min-height:46px}
.people-page .role-head{grid-template-columns:270px 1fr;gap:40px}
.people-page .person-grid,.people-page .council-grid,.people-page .research-grid{gap:12px 24px}
.editorial:has(.shell) .shell{padding-top:130px;max-width:740px}
.editorial:has(.shell) main{width:100%}
.intro-title{font-size:clamp(2.2rem,4vw,3rem);font-weight:400}
.intro-sub,.option-label,.option-text,.question-sub{font-size:1rem;line-height:1.7}
.intro-meta-label,.progress-label,.context-label,.result-label,.q-label{font-size:.75rem;letter-spacing:.08em}
.intro-meta-value{font-size:1rem}
.screen{animation:none}
@media(max-width:800px){.wrap-narrow{padding-inline:28px}.people-page .person-grid,.people-page .council-grid,.people-page .research-grid{grid-template-columns:1fr}.people-page .role-head{grid-template-columns:1fr;gap:12px}.people-page .person-card{padding:24px 0}}
@media(max-width:600px){.wrap-narrow{padding-inline:22px}.people-page .person-card{grid-template-columns:76px minmax(0,1fr);gap:20px}.people-page .person-card img{width:76px;height:91px}.people-page .person-card h3{font-size:1.4rem}.people-page .people-jump{grid-template-columns:1fr 1fr;gap:0 20px}.form-grid,.sustain-grid,.receive-grid{gap:12px}.editorial:has(.shell) .shell{padding-top:120px}.inquire .cta-btns{flex-direction:column}}
@media(max-width:600px){
 body.home .hero h1{font-size:2.4rem}
 body.home .hero-masthead{gap:10px;flex-wrap:nowrap;letter-spacing:.045em}
 .hero-masthead .hm-rule{width:22px}
 .people-page .person-card{row-gap:8px;align-items:start}
 .people-page .person-card>div{display:contents}
 .people-page .person-card img{grid-column:1;grid-row:1/3;height:76px}
 .people-page .person-card h3{grid-column:2;margin:4px 0 0}
 .people-page .person-card .person-title{grid-column:2;margin:0 0 18px}
 .people-page .person-card p,.people-page .person-card .person-work{grid-column:1/-1;margin-top:12px}
}
.footer-inner{padding:0}
.footer-heading{overflow-wrap:anywhere}
.cite-block-bottom p{overflow-wrap:anywhere}
.pub-card,.pub-card>*{min-width:0}
.pub-card .pub-type,.pub-card .pub-meta{white-space:normal;overflow-wrap:anywhere}
.article-deck{font-style:normal}
.article-byline{margin:20px 0 24px}
@media(max-width:360px){.scale{flex-wrap:wrap;gap:6px}.scale>span:first-child{flex-basis:100%}.item-body{min-width:0}.item-text{min-width:0}}
.meta-box{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));font-size:1rem}
.meta-box>*{min-width:0}
.meta-box .pub-meta{white-space:normal;font-size:.875rem}
.item-text{font-size:1rem;line-height:1.7}
.context-status{visibility:hidden}
.context-status.shown{visibility:visible;font-size:.875rem;line-height:1.6}
.screen-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.item-row{grid-template-columns:minmax(0,1fr)}.scale{flex-wrap:wrap}.scale-label{flex-basis:100%;margin-bottom:4px}.scale-btn{flex-shrink:0}}
.stream{grid-template-columns:270px minmax(0,1fr)}
.stream-body p+p{font-size:.875rem;line-height:1.75;margin-top:14px;margin-bottom:18px}
.stream-latest-link{font-size:.875rem}
.hero-byline .label{font-size:.75rem;letter-spacing:.08em}
.hero-byline-item .value{font-size:.875rem!important;line-height:1.7}
.hero-byline-item .serif-val{font-size:1.0625rem!important}
.featured-pub-caption{font-size:.8125rem;line-height:1.65;color:var(--muted);margin-top:16px}
.featured-pub-caption a{color:var(--lapis);text-decoration:underline}
section,section:not(.hero):not(.page-hero):not(.issue-mast) h2[id],h3[id]{scroll-margin-top:18px}
@media(max-width:800px){.stream{grid-template-columns:1fr;gap:24px}}
.subscribe-fallback{color:var(--lapis)}
.on-ink .subscribe-fallback{color:#ebd18a}
nav.breadcrumbs{position:static;background:transparent;border:0;box-shadow:none;backdrop-filter:none;top:auto;left:auto;right:auto;z-index:auto}
.policy-body p,.policy-body li,.body-section p,.body-section li,.policy-card p{font-size:1rem;line-height:1.8}
.policy-body .wrap-narrow,.body-section .wrap-narrow{max-width:840px}
.policy-body h2,.body-section h2{font-size:1.8rem;line-height:1.3}
.policy-body h3,.body-section h3{font-size:1.3rem;line-height:1.4}
.pub-item>*{min-width:0}
@media(max-width:640px){.pub-item{grid-template-columns:minmax(0,1fr)}.pub-item .pub-meta{white-space:normal;overflow-wrap:anywhere;font-size:.875rem;line-height:1.7}}
body.editorial h1:not(.screen-title){font-family:"Newsreader",Georgia,serif;font-weight:400}
.context-status{letter-spacing:0;text-transform:none}