/* ==========================================================================
   VTAG design system — hand-maintained stylesheet for the vtag-new-design theme.

   Loaded on every page (functions.php).

   Sections
     1. Tokens            palette (unchanged), type scale, spacing, lines
     2. Base              reset, typography, links, focus
     3. Layout            wrap, grid, sections, bands, rules
     4. Buttons           primary / secondary / text / nav / compact / states
     5. Header & menu
     6. Page heads
     7. Newsroom          featured story, story rows, filters, pager
     8. Directories       countries, resources, join/donate rows
     9. Country page
    10. Leadership
    11. Article & prose   single update, WordPress block content; 11b About page; 11c About Tibet
    12. Home
    13. Footer
    14. Utilities, motion, print
   ========================================================================== */

/* 1. Tokens ---------------------------------------------------------------- */
:root{
  /* Brand palette — do not change. */
  --blue:#1F5DAA;
  --navy:#163A63;
  --sky:#4B86D8;
  --gold:#D8B34D;
  --crimson:#C94A4A;
  --paper:#FDFCF8;
  --beige:#F3EFE7;
  --mist:#EEF2F6;
  --stone:#D7D5CF;
  --white:#FFFFFF;
  --slate:#5B6470;
  --ink:#2B2D33;
  --charcoal:#1D232A;
  --green:#5E9C76;

  /* Derived: rules and translucent surfaces built from the palette. */
  --line:rgba(22,58,99,.14);
  --line-strong:rgba(22,58,99,.32);
  --line-on-dark:rgba(253,252,248,.18);
  --text-on-dark:var(--paper);
  --muted-on-dark:rgba(253,252,248,.74);
  --tint-blue:rgba(31,93,170,.08);
  --tint-gold:rgba(216,179,77,.18);

  /* Type */
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --tibetan:"Noto Serif Tibetan","Microsoft Himalaya","Kailasa",serif;
  /* Numerals (4.1.0): statistics, counters, years and dates are set in the heading serif with lining, tabular figures,
     so numbers read as part of the editorial voice rather than as code. Labels made of words stay in the mono face. */
  --num:"Newsreader",Georgia,"Times New Roman",serif;
  --nums:lining-nums tabular-nums;

  --step--1:.8125rem;                                  /* 13px  labels, metadata */
  --step-0:1rem;                                       /* 16px  body            */
  --step-1:1.1875rem;                                  /* 19px  lede            */
  --step-2:clamp(1.3125rem,1.2rem + .5vw,1.5rem);      /* 21–24 list headlines  */
  --step-3:clamp(1.75rem,1.45rem + 1.4vw,2.375rem);    /* 28–38 section titles  */
  --step-4:clamp(2.25rem,1.7rem + 2.6vw,3.5rem);       /* 36–56 page titles     */
  --step-5:clamp(2.75rem,2rem + 4vw,4.75rem);          /* 44–76 display         */

  /* Space & layout */
  --maxw:1200px;
  --gutter:clamp(16px,4vw,40px);
  --gap:clamp(1.25rem,2.5vw,2.5rem);
  --section:clamp(3.5rem,7vw,6.5rem);
  --measure:66ch;
  --radius:14px;      /* brand token; applied only to media and large surfaces */
  --radius-sm:4px;    /* controls */
  --header-h:72px;

  --ease:cubic-bezier(.2,.6,.2,1);
  --fast:160ms;
  --slow:360ms;
}

/* 2. Base ------------------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:var(--step-0);line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;
}
#root{display:flex;flex-direction:column;min-height:100vh}
#main{flex:1 0 auto}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.1;margin:0;color:var(--navy);letter-spacing:-.012em;overflow-wrap:anywhere}
h1{font-size:var(--step-4)}
h2{font-size:var(--step-3)}
h3{font-size:var(--step-2)}
h4{font-size:var(--step-1);font-family:var(--sans);font-weight:600;letter-spacing:0}
p{margin:0 0 1em}
a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-color:var(--line-strong);transition:color var(--fast),text-decoration-color var(--fast)}
a:hover{text-decoration-color:currentColor}
img,video{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
ul,ol{margin:0 0 1em;padding-left:1.25em}
figure{margin:0}
time{font-family:var(--num);font-variant-numeric:var(--nums);letter-spacing:0;text-transform:none}
.num{font-family:var(--num);font-variant-numeric:var(--nums);letter-spacing:0;text-transform:none}
.meta time,.meta .num{font-size:1.125em;color:var(--navy)}
.eyebrow .num{font-size:1.2em;font-weight:500;color:var(--navy);line-height:1}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}
.site-header :focus-visible,.menu-panel :focus-visible,.site-footer :focus-visible,.band-navy :focus-visible{outline-color:var(--gold)}
::selection{background:var(--gold);color:var(--charcoal)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:var(--gutter);top:-100px;z-index:200;background:var(--gold);color:var(--charcoal);padding:.6rem 1rem;border-radius:var(--radius-sm);font-weight:600;text-decoration:none}
.skip-link:focus{top:.75rem}

/* Text roles */
.eyebrow{display:inline-flex;align-items:center;gap:.65em;font-family:var(--mono);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);font-weight:500;line-height:1.3}
.eyebrow::before{content:"";flex:none;width:1.25rem;height:2px;background:var(--gold)}
.eyebrow.plain::before{display:none}
.meta{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.04em;color:var(--slate);line-height:1.4}
.meta b{font-weight:500;color:var(--navy)}
.meta .sep{margin:0 .5em;color:var(--stone)}
.lede{font-family:var(--serif);font-size:var(--step-1);line-height:1.5;color:var(--ink);max-width:48ch}
.muted{color:var(--slate)}
.tibetan{font-family:var(--tibetan);line-height:1.6}

/* 3. Layout ---------------------------------------------------------------- */
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.wrap-narrow{max-width:860px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:1/-1}
.col-start-2{grid-column-start:2}.col-start-8{grid-column-start:8}
.section{padding:var(--section) 0}
.section-tight{padding:calc(var(--section) * .6) 0}
.band-beige{background:var(--beige)}
.band-mist{background:var(--mist)}
.band-navy{background:var(--navy);color:var(--text-on-dark)}
.band-navy h1,.band-navy h2,.band-navy h3{color:var(--text-on-dark)}
.band-navy .eyebrow{color:var(--muted-on-dark)}
.band-navy .muted{color:var(--muted-on-dark)}
.band-navy a{color:var(--text-on-dark);text-decoration-color:var(--line-on-dark)}
.rule{border:0;border-top:1px solid var(--line);margin:0}
.rule-strong{border-top:2px solid var(--navy)}
.flag-stripe{height:3px;background:linear-gradient(90deg,var(--sky) 0 20%,var(--paper) 20% 40%,var(--crimson) 40% 60%,var(--green) 60% 80%,var(--gold) 80% 100%)}

.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:2px solid var(--navy);margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.section-head h2{font-size:var(--step-3)}
.section-head .eyebrow{display:flex;margin-bottom:.6rem}
.section-head .link-more{margin-bottom:.25rem}

.empty{padding:2.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--slate);font-family:var(--serif);font-size:var(--step-1);max-width:var(--measure)}
.empty p{margin:0}
.empty small{display:block;margin-top:.6rem;font-family:var(--sans);font-size:var(--step--1)}

/* Media frames */
.frame{position:relative;overflow:hidden;background:var(--mist);border-radius:0}
.frame img{width:100%;height:100%;object-fit:cover;transition:transform var(--slow) var(--ease)}
.frame.r32{aspect-ratio:3/2}.frame.r43{aspect-ratio:4/3}.frame.r45{aspect-ratio:4/5}.frame.r169{aspect-ratio:16/9}.frame.r219{aspect-ratio:21/9}.frame.r11{aspect-ratio:1}
.frame.round{border-radius:0}
.frame.large{border-radius:0}
.frame-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mist),var(--beige));color:var(--slate);font-family:var(--mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase}
.frame-empty::after{content:"VTAG";opacity:.6}
.monogram{display:flex;align-items:center;justify-content:center;background:var(--navy);color:var(--paper);font-family:var(--serif);font-weight:500;letter-spacing:.02em}

/* 4. Buttons --------------------------------------------------------------- */
.btn{
  --btn-bg:var(--navy);--btn-fg:var(--paper);--btn-bd:var(--navy);
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  min-height:2.75rem;padding:.6em 1.25em;border:1px solid var(--btn-bd);border-radius:var(--radius-sm);
  background:var(--btn-bg);color:var(--btn-fg);
  font-family:var(--sans);font-size:.9375rem;font-weight:500;line-height:1.2;letter-spacing:.005em;
  text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;position:relative;
  transition:background var(--fast),color var(--fast),border-color var(--fast),transform var(--fast);
}
.btn:hover{text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn svg{width:1em;height:1em;flex:none}
.btn .arrow{display:inline-block;transition:transform var(--fast) var(--ease)}
.btn:hover .arrow{transform:translateX(3px)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.btn.is-loading{color:transparent;pointer-events:none}
.btn.is-loading::after{content:"";position:absolute;width:1.1em;height:1.1em;border:2px solid var(--btn-fg);border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}

.btn-primary{--btn-bg:var(--navy);--btn-fg:var(--paper);--btn-bd:var(--navy)}
.btn-primary:hover{--btn-bg:var(--blue);--btn-bd:var(--blue)}
.btn-secondary{--btn-bg:transparent;--btn-fg:var(--navy);--btn-bd:var(--line-strong)}
.btn-secondary:hover{--btn-bg:var(--white);--btn-bd:var(--navy)}
.btn-gold{--btn-bg:var(--gold);--btn-fg:var(--charcoal);--btn-bd:var(--gold)}
.btn-gold:hover{--btn-bg:#e2c26a;--btn-bd:#e2c26a}
.btn-ghost{--btn-bg:transparent;--btn-fg:var(--paper);--btn-bd:rgba(253,252,248,.45)}
.btn-ghost:hover{--btn-bd:var(--paper);--btn-bg:rgba(253,252,248,.08)}
.btn-sm{min-height:2.25rem;padding:.4em .9em;font-size:var(--step--1)}
.btn-block{display:flex;width:100%}

/* Text / editorial links */
.link-more{display:inline-flex;align-items:center;gap:.4em;font-family:var(--sans);font-weight:600;font-size:.9375rem;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.1em;transition:color var(--fast),border-color var(--fast)}
.link-more .arrow{transition:transform var(--fast) var(--ease)}
.link-more:hover{color:var(--blue);border-color:var(--blue);text-decoration:none}
.link-more:hover .arrow{transform:translateX(3px)}
.link-back{display:inline-flex;align-items:center;gap:.45em;font-family:var(--mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);text-decoration:none}
.link-back:hover{color:var(--navy)}
.link-quiet{color:inherit;text-decoration:none}
.link-quiet:hover{color:var(--blue)}

/* Stretched link: the headline's anchor covers its block container. */
.has-stretched{position:relative}
.stretched::after{content:"";position:absolute;inset:0;z-index:1}
.has-stretched a:not(.stretched){position:relative;z-index:2}

/* Form controls */
.input{width:100%;padding:.65em .9em;min-height:2.75rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--white);color:var(--ink);transition:border-color var(--fast),box-shadow var(--fast)}
.input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--tint-blue)}
.field{display:flex;flex-direction:column;gap:.4rem;max-width:26rem}
.field label{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}

/* 5. Header & menu --------------------------------------------------------- */
.site-header{position:sticky;top:0;z-index:100;background:var(--navy);color:var(--text-on-dark)}
.site-header::after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--sky) 0 20%,var(--paper) 20% 40%,var(--crimson) 40% 60%,var(--green) 60% 80%,var(--gold) 80% 100%)}
.header-inner{display:flex;align-items:center;gap:1.5rem;min-height:var(--header-h)}
.brand{display:flex;align-items:center;gap:.8rem;color:var(--text-on-dark);text-decoration:none;flex:0 1 auto;min-width:0}
.brand > span{min-width:0}
.brand:hover{text-decoration:none;color:var(--text-on-dark)}
.brand img{height:56px;width:auto;flex:none}
.brand .wordmark{display:block;font-family:var(--serif);font-size:1.55rem;font-weight:500;line-height:1;letter-spacing:.02em}
.brand .sub{display:block;margin-top:.3rem;font-family:var(--mono);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav{display:flex;align-items:center;gap:.1rem;margin-left:auto}
.nav a{position:relative;display:inline-flex;align-items:center;height:var(--header-h);padding:0 .75rem;color:rgba(253,252,248,.86);font-size:.9rem;font-weight:500;text-decoration:none;transition:color var(--fast)}
.nav a::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--fast) var(--ease)}
.nav a::after{display:none}
.nav a:hover,.nav a:focus-visible,.nav a[aria-current="page"]{color:var(--gold)}
.nav .nav-action{height:auto;margin-left:.6rem;padding:.5em 1em;border:1px solid var(--gold);border-radius:var(--radius-sm);color:var(--gold);font-weight:600}
.nav .nav-action::after{display:none}
.nav .nav-action:hover,.nav .nav-action[aria-current="page"]{background:var(--gold);color:var(--charcoal)}
/* The བོད button (Tibetan edition), right of Donate: a quiet chip in the Tibetan face, gold on hover. */
.nav .nav-lang{display:inline-flex;align-items:center;gap:.4rem;height:2.5rem;margin-left:.5rem;padding:0 .85rem 0 .7rem;border:1px solid var(--line-on-dark);border-radius:var(--radius-sm);background:rgba(253,252,248,.05);color:rgba(253,252,248,.92);transition:border-color var(--fast),background var(--fast),color var(--fast)}
.nav .nav-lang svg{width:1rem;height:1rem;flex:none;color:var(--gold);opacity:.9}
.nav .nav-lang span{font-family:var(--tibetan);font-size:1.15rem;font-weight:500;line-height:1;transform:translateY(.42em)}
.nav .nav-lang:hover,.nav .nav-lang:focus-visible,.nav .nav-lang[aria-current="page"]{border-color:var(--gold);background:rgba(216,179,77,.12);color:var(--gold)}
.menu-lang [lang="bo"]{font-family:var(--tibetan);font-size:1.1em}
.nav-trigger{white-space:nowrap}
@media (max-width:1140px){.nav .nav-lang{margin-left:.3rem;padding:0 .65rem 0 .55rem;gap:.3rem}.nav .nav-lang span{font-size:1.05rem}}
@media (max-width:1080px){.nav a,.nav-trigger{padding:0 .42rem}}
/* Dropdown groups (Our work, About, Leadership). The trigger is a button styled like the links; the panel hangs
   just below the header's colour bar, on paper, with a gold top rule. */
.nav-item{position:relative;display:flex;align-items:stretch}
.nav-trigger{position:relative;display:inline-flex;align-items:center;gap:.3rem;height:var(--header-h);padding:0 .75rem;background:transparent;border:0;color:rgba(253,252,248,.86);font-size:.9rem;font-weight:500;letter-spacing:0;transition:color var(--fast)}
.nav-trigger::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--fast) var(--ease)}
.nav-trigger svg{width:.85rem;height:.85rem;opacity:.75;transition:transform var(--fast) var(--ease),opacity var(--fast)}
.nav-trigger::after{display:none}
.nav-trigger:hover,.nav-trigger:focus-visible,.nav-item.is-open .nav-trigger,.nav-item.is-active .nav-trigger{color:var(--gold)}
.nav-trigger:hover svg,.nav-item.is-open .nav-trigger svg{opacity:1}
.nav-item.is-open .nav-trigger svg{transform:rotate(180deg)}
.nav-menu{position:absolute;top:calc(100% + 3px);left:0;z-index:5;min-width:19.5rem;padding:.5rem;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:0 28px 48px -24px rgba(22,58,99,.5);animation:menuIn var(--fast) var(--ease) both}
.nav-item.align-end .nav-menu{left:auto;right:0}
.nav-menu[hidden]{display:none}
.nav-menu ul{list-style:none;margin:0;padding:0}
/* Menu items: a quiet row. Hover/focus tints the row in mist, a short gold rule rises on the left, the title turns
   blue and a small arrow slides in beside it. The current page rests on a warm beige tint with the gold rule standing. */
.nav .nav-menu a{position:relative;display:block;height:auto;padding:.75rem 1rem .75rem 1.15rem;border-radius:var(--radius-sm);color:var(--navy);text-decoration:none;transition:background-color .2s var(--ease)}
.nav .nav-menu a::before{content:"";position:absolute;left:.4rem;top:.85rem;bottom:.85rem;width:2px;border-radius:2px;background:var(--gold);transform:scaleY(0);transition:transform .25s var(--ease)}
.nav .nav-menu a::after{display:none}
.nav-menu a b{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9375rem;line-height:1.3;color:var(--navy);transition:color .2s var(--ease)}
.nav-menu a b::after{content:"→";font-weight:500;color:var(--gold);opacity:0;transform:translateX(-5px);transition:opacity .2s var(--ease),transform .25s var(--ease)}
.nav-menu a span{display:block;margin-top:.2rem;font-size:var(--step--1);color:var(--slate);line-height:1.45;transition:color .2s var(--ease)}
.nav .nav-menu a:hover,.nav .nav-menu a:focus-visible{background:var(--mist);color:var(--navy)}
.nav .nav-menu a:hover::before,.nav .nav-menu a:focus-visible::before,.nav .nav-menu a[aria-current="page"]::before{transform:scaleY(1)}
.nav-menu a:hover b,.nav-menu a:focus-visible b{color:var(--blue)}
.nav-menu a:hover b::after,.nav-menu a:focus-visible b::after{opacity:1;transform:none}
.nav-menu a:hover span,.nav-menu a:focus-visible span{color:var(--ink)}
.nav .nav-menu a[aria-current="page"]{background:color-mix(in srgb,var(--beige) 75%,var(--paper));color:var(--navy)}
.nav .nav-menu a[aria-current="page"]:hover{background:var(--beige)}
@media (prefers-reduced-motion:reduce){.nav .nav-menu a::before,.nav-menu a b::after{transition:none}.nav-menu a b::after{transform:none}}
.nav-menu :focus-visible{outline-color:var(--blue);outline-offset:-2px}
@keyframes menuIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:1140px){.nav a,.nav-trigger{padding:0 .55rem;font-size:.875rem}.nav-trigger::after,.nav a::after{left:.55rem;right:.55rem}.nav .nav-action{margin-left:.35rem;padding:.45em .85em}}
.menu-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--line-on-dark);border-radius:var(--radius-sm);color:var(--text-on-dark);padding:.45rem .6rem;align-items:center;gap:.5rem;font-size:var(--step--1);font-weight:500;letter-spacing:.04em}
.menu-toggle svg{width:20px;height:20px}
.menu-panel{position:fixed;inset:0;z-index:120;background:var(--navy);color:var(--text-on-dark);display:flex;flex-direction:column;padding:0 var(--gutter) 2rem;overflow-y:auto}
.menu-panel[hidden]{display:none}
.menu-panel-head{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-h);border-bottom:1px solid var(--line-on-dark);margin-bottom:1rem}
.menu-panel-head .brand img{height:48px}
.menu-close{background:transparent;border:1px solid var(--line-on-dark);border-radius:var(--radius-sm);color:var(--text-on-dark);padding:.45rem .6rem;display:inline-flex;align-items:center;gap:.5rem;font-size:var(--step--1)}
.menu-close svg{width:20px;height:20px}
.menu-panel nav{display:flex;flex-direction:column}
.menu-panel nav a{font-family:var(--serif);font-size:1.75rem;line-height:1.2;color:var(--text-on-dark);text-decoration:none;padding:.8rem 0;border-bottom:1px solid var(--line-on-dark);display:flex;justify-content:space-between;align-items:center}
.menu-panel nav a[aria-current="page"]{color:var(--gold)}
.menu-panel nav a .arrow{font-family:var(--sans);opacity:.5}
/* Mobile menu groups: a gold heading, then the group's pages with their one-line descriptions. */
.menu-group{padding:.95rem 0 .35rem;border-bottom:1px solid var(--line-on-dark)}
.menu-group-title{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.15rem}
.menu-group.is-active .menu-group-title::after{content:"";display:inline-block;width:.4rem;height:.4rem;margin-left:.6rem;background:var(--gold);transform:rotate(45deg);vertical-align:middle}
.menu-group ul{list-style:none;margin:0;padding:0}
.menu-panel nav .menu-group a{font-size:1.3rem;padding:.55rem 0 .55rem .85rem;border-bottom:0;border-left:1px solid var(--line-on-dark);margin:.1rem 0}
.menu-panel nav .menu-group a[aria-current="page"]{border-left:2px solid var(--gold)}
.menu-sub{min-width:0}
.menu-sub b{display:block;font-weight:500;line-height:1.2}
.menu-sub small{display:block;margin-top:.15rem;font-family:var(--sans);font-size:var(--step--1);color:var(--muted-on-dark);line-height:1.4}
.menu-panel nav a[aria-current="page"] .menu-sub small{color:var(--muted-on-dark)}
.menu-panel .menu-foot{margin-top:auto;padding-top:2rem;color:var(--muted-on-dark);font-size:var(--step--1);line-height:1.6}
.menu-panel .menu-foot .btn{margin-top:1rem}
body.menu-open{overflow:hidden}

/* 6. Page heads ------------------------------------------------------------ */
.page-head{padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(1.5rem,3vw,2.25rem);border-bottom:1px solid var(--line)}
.page-head .grid{align-items:end}
.page-head .head-main{grid-column:span 7}
.page-head .head-aside{grid-column:9/-1;align-self:end}
.page-head .eyebrow{margin-bottom:1rem}
.page-head h1{font-size:var(--step-4);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
.page-head .lede{margin:1rem 0 0}
.page-head .link-back{margin-bottom:1.25rem}
.page-head.compact{padding-top:clamp(1.5rem,3vw,2.5rem)}
.page-head-dark{background:var(--navy);color:var(--text-on-dark);border-bottom:0}
.page-head-dark h1,.page-head-dark .lede{color:var(--text-on-dark)}
.page-head-dark .eyebrow,.page-head-dark .link-back{color:var(--muted-on-dark)}
.page-head-dark .link-back:hover{color:var(--text-on-dark)}

/* Section tabs under a page head: the sibling pages of a dropdown group (Updates · Workshops · Conferences). */
.subnav-bar{border-bottom:1px solid var(--line);background:var(--paper)}
.subnav{display:flex;gap:0 1.75rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.subnav::-webkit-scrollbar{display:none}
.subnav a{position:relative;flex:none;padding:.95rem 0;font-weight:500;font-size:.9375rem;color:var(--slate);text-decoration:none;white-space:nowrap;transition:color var(--fast)}
.subnav a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform var(--fast) var(--ease)}
.subnav a:hover{color:var(--navy)}
.subnav a[aria-current="page"]{color:var(--navy)}
.subnav a[aria-current="page"]::after{transform:scaleX(1)}
.page-head-dark + .subnav-bar{border-top:0}
.subnav-bar + .section-tight .filter-bar{margin-top:0}

/* "This page is being written" (About Tibet before the page exists). */
.pending{max-width:var(--measure);font-family:var(--serif);font-size:var(--step-1);line-height:1.55;color:var(--ink);padding:1.5rem 0 0}
.pending p{margin:0 0 1em}
.pending .actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.75rem}
.pending .actions .link-more{margin-left:.5rem}

/* 7. Newsroom -------------------------------------------------------------- */
.story-featured{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:center;padding:0 0 clamp(1.75rem,3vw,2.5rem);border-bottom:1px solid var(--line)}
.story-featured .story-media{grid-column:span 7}
.story-featured .story-body{grid-column:span 5}
.story-featured .frame{border-radius:0}
.story-featured h3{font-size:var(--step-3);line-height:1.1;letter-spacing:-.018em;margin:.75rem 0 1rem}
.story-featured .story-excerpt{font-family:var(--serif);font-size:var(--step-1);line-height:1.5;color:var(--ink);margin-bottom:1.25rem}
.story-featured .flag-label{margin-bottom:.4rem}
.story-featured.no-media .story-body{grid-column:1/span 9}
.story-featured .story-media:hover img,.story-row:hover .frame img{transform:scale(1.025)}
.story-body h3 a,.story-row h3 a{color:inherit;text-decoration:none}
.story-body h3 a:hover,.story-row h3 a:hover{color:var(--blue)}

.story-list{list-style:none;margin:0;padding:0}
.story-row{display:grid;grid-template-columns:8rem minmax(0,1fr) 12rem;gap:1.5rem clamp(1.25rem,3vw,2.5rem);align-items:start;padding:clamp(1.25rem,2.5vw,1.75rem) 0;border-bottom:1px solid var(--line)}
.story-row.no-media{grid-template-columns:8rem minmax(0,1fr)}
.story-row .story-date{font-family:var(--num);font-variant-numeric:var(--nums);font-size:.9375rem;color:var(--slate);line-height:1.4;padding-top:.3rem}
.story-row .story-date b{display:block;font-size:1.875rem;line-height:1;font-weight:400;color:var(--navy);margin-bottom:.2rem}
.story-row h3{font-size:var(--step-2);font-weight:500;line-height:1.25;margin:.2rem 0 .5rem}
.story-row .story-excerpt{color:var(--slate);font-size:.9375rem;line-height:1.55;margin:0;max-width:60ch}
.story-row .frame{aspect-ratio:3/2}
.story-list.compact .story-row{grid-template-columns:8rem minmax(0,1fr)}
.story-list.compact .story-row .story-media{display:none}

.filter-bar{display:flex;flex-wrap:wrap;gap:0 1.5rem;align-items:center;margin:1.5rem 0 0;border-bottom:1px solid var(--line)}
.filter-bar .filter-label{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);padding:.75rem 0;margin-right:.5rem}
.filter-bar button{position:relative;background:transparent;border:0;padding:.85rem 0;font-weight:500;font-size:.9375rem;color:var(--slate);transition:color var(--fast)}
.filter-bar button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--navy);transform:scaleX(0);transition:transform var(--fast) var(--ease)}
.filter-bar button:hover{color:var(--navy)}
.filter-bar button[aria-pressed="true"]{color:var(--navy)}
.filter-bar button[aria-pressed="true"]::after{transform:scaleX(1)}
.filter-bar .count{font-family:var(--num);font-variant-numeric:var(--nums);font-size:.875rem;color:var(--slate);margin-left:.45em}
.list-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.5rem}
.list-foot .meta{margin:0}
.flag-label{display:inline-flex;align-items:center;gap:.5em;font-family:var(--mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.flag-label::before{content:"";width:.5rem;height:.5rem;background:var(--gold);transform:rotate(45deg);flex:none}

/* 8. Directories ----------------------------------------------------------- */
.dir{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.dir-row{display:grid;grid-template-columns:3rem minmax(0,1.25fr) minmax(0,1fr) auto;gap:1.5rem;align-items:center;padding:1.25rem .25rem;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background var(--fast),padding var(--fast)}
.dir-row:hover{background:var(--mist);text-decoration:none;color:inherit;padding-left:.75rem}
.dir-row .dir-main{min-width:0}
.dir-index{font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:var(--slate)}
.dir-name{font-family:var(--serif);font-size:var(--step-2);font-weight:500;color:var(--navy);line-height:1.15;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.dir-name .flag{font-size:1.25em;line-height:1}
.dir-sub{margin:.2rem 0 0;font-size:var(--step--1);color:var(--slate)}
.dir-person{display:flex;align-items:center;gap:.8rem;min-width:0}
.dir-person .frame{width:2.75rem;height:2.75rem;flex:none}
.dir-person .monogram{width:2.75rem;height:2.75rem;border-radius:0;font-size:.9rem}
.dir-person b{display:block;font-weight:600;font-size:.9375rem;color:var(--ink);line-height:1.3}
.dir-person span{display:block;font-size:var(--step--1);color:var(--slate);line-height:1.3}
.dir-arrow{color:var(--navy);font-size:1.25rem;line-height:1;transition:transform var(--fast) var(--ease)}
.dir-row:hover .dir-arrow{transform:translateX(4px)}
.dir-group{margin-top:2.5rem}
.dir-group:first-child{margin-top:0}
.dir-group-title{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}
.dir-group-title h2{font-size:var(--step-2)}

/* Countries globe (assets/globe.js + assets/globe-data/world.json). The sphere is drawn by WebGL and the vector layers on the canvas; the ::before sphere shadow is the canvas-only fallback. */
.globe-band{background:var(--mist);border-bottom:1px solid var(--line);padding:calc(var(--section) * .5) 0}
.globe-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap);align-items:center}
.globe-holder{position:relative;width:100%;max-width:560px;margin:0 auto;aspect-ratio:1/1;touch-action:none}
.globe-holder::before{content:"";position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle at 31% 25%,var(--white),#F5F9FD,#E5EEF8 64%,#CFDCEC 87%,#B7C9DE);box-shadow:0 30px 60px -28px rgba(22,58,99,.45);transition:opacity var(--slow)}
.globe-holder.has-gl::before{background:none;box-shadow:none}
.globe-holder.is-zoom::before{opacity:0}
.globe-gl{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.globe-canvas{position:relative;z-index:2;display:block;width:100%;height:100%;cursor:grab}
.globe-holder.is-drag .globe-canvas{cursor:grabbing}
.globe-canvas.is-hot{cursor:pointer}
.globe-zoom{position:absolute;right:.75rem;bottom:.75rem;z-index:3;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--white)}
.globe-zoom button{width:2.5rem;height:2.5rem;border:0;background:none;color:var(--navy);font:500 1.125rem/1 var(--sans);cursor:pointer;transition:background var(--fast),color var(--fast)}
.globe-zoom button+button{border-top:1px solid var(--line)}
.globe-zoom button:hover{background:var(--navy);color:var(--white)}
.map-tooltip{position:absolute;z-index:4;background:var(--white);border-left:3px solid var(--gold);padding:.55rem .8rem;box-shadow:0 8px 24px rgba(22,58,99,.16);pointer-events:none;opacity:0;transform:translate(-50%,-115%);transition:opacity var(--fast);white-space:nowrap}
.map-tooltip .tt-name{font-family:var(--serif);font-size:1.05rem;font-weight:500;color:var(--navy)}
.map-tooltip .tt-vol{font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.map-tooltip .tt-bo{font-family:"Noto Serif Tibetan",var(--serif);font-weight:500}
.globe-copy h2{font-size:var(--step-3);margin:.5rem 0 .75rem}
.globe-copy p{max-width:38ch;margin:0 0 1.25rem}
@media (max-width:900px){.globe-layout{grid-template-columns:1fr}.globe-holder{max-width:440px}.globe-copy{text-align:center}.globe-copy p{margin-inline:auto}}
.dir-group-title .count{font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:var(--slate)}

/* Home intro + updates filters (2026-10-19, 4.3.0). Home: "What is V-TAG" (the .home-about grid, coordinators panel in
   the side column), then Our goal / Our vision on a navy band — gold numerals, the first sentence set large in the
   serif. Updates: Country and Type glide selects side by side. */
.home-intro .about-copy .prose p+p{margin-top:.9em}
.home-intro .about-copy .link-more{margin-top:1.5rem}
.home-pillars{background:var(--navy);color:var(--text-on-dark);padding:clamp(3rem,7vw,5.5rem) 0}
.hi-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.hi-pillar{position:relative;padding:0 clamp(1.25rem,4vw,3.5rem) 0 0}
.hi-pillar+.hi-pillar{padding:0 0 0 clamp(1.25rem,4vw,3.5rem);border-left:1px solid var(--line-on-dark)}
.hi-num{display:block;font-family:var(--num);font-variant-numeric:var(--nums);font-size:var(--step-1);color:var(--gold);letter-spacing:.04em;margin-bottom:1.25rem}
.hi-num::after{content:"";display:inline-block;vertical-align:middle;width:2.5rem;height:1px;background:var(--gold);margin-left:.75rem;opacity:.7}
.hi-pillar h3{font-family:var(--mono);font-weight:500;font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-on-dark);margin:0 0 1rem}
.hi-pillar .hi-key{font-family:var(--serif);font-size:var(--step-3);line-height:1.2;color:var(--text-on-dark);margin:0 0 1.25rem;max-width:22ch;text-wrap:balance}
.hi-pillar.is-vision .hi-key{font-size:var(--step-2);line-height:1.35;max-width:34ch}
.hi-pillar p{color:var(--muted-on-dark);max-width:52ch;margin:0}
.hi-pillar p+p{margin-top:.8em}
.hi-pillar a{color:var(--text-on-dark)}
@media (max-width:820px){
  .hi-pillars{grid-template-columns:minmax(0,1fr);gap:2.75rem}
  .hi-pillar,.hi-pillar+.hi-pillar{padding:0;border-left:0}
  .hi-pillar+.hi-pillar{padding-top:2.75rem;border-top:1px solid var(--line-on-dark)}
}
.upd-filters{display:grid;grid-template-columns:repeat(2,minmax(0,18rem));gap:1rem 1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}
@media (max-width:560px){.upd-filters{grid-template-columns:minmax(0,1fr)}}

/* Resources (4.1.0): the publication library. One card everywhere — poster or a typographic type tile, category · date,
   title, caption (four lines, never cut mid-thought into nothing), file type and size — on an equal-height grid. */
.res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:var(--gap);align-items:stretch}
.res-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.res-card{display:flex;flex-direction:column;min-height:100%;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy);transition:box-shadow var(--slow) var(--ease)}
.res-card:hover{box-shadow:0 26px 48px -32px rgba(22,58,99,.45)}
.res-card:hover .frame img{transform:scale(1.02)}
.res-poster{background:var(--mist)}
.res-poster-type{display:flex;align-items:center;justify-content:center;background:var(--mist);background-image:linear-gradient(135deg,var(--mist),var(--beige))}
.res-poster-type span{font-family:var(--num);font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);letter-spacing:.04em;color:var(--navy);opacity:.7;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);padding:.2em .4em}
.res-body{display:flex;flex-direction:column;flex:1 0 auto;padding:1.1rem 1.25rem 1.2rem}
.res-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .55rem;margin:0 0 .65rem;font-size:var(--step--1);color:var(--slate)}
.res-meta .sep{color:var(--stone)}
.res-cat{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.1em}
.res-cat:hover{color:var(--blue);border-color:var(--blue)}
.res-date{font-family:var(--num);font-variant-numeric:var(--nums);font-size:.9375rem;color:var(--slate)}
.res-card h3{font-size:var(--step-2);line-height:1.2;margin:0 0 .6rem;text-wrap:pretty}
.res-card h3 a{color:inherit;text-decoration:none}
.res-card:hover h3 a{color:var(--blue)}
.res-excerpt{margin:0;font-size:.9375rem;line-height:1.55;color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
.res-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:auto 0 0;padding-top:1rem}
.res-kind{display:inline-flex;align-items:baseline;gap:.5em;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.res-kind::before{content:"";align-self:center;width:.5rem;height:.5rem;border:1px solid var(--navy);transform:rotate(45deg)}
.res-size{font-family:var(--num);font-variant-numeric:var(--nums);font-size:.9375rem;letter-spacing:0;text-transform:none;color:var(--slate)}
.res-open{font-size:var(--step--1)}
.res-tools{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;border-bottom:1px solid var(--line)}
.res-tools .filter-bar{flex:1 1 32rem;margin:0;border-bottom:0}
.res-search{flex:0 1 20rem;padding:.5rem 0}
.res-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;margin:1.25rem 0 1.5rem}
.res-status .meta{margin:0}
.res-status .link-more{font-size:var(--step--1)}
.res-none{margin:0;padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--serif);font-size:var(--step-1);color:var(--slate)}
.res-none[hidden]{display:none}
.res-cats{margin-top:clamp(3rem,6vw,4.5rem)}
.res-cats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:0 var(--gap)}
.res-cats a{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1.1rem 0 1.25rem;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.res-cats li:nth-child(-n+3) a{border-top:0}
.res-cats b{font-family:var(--serif);font-size:var(--step-2);font-weight:500;color:var(--navy);line-height:1.15}
.res-cats a:hover b{color:var(--blue)}
.res-cats a > span:not(.meta){font-size:.9375rem;line-height:1.5;color:var(--slate)}
.res-cats .meta{margin-top:auto;padding-top:.5rem;color:var(--navy)}
.res-cats .meta .arrow{color:var(--gold);display:inline-block;transition:transform var(--fast) var(--ease)}
.res-cats a:hover .meta .arrow{transform:translateX(3px)}
.res-trail{margin:0}
.page-head .res-trail{margin-bottom:1.5rem}
.res-single .wrap > .res-trail{padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(1.25rem,2.5vw,2rem)}
.res-single-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,4vw,3.5rem) var(--gap);align-items:start;padding-bottom:clamp(2.5rem,5vw,4rem)}
.res-single-media{position:sticky;top:calc(var(--header-h) + 1.5rem)}
.res-hero{margin:0}
.res-hero .frame{box-shadow:0 30px 60px -36px rgba(22,58,99,.5)}
.res-hero .frame img{object-fit:contain;background:var(--beige)}
.res-hero .res-poster-type{box-shadow:none}
.res-hero .res-poster-type span{font-size:clamp(2.5rem,2rem + 2vw,3.75rem)}
.res-facts{margin:1.5rem 0 0;border-top:2px solid var(--navy)}
.res-single-body h1{font-size:clamp(2rem,1.3rem + 2.4vw,3.5rem);line-height:1.06;letter-spacing:-.02em;text-wrap:balance;margin:.75rem 0 0}
.res-single-meta{display:flex;flex-wrap:wrap;align-items:center;margin:1.1rem 0 0}
.res-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:1.75rem 0 0;padding:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.res-actions .btn .res-size{color:inherit;opacity:.8;margin-left:.1em}
.res-desc{margin-top:1.75rem;font-size:1.125rem;max-width:var(--measure)}
.res-desc > :last-child{margin-bottom:0}
.res-more{margin-top:0}
@media (max-width:900px){
  .res-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .res-single-grid{grid-template-columns:minmax(0,1fr)}
  .res-single-media{position:static;max-width:30rem}
  .res-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap)}
}
@media (max-width:600px){
  .res-grid,.res-grid-3{grid-template-columns:minmax(0,1fr)}
  .res-facts{grid-template-columns:minmax(0,1fr)}
  .res-cats li a{border-top:1px solid var(--line)}
  .res-cats li:first-child a{border-top:0}
  .res-actions .btn{flex:1 1 auto}
}

/* Join / Donate: "how it works" strip, then one card per country with the person to contact and
   their actions (call, email, join form / WhatsApp group, donate online) as full-width action rows. */
.give-prose{max-width:var(--measure)}
.give-how{padding:clamp(1.75rem,3.5vw,2.75rem) 0;border-bottom:1px solid var(--line)}
.give-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.give-steps li{display:flex;gap:1rem;align-items:flex-start}
.give-steps li+li{border-left:1px solid var(--line);padding-left:var(--gap)}
.give-step-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--navy);color:var(--paper);font-family:var(--num);font-variant-numeric:var(--nums);font-size:1.25rem;font-weight:500;line-height:1}
.give-steps h3{font-family:var(--sans);font-size:1.0625rem;font-weight:600;line-height:1.3;margin:.45rem 0 .35rem;letter-spacing:0}
.give-steps p{margin:0;font-size:.9375rem;line-height:1.55;color:var(--slate);max-width:34ch}
.give-search{margin:0 0 .25rem;width:min(100%,18rem)}
.give-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19.5rem),1fr));gap:var(--gap)}
.give-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:var(--radius-sm);padding:clamp(1.25rem,2.5vw,1.75rem);transition:box-shadow var(--slow) var(--ease)}
.give-card:hover{box-shadow:0 26px 48px -32px rgba(22,58,99,.45)}
.give-card[hidden]{display:none}
.give-card-head{display:flex;align-items:center;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}
.give-card-head h3{font-size:var(--step-2);line-height:1.15}
.give-card-head .dir-sub{margin-top:.15rem}
.give-flag{flex:none;width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;background:var(--mist);border-radius:var(--radius-sm);font-size:1.9rem;line-height:1}
.give-flag-letter{font-family:var(--serif);font-size:1.5rem;font-weight:500;color:var(--navy)}
.give-person{display:flex;align-items:center;gap:.9rem;margin:1.25rem 0 1rem}
.give-person .frame,.give-person .monogram{width:3rem;height:3rem;flex:none;border-radius:0}
.give-person .monogram{font-size:.95rem}
.give-person b{display:block;font-weight:600;font-size:1rem;color:var(--ink);line-height:1.3}
.give-person span{display:block;font-size:var(--step--1);color:var(--slate);line-height:1.35;margin-top:.1rem}
.give-acts{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}
.give-act{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;min-height:3.25rem;padding:.55rem .95rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--white);color:var(--navy);text-decoration:none;transition:background var(--fast),border-color var(--fast),color var(--fast)}
.give-act:hover{background:var(--mist);border-color:var(--navy);color:var(--navy);text-decoration:none}
.give-act-icon{display:flex;width:1.25rem;height:1.25rem;flex:none}
.give-act-icon svg{width:100%;height:100%}
.give-act-text{min-width:0}
.give-act-label{display:block;font-weight:600;font-size:.9375rem;line-height:1.25}
.give-act-value{display:block;font-family:var(--mono);font-size:.75rem;letter-spacing:.02em;color:var(--slate);line-height:1.3;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.give-act-arrow{font-size:1.1rem;line-height:1;transition:transform var(--fast) var(--ease)}
.give-act:hover .give-act-arrow{transform:translateX(3px)}
.give-act-primary{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.give-act-primary .give-act-value{color:var(--muted-on-dark)}
.give-act-primary:hover{background:var(--blue);border-color:var(--blue);color:var(--paper)}
.give-soon{margin:1.25rem 0;padding:1rem 1.1rem;background:var(--beige);border-radius:var(--radius-sm);font-size:.9375rem;line-height:1.5;color:var(--slate)}
.give-soon b{display:block;color:var(--navy);font-weight:600;margin-bottom:.2rem}
.give-person+.give-soon{margin-top:0}
.give-card-foot{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);display:flex;justify-content:flex-start}
.give-card-foot .link-more{font-size:var(--step--1)}
.give-none{margin:0;padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--serif);font-size:var(--step-1);color:var(--slate)}
.give-foot{margin:clamp(1.5rem,3vw,2.5rem) 0 0;font-size:.9375rem}

/* 9. Country page ---------------------------------------------------------- */
.country-head h1{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}
.country-head .flag{font-size:.8em;line-height:1}
.country-feature{margin-top:clamp(1.5rem,3vw,2.5rem)}
.country-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.country-body .country-main{grid-column:span 7}
.country-body .country-aside{grid-column:9/-1}
.contact-sheet{border-top:2px solid var(--navy);padding-top:1.25rem}
.contact-sheet + .contact-sheet{margin-top:2rem}
.contact-sheet .eyebrow{margin-bottom:1rem}
.contact-sheet .person{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}
.contact-sheet .person .frame{width:4.5rem;height:4.5rem;flex:none}
.contact-sheet .person .monogram{width:4.5rem;height:4.5rem;border-radius:0;font-size:1.25rem}
.contact-sheet .person b{display:block;font-family:var(--serif);font-size:var(--step-2);font-weight:500;color:var(--navy);line-height:1.15}
.contact-sheet .person span{display:block;color:var(--slate);font-size:var(--step--1);margin-top:.2rem}
.contact-sheet dl{margin:0}
.contact-sheet dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);padding-top:.75rem;border-top:1px solid var(--line)}
.contact-sheet dd{margin:.15rem 0 .75rem;overflow-wrap:anywhere}
.contact-sheet .btn + .btn{margin-top:.6rem}
.country-updates{margin-top:clamp(2.5rem,5vw,4rem)}
/* Former National Coordinators of the country, under the contact sheet: a quiet line, not a second card. */
.previously{margin-top:1.75rem;padding-top:1rem;border-top:1px solid var(--line)}
.previously .eyebrow{color:var(--slate);margin-bottom:.4rem}
.previously ul{list-style:none;margin:0;padding:0;font-size:.9375rem}
.previously li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;padding:.3rem 0}
.previously a{color:var(--navy);text-decoration-color:var(--line)}
.previously .meta{font-size:.75rem}

/* 9b. Social links & Contact page ------------------------------------------
   Icon buttons (.social-btn) are monochrome in the brand palette and take the surface's colour: navy on
   paper, paper/gold on navy (footer, menu). .follow-list is the large variant with the account name. */
.social-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.social-list li{margin:0}
.social-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex:none;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--white);color:var(--navy);text-decoration:none;transition:background var(--fast),color var(--fast),border-color var(--fast)}
.social-btn svg{width:1.25rem;height:1.25rem}
a.social-btn:hover{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.social-list.social-sm{gap:.35rem}
.social-list.social-sm .social-btn{width:2rem;height:2rem;border-radius:3px}
.social-list.social-sm .social-btn svg{width:1rem;height:1rem}
.site-footer .social-btn,.menu-panel .social-btn{background:transparent;border-color:var(--line-on-dark);color:var(--text-on-dark)}
.site-footer a.social-btn:hover,.menu-panel a.social-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--charcoal)}
.follow-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.follow-list li{margin:0}
.follow-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;min-height:3.25rem;padding:.45rem .95rem .45rem .5rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--white);color:var(--navy);text-decoration:none;transition:background var(--fast),border-color var(--fast)}
.follow-list a:hover{background:var(--mist);border-color:var(--navy);color:var(--navy);text-decoration:none}
.follow-list .social-btn{border:0;background:transparent;width:2.25rem;height:2.25rem}
.follow-list a:hover .social-btn{background:transparent;color:var(--navy)}
.follow-text{min-width:0}
.follow-text b{display:block;font-weight:600;font-size:.9375rem;line-height:1.25}
.follow-text span{display:block;font-family:var(--mono);font-size:.75rem;letter-spacing:.02em;color:var(--slate);line-height:1.3;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.follow-list a:hover .give-act-arrow{transform:translateX(3px)}
.follow-sheet .follow-list{margin-top:.25rem}

.contact-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}
.contact-intro{grid-column:span 4;font-size:1.0625rem;line-height:1.7;max-width:40ch}
.contact-intro p:last-child{margin-bottom:0}
.contact-cards{grid-column:6/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:start}
.contact-grid.no-intro .contact-cards{grid-column:1/-1}
.contact-cards.single{grid-template-columns:minmax(0,1fr)}
.contact-grid.no-intro .contact-cards.single{grid-column:1/span 7}
.contact-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:var(--radius-sm);padding:clamp(1.25rem,2.5vw,1.75rem)}
.contact-card .eyebrow{margin-bottom:.9rem}
.contact-card h2{font-size:var(--step-2);line-height:1.15;margin:0 0 .6rem}
.contact-card p{color:var(--slate);font-size:.9375rem;line-height:1.55;margin:0 0 1.25rem;max-width:40ch}
.contact-card .give-act-value{white-space:normal;overflow-wrap:anywhere}
.cc-lede{color:var(--slate);max-width:60ch;margin:-.5rem 0 1.75rem;font-size:1.0625rem}
.cc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1.25rem}
.cc-card{display:flex;flex-direction:column;gap:.9rem;padding:1.1rem 1.25rem 1rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);transition:box-shadow var(--slow) var(--ease)}
.cc-card:hover{box-shadow:0 26px 48px -32px rgba(22,58,99,.45)}
.cc-head{display:flex;align-items:center;gap:.85rem}
.cc-head .give-flag{width:2.75rem;height:2.75rem;font-size:1.6rem}
.cc-head .give-flag-letter{font-size:1.25rem}
.cc-head h3{font-size:1.1875rem;line-height:1.2}
.cc-head h3 a{color:inherit;text-decoration:none}
.cc-head h3 a:hover{color:var(--blue)}
.cc-head .dir-sub{margin-top:.1rem}
.cc-person{display:flex;align-items:center;gap:.75rem}
.cc-person .frame,.cc-person .monogram{width:2.5rem;height:2.5rem;flex:none;border-radius:0;font-size:.85rem}
.cc-person b{display:block;font-weight:600;font-size:.9375rem;line-height:1.3;color:var(--ink)}
.cc-person span{display:block;font-size:var(--step--1);color:var(--slate);line-height:1.3}
.cc-links{display:flex;flex-direction:column;gap:.35rem;font-size:.9375rem}
.cc-links a{display:flex;align-items:center;gap:.6rem;color:var(--navy);text-decoration:none;overflow-wrap:anywhere;min-height:1.75rem}
.cc-links a:hover{color:var(--blue);text-decoration:underline}
.cc-links .give-act-icon{color:var(--slate)}
.cc-soon{margin:0;font-size:.9375rem;color:var(--slate)}
.cc-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-top:.85rem;border-top:1px solid var(--line)}
.cc-foot .link-more{font-size:var(--step--1)}
.give-card-foot{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}

/* FAQ accordion: native <details>, one question open at first, no JavaScript needed. */
.faq-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}
.faq-intro{grid-column:span 4;position:sticky;top:calc(var(--header-h) + 1.5rem)}
.faq-intro .eyebrow{margin-bottom:1rem}
.faq-intro h2{margin-bottom:1rem;max-width:14ch;text-wrap:balance}
.faq-intro p{color:var(--slate);max-width:34ch;margin:0}
.faq-list{grid-column:6/-1;border-top:2px solid var(--navy)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.1rem 0;cursor:pointer;color:var(--navy);transition:color var(--fast)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--blue)}
.faq-q{font-family:var(--serif);font-size:var(--step-2);font-weight:500;line-height:1.25;text-wrap:balance}
.faq-icon{position:relative;flex:none;width:1.75rem;height:1.75rem;border:1px solid var(--line-strong);border-radius:50%;transition:background var(--fast),border-color var(--fast)}
.faq-icon::before,.faq-icon::after{content:"";position:absolute;left:50%;top:50%;width:.8rem;height:1.5px;background:currentColor;transform:translate(-50%,-50%);transition:transform var(--slow) var(--ease)}
.faq-icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-icon{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.faq-item[open] .faq-icon::after{transform:translate(-50%,-50%) rotate(0)}
.faq-answer{padding:0 3rem 1.4rem 0;max-width:var(--measure);font-size:1.0625rem;line-height:1.65;color:var(--ink)}
.faq-answer p{margin:0 0 .8em}
.faq-answer p:last-child{margin:0}

/* 10. Leadership -----------------------------------------------------------
   Every National Coordinator gets the same card, the same portrait frame and the same weight; nobody is
   featured. The order comes from the data (country Display Order), never from a flag. */
.portrait img{object-position:50% 20%}                      /* one crop rule for every portrait: faces sit near the top */
.portrait.monogram{font-size:2.25rem}
.net-figures{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem clamp(1.5rem,3vw,2.5rem)}
.net-figures li{display:flex;flex-direction:column;gap:.35rem;padding-left:1rem;border-left:2px solid var(--gold)}
.net-figures b{font-family:var(--num);font-weight:400;font-size:clamp(2.25rem,1.8rem + 1.6vw,3.25rem);line-height:.95;letter-spacing:-.015em;color:var(--text-on-dark);font-variant-numeric:var(--nums)}
.net-figures span{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-on-dark);white-space:nowrap}
.nc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:clamp(1.5rem,3vw,2.5rem) var(--gap)}
.nc-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:0;overflow:hidden;transition:box-shadow var(--slow) var(--ease)}
.nc-card:hover{box-shadow:0 26px 48px -32px rgba(22,58,99,.45)}
.nc-media{position:relative}
.nc-media .frame{border-radius:0}
.nc-card:hover .frame img{transform:scale(1.025)}
.nc-flag{position:absolute;left:.75rem;bottom:.75rem;display:inline-flex;align-items:center;gap:.45em;max-width:calc(100% - 1.5rem);padding:.35em .65em;background:var(--paper);color:var(--navy);border-left:2px solid var(--gold);font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 14px rgba(22,58,99,.18)}
.nc-flag .flag{font-size:1.05rem;line-height:1}
.nc-body{display:flex;flex-direction:column;flex:1 0 auto;padding:1.1rem 1.25rem 1.25rem}
.nc-card h3{font-size:var(--step-2);line-height:1.15;margin:0 0 .3rem}
.nc-card h3 a{color:inherit;text-decoration:none}
.nc-card:hover h3 a{color:var(--blue)}
.nc-role{margin:0;color:var(--slate);font-size:var(--step--1);line-height:1.4}
.nc-term{margin:.55rem 0 0;font-family:var(--num);font-style:italic;font-size:.9375rem;letter-spacing:0;color:var(--navy);font-variant-numeric:var(--nums)}
.nc-intro{margin:.85rem 0 0;font-size:.9375rem;line-height:1.55;color:var(--ink)}
.nc-more{margin-top:auto;padding-top:1.1rem;font-size:var(--step--1);align-self:flex-start;border-bottom-width:0}
.nc-more::after{content:"";display:block;height:1px;background:var(--gold);margin-top:.1em}
/* Former coordinators: the same card, slightly quieter (stone top rule, no intro), with the years served up front. */
.nc-former{border-top-color:var(--stone);background:var(--paper)}
.nc-former .nc-flag{border-left-color:var(--stone)}
.nc-served{display:flex;align-items:center;gap:.6em;margin:0 0 .6rem;font-family:var(--num);font-style:italic;font-size:1rem;font-variant-numeric:var(--nums);color:var(--navy)}
.nc-served::before{content:"";flex:none;width:1.25rem;height:2px;background:var(--gold)}
.former-group+.former-group{margin-top:clamp(2.5rem,5vw,4rem)}
.former-group .dir-group-title{align-items:center;padding-bottom:.9rem;border-bottom:2px solid var(--navy);margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.former-group .dir-group-title h2{display:flex;align-items:center;gap:.5em;font-size:var(--step-3)}
.former-group .dir-group-title .flag{font-size:.85em;line-height:1}
.leader-profile.is-former .eyebrow{color:var(--slate)}
/* Former coordinators page (4.1.0): a sticky country bar — one chip per country — scrolls sideways and filters the
   sections in place; then one section per country, each person a card. Fades at the edges and the arrows only appear
   when the bar overflows. */
.fc-bar{position:sticky;top:var(--header-h);z-index:40;background:rgba(253,252,248,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.fc-bar-inner{display:flex;align-items:stretch;gap:.5rem}
.fc-bar-label{display:none}
.fc-bar-scroll{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding:0 1.5rem}
.fc-bar-scroll::-webkit-scrollbar{display:none}
.fc-bar.can-l .fc-bar-scroll{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5rem);mask-image:linear-gradient(90deg,transparent,#000 2.5rem)}
.fc-bar.can-r .fc-bar-scroll{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent)}
.fc-bar.can-l.can-r .fc-bar-scroll{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent)}
.fc-bar-track{display:flex;align-items:stretch;gap:0 2rem;width:max-content}
/* Country filter: plain names with an underline, the same language as the page tabs above and the About Tibet chapter bar. */
.fc-chip{scroll-snap-align:start;position:relative;display:inline-flex;align-items:baseline;gap:.3rem;padding:1.05rem 0 1rem;border:0;border-radius:0;background:transparent;color:var(--slate);font-family:var(--serif);font-size:1.0625rem;font-weight:400;letter-spacing:0;white-space:nowrap;transition:color var(--fast)}
.fc-chip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform var(--fast) var(--ease)}
.fc-chip-n{position:relative;top:-.5em;font-family:var(--num);font-variant-numeric:var(--nums);font-size:.75rem;line-height:1;color:#B08A2E}
.fc-chip:hover{color:var(--navy)}
.fc-chip[aria-pressed="true"]{color:var(--navy)}
.fc-chip[aria-pressed="true"]::after{transform:scaleX(1)}
.fc-chip:focus-visible{outline-offset:1px}
.fc-bar-arrow{flex:none;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:0;border-radius:0;background:transparent;color:var(--slate);transition:color var(--fast),opacity var(--fast)}
.fc-bar-arrow svg{width:1rem;height:1rem}
.fc-bar-arrow.is-prev svg{transform:rotate(90deg)}
.fc-bar-arrow.is-next svg{transform:rotate(-90deg)}
.fc-bar-arrow:hover{color:var(--navy)}
.fc-bar-arrow[disabled]{opacity:.3;pointer-events:none}
.fc-bar-arrow[hidden]{display:none}
@media (hover:none){.fc-bar-arrow{display:none}}
/* .hs: a row that slides sideways instead of wrapping (cms.js hScroll): About Tibet chapters, Updates country filter.
   Same edge fades and arrows as the former coordinators bar. */
.hs{display:flex;align-items:center;gap:.25rem;min-width:0}
.hs-scroll{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hs-scroll::-webkit-scrollbar{display:none}
.hs.can-l .hs-scroll{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5rem);mask-image:linear-gradient(90deg,transparent,#000 2.5rem)}
.hs.can-r .hs-scroll{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent)}
.hs.can-l.can-r .hs-scroll{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent)}
.filter-bar.is-scroll{flex-wrap:nowrap}
.filter-bar.is-scroll .hs{flex:1 1 auto}
.filter-bar .hs-scroll{display:flex;gap:0 1.5rem}
.filter-bar .hs-scroll button{flex:none;white-space:nowrap}
.filter-bar .hs-scroll button::after{bottom:0}
.fc-list{padding-top:clamp(2rem,4vw,3rem)}
.fc-country[hidden]{display:none}
.fc-country{scroll-margin-top:calc(var(--header-h) + 4.5rem)}
.fc-country+.fc-country{margin-top:clamp(3rem,6vw,5rem)}
.fc-country-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding-bottom:.9rem;border-bottom:2px solid var(--navy)}
.fc-country-head h2{display:flex;align-items:center;gap:.5em;margin:0;font-size:var(--step-3)}
.fc-country-head .flag{font-size:.85em;line-height:1}
.fc-country-head .count{font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:var(--slate)}
.fc-country-head .link-more{margin-left:auto;font-size:var(--step--1)}
.fc-list .list-foot{margin-top:clamp(2.5rem,5vw,4rem)}
@media (max-width:640px){
  .fc-bar-label{display:none}
  .fc-chip{font-size:1rem;padding:.95rem 0 .9rem}
  .fc-bar-track{gap:0 1.5rem}
  .fc-country-head .link-more{margin-left:0;flex-basis:100%}
}

/* Network panel (Home aside, About closing): equal portrait circles, flag badges, computed count. */
.net-aside .eyebrow{margin-bottom:1rem}
.net-people{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.net-people li{margin:0}
.net-people a{position:relative;display:block;color:inherit;text-decoration:none;border-radius:0}
.net-people a:hover{text-decoration:none;color:inherit}
.net-ava{position:relative;display:block;flex:none}
.net-people .frame,.net-people .monogram{width:3.25rem;height:3.25rem;border-radius:0;font-size:1rem}
.net-people .frame{box-shadow:0 0 0 1px var(--line)}
.net-people a:hover .frame{box-shadow:0 0 0 2px var(--gold)}
.net-flag{position:absolute;right:-.2rem;bottom:-.15rem;width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:50%;font-size:.85rem;line-height:1;box-shadow:0 1px 4px rgba(22,58,99,.3)}
.net-people.is-named{flex-direction:column;gap:.9rem}
.net-people.is-named a{display:flex;align-items:center;gap:.9rem;border-radius:0}
.net-people.is-named .frame,.net-people.is-named .monogram{width:3.75rem;height:3.75rem;font-size:1.1rem}
.net-name{min-width:0}
.net-name b{display:block;font-weight:600;font-size:1rem;color:var(--ink);line-height:1.3}
.net-name span{display:block;font-size:var(--step--1);color:var(--slate);line-height:1.3;margin-top:.1rem}
.net-people a:hover .net-name b{color:var(--blue)}
.net-count{font-family:var(--serif);font-size:var(--step-1);color:var(--navy);margin:0 0 1rem}

.leader-profile{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}
.leader-profile .leader-media{grid-column:span 5;position:sticky;top:calc(var(--header-h) + 1.5rem)}
.leader-profile .leader-body{grid-column:6/-1;padding-left:clamp(0rem,2vw,1.5rem)}
.leader-profile h1{margin:.6rem 0 .4rem}
.leader-profile .role{font-family:var(--serif);font-size:var(--step-1);color:var(--slate)}
.leader-profile .prose{margin-top:1.5rem}
.leader-facts{margin:2rem 0 0;border-top:2px solid var(--navy)}
.leader-facts div{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.leader-facts dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);padding-top:.3em}
.leader-facts dd{margin:0;overflow-wrap:anywhere}
.pull{font-family:var(--serif);font-size:var(--step-2);line-height:1.4;color:var(--navy);max-width:34ch;margin:0}
.pull::before{content:"";display:block;width:2.5rem;height:2px;background:var(--gold);margin-bottom:1.25rem}

/* 11. Article & prose ------------------------------------------------------ */
/* Article (every post: updates, workshops, conferences). The site's 1200px frame, like the header and footer: trail, label
   and headline run across it, the photo spans it (shown whole, its own proportions, height capped), then a 42rem reading
   column with a sticky rail beside it (facts, share, where next). Under 1024px the rail stacks after the text. */
.article{--read:42rem;--figh:52.5rem} /* 4:3 at the frame's 1120px fills exactly; squarer photos sit on a beige stage */
.article-head{padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(1.5rem,3vw,2.25rem)}
.article-trail{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;font-family:var(--mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.75rem}
.article-trail a{color:var(--slate);text-decoration:none}
.article-trail a:hover{color:var(--navy);text-decoration:underline}
.article-trail span{color:var(--stone)}
.article-head h1{font-size:clamp(2rem,1.3rem + 2.4vw,3.75rem);line-height:1.06;letter-spacing:-.022em;text-wrap:balance;max-width:26ch;margin:.75rem 0 0}
.article-head .meta{display:flex;flex-wrap:wrap;gap:.25rem 0;align-items:center;margin:1.25rem 0 0}
.article.no-media .article-head{border-bottom:1px solid var(--line);margin-bottom:clamp(1.75rem,3.5vw,2.75rem)}
.article-figure{margin:0 0 clamp(1.75rem,3.5vw,2.75rem)}
.article-figure img{display:block;width:100%;height:auto;max-height:var(--figh);object-fit:contain;object-position:center;background:var(--beige)}
.article-figure.is-tall{margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.article-figure.is-tall img{max-height:none;background:none}
.article-figure figcaption{margin:.75rem 0 0;font-family:var(--mono);font-size:.75rem;color:var(--slate);letter-spacing:.04em;line-height:1.5;max-width:var(--read)}
.article-grid{display:grid;grid-template-columns:minmax(0,var(--read)) minmax(16rem,1fr);column-gap:clamp(3rem,7vw,6rem);align-items:start}
.article-main{min-width:0}
.article-body{line-height:1.7}
.article-body > p:first-child{font-size:1.3125rem;line-height:1.55;color:var(--navy)}
.article-body > :last-child{margin-bottom:0}
.article-body h2{font-size:clamp(1.5rem,1.25rem + .9vw,1.875rem);line-height:1.15;margin:2em 0 .6em;padding-top:1em;border-top:1px solid var(--line)}
.article-body h3{font-size:var(--step-1);font-family:var(--serif);font-weight:600;margin:1.6em 0 .5em}
.article-rail{position:sticky;top:calc(var(--header-h) + 1.5rem);border-top:2px solid var(--navy);padding-top:1rem;font-family:var(--sans);font-size:.9375rem}
.article-facts{margin:0}
.article-facts div{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.article-facts dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);padding-top:.3em}
.article-facts dd{margin:0;color:var(--navy);overflow-wrap:anywhere}
.article-facts dd a{color:var(--navy);text-decoration-color:var(--gold)}
.article-facts dd a:hover{color:var(--blue)}
.article-toc{padding:1rem 0;border-bottom:1px solid var(--line)}
.article-toc .eyebrow{display:flex;margin-bottom:.6rem}
.article-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.article-toc li{counter-increment:toc;display:grid;grid-template-columns:1.6rem 1fr;gap:.25rem;padding:.3rem 0;line-height:1.35}
.article-toc li::before{content:counter(toc,decimal-leading-zero);font-family:var(--num);font-variant-numeric:var(--nums);font-size:.875rem;color:var(--slate);padding-top:.1em}
.article-toc a{color:var(--navy);text-decoration:none}
.article-toc a:hover{color:var(--blue);text-decoration:underline;text-decoration-color:var(--gold)}
.article-body h2{scroll-margin-top:calc(var(--header-h) + 1rem)}
.article-head h1 .nobr{white-space:nowrap}
/* Share under the headline: a quiet outlined button; the panel opens below it (phones: share the image or the link;
   everywhere: WhatsApp, Facebook, X, Copy link, and the Instagram images to download). */
.share-bar{position:relative;margin-top:1.25rem}
.share-open{display:inline-flex;align-items:center;gap:.5rem;min-height:2.6rem;padding:0 1.15rem 0 1rem;border:1px solid var(--navy);border-radius:999px;background:transparent;color:var(--navy);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background var(--fast),color var(--fast)}
.share-open svg{width:1.1rem;height:1.1rem}
.share-open:hover,.share-open[aria-expanded="true"]{background:var(--navy);color:var(--paper)}
.share-panel{position:absolute;z-index:20;top:calc(100% + .6rem);left:0;width:min(25rem,calc(100vw - 2rem));padding:.9rem;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:0 18px 40px -18px rgba(22,58,99,.35)}
.share-panel[hidden]{display:none}
.share-native{display:grid;gap:.5rem;margin-bottom:.75rem}
.share-native[hidden]{display:none}
.share-big{display:flex;align-items:center;gap:.85rem;width:100%;padding:.8rem .9rem;border:0;border-radius:var(--radius-sm);background:var(--navy);color:var(--paper);text-align:left;cursor:pointer}
.share-big+.share-big{background:var(--mist);color:var(--navy)}
.share-big svg{width:1.6rem;height:1.6rem;flex:none;color:var(--gold)}
.share-big b{display:block;font-size:.98rem}
.share-big small{display:block;margin-top:.1rem;font-size:.8rem;opacity:.8}
.share-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
.share-net{display:flex;align-items:center;gap:.55rem;width:100%;min-height:2.6rem;padding:0 .8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--navy);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color var(--fast),background var(--fast)}
.share-net svg{width:1.15rem;height:1.15rem;flex:none}
.share-net:hover{border-color:var(--navy);background:var(--mist)}
.share-whatsapp svg{color:#1DA851}
.share-facebook svg{color:#1877F2}
.share-dl{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line)}
.share-dl[hidden]{display:none}
.share-dl-label{flex:1 0 100%;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.share-dl-a{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--gold)}
.share-dl-a svg{width:1rem;height:1rem}
.share-dl-a:hover{color:var(--blue)}
.share-note{margin:.6rem 0 0;font-size:.85rem;color:var(--green);min-height:0}
.share-note:empty{display:none}
.article-share{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.article-share ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem 1.1rem}
.article-share a{font-weight:600;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.1em}
.article-share a:hover{color:var(--blue);border-color:var(--blue)}
.article-next{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:1.25rem}
.article-more{margin-top:clamp(2.5rem,5vw,4rem);padding:clamp(2.25rem,4.5vw,3.5rem) 0;background:var(--mist)}
.story-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.story-card{position:relative;display:flex;flex-direction:column}
.story-card .frame{aspect-ratio:3/2}
.story-card:hover .frame img{transform:scale(1.025)}
.story-card-body{padding-top:1rem}
.story-card h3{font-size:1.25rem;line-height:1.25;margin:.5rem 0 .6rem}
.story-card h3 a{color:inherit;text-decoration:none}
.story-card h3 a:hover{color:var(--blue)}
@media (max-height:640px){.article-rail{position:static}} /* a short window: the rail scrolls with the text instead of being cut off */
@media (max-width:1023px){
  .article-grid{grid-template-columns:minmax(0,var(--read));row-gap:clamp(2rem,4vw,2.75rem)}
  .article-rail{position:static;max-width:var(--read)}
  .article-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap)}
  .article-next{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem}
}
@media (max-width:900px){.story-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .story-cards{grid-template-columns:1fr}
  .article{--figh:32rem}
  .article-figure{margin-inline:calc(-1 * var(--gutter))}
  .article-figure figcaption{padding:0 var(--gutter)}
  .article-facts{grid-template-columns:1fr}
  .article-facts div{grid-template-columns:6.5rem 1fr}
  .article-body > p:first-child{font-size:1.1875rem}
}

.prose{font-family:var(--serif);font-size:1.1875rem;line-height:1.65;color:var(--ink)}
.prose p,.prose li{text-wrap:pretty}
.prose > :first-child{margin-top:0}
.prose p{margin:0 0 1.2em}
.prose h2{font-size:var(--step-3);margin:1.8em 0 .6em}
.prose h3{font-size:var(--step-2);margin:1.6em 0 .5em}
.prose h4{font-family:var(--serif);font-size:var(--step-1);margin:1.4em 0 .4em;font-weight:600}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.3em}
.prose li{margin:.3em 0}
.prose li::marker{color:var(--gold)}
.prose a{color:var(--blue)}
.prose strong{font-weight:600;color:var(--navy)}
.prose blockquote{margin:1.5em 0;padding:0 0 0 1.25em;border-left:2px solid var(--gold);font-size:var(--step-1);color:var(--navy)}
.prose img{height:auto;border-radius:0}
.prose figure{margin:1.5em 0}
.prose figcaption{font-family:var(--mono);font-size:.75rem;color:var(--slate);margin-top:.5rem}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.prose table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:.9375rem}
.prose th,.prose td{text-align:left;padding:.6em .5em;border-bottom:1px solid var(--line)}
.prose iframe,.prose video{max-width:100%}
.prose .has-text-align-center{text-align:center}
.prose .has-text-align-left{text-align:left}
.prose .has-text-align-right{text-align:right}
.prose .has-medium-font-size{font-size:var(--step-1)}
.prose .has-large-font-size{font-size:var(--step-2)}
.prose .has-small-font-size{font-size:var(--step--1)}

/* WordPress block content inherited from the previous theme: flatten decorative
   wrappers so imported pages read as one editorial column. */
.prose .wp-block-group,.prose .wp-block-group__inner-container{display:block}
.prose .wp-block-cover{min-height:0!important;padding:0!important;display:block;background:none!important;color:inherit!important;aspect-ratio:auto!important}
.prose .wp-block-cover__background,.prose .wp-block-cover__gradient-background{display:none}
.prose .wp-block-cover__inner-container{width:100%;max-width:none;color:inherit}
.prose .wp-block-spacer{height:auto!important;margin:0}
/* Inline flex-basis values from the editor (66.66% / 33.33%) are kept; nowrap lets them shrink to fit the gap. */
.prose .wp-block-columns{display:flex;flex-wrap:nowrap;gap:clamp(1.5rem,3vw,2.5rem);align-items:flex-start;margin:0 0 1.2em}
.prose .wp-block-columns.are-vertically-aligned-center{align-items:center}
.prose .wp-block-column{flex:1 1 0;min-width:0}
@media (max-width:700px){.prose .wp-block-columns{flex-wrap:wrap}.prose .wp-block-column{flex-basis:100%!important}}
.prose .wp-block-column.has-background,.prose .wp-block-group.has-background{background:var(--beige)!important;padding:1.5rem!important;border-radius:var(--radius-sm)}
.prose .wp-block-image{margin:0 0 1.2em}
.prose .wp-block-image img{width:100%;height:auto!important} /* keep the editor's aspect-ratio: with sizes="auto" lazy images, dropping it makes Chrome mis-size the box */
.prose .wp-block-image .aligncenter,.prose figure.aligncenter{margin-left:auto;margin-right:auto}
.prose .wp-block-image.is-resized img,.prose .is-resized img{max-width:100%}
.prose [style*="color:#3c4858"],.prose .has-black-color{color:inherit!important}
.prose .wp-block-social-links{list-style:none;padding:0;margin:0 0 1.2em;display:flex;flex-direction:column;gap:.5rem;font-family:var(--sans);font-size:var(--step-0)}
.prose .wp-block-social-links li{color:var(--blue)!important;margin:0}
.prose .wp-block-social-link-anchor{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none}
.prose .wp-block-social-link-anchor:hover{text-decoration:underline}
.prose .wp-block-social-link-anchor svg{width:20px;height:20px;fill:currentColor;flex:none}
.prose .wp-block-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1.2em}
.prose .wp-block-button__link{display:inline-flex;align-items:center;min-height:2.75rem;padding:.6em 1.25em;border:1px solid var(--navy);border-radius:var(--radius-sm)!important;background:var(--navy)!important;color:var(--paper)!important;font-family:var(--sans);font-size:.9375rem;font-weight:500;text-decoration:none}
.prose .wp-block-button__link:hover{background:var(--blue)!important;border-color:var(--blue)}
.prose .is-style-outline .wp-block-button__link{background:transparent!important;color:var(--navy)!important}
.prose .wp-block-embed iframe{width:100%}
.prose .wp-block-embed__wrapper{position:relative}
.prose .alignwide,.prose .alignfull{max-width:100%}

/* Page (generic WordPress page, and the About fallback) */
.page-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.page-body .page-main{grid-column:2/span 9}

/* "Continue" cards under About Tibet. */
.next-links{border-top:1px solid var(--line);margin-top:clamp(2rem,4vw,3rem)}
.next-links ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--gap)}
.next-links a{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1.25rem 1.25rem 1.1rem;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:var(--radius-sm);text-decoration:none;color:var(--ink);transition:box-shadow var(--slow) var(--ease)}
.next-links a:hover{box-shadow:0 26px 48px -32px rgba(22,58,99,.45)}
.next-links .eyebrow{margin-bottom:.4rem}
.next-links b{font-family:var(--serif);font-size:var(--step-2);font-weight:500;color:var(--navy);line-height:1.15}
.next-links a:hover b{color:var(--blue)}
.next-links span:not(.eyebrow){font-size:.9375rem;color:var(--slate);line-height:1.5}

/* 11b. About page ----------------------------------------------------------
   Composed by cms.js (aboutLayout) from the page's Gutenberg blocks: hero statement, photo moment,
   image/text bands with pulled figures, card grid, closing. Sections carry data-reveal for the
   scroll-in motion (class .reveal is only added when motion is allowed). */
.about-chapter{font-weight:500}
.about-chapter::before{width:2rem}
.about-hero{padding:clamp(3rem,6vw,5.5rem) 0 clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.about-hero::before{content:"";position:absolute;right:calc(50% - var(--maxw) / 2 - 8rem);top:-6rem;width:26rem;height:26rem;border-radius:50%;background:radial-gradient(circle,var(--tint-gold),transparent 70%);pointer-events:none}
.about-hero-grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:end}
.about-hero-main{grid-column:span 7}
.about-hero-main .eyebrow{margin-bottom:1.5rem}
.about-hero h1{font-size:clamp(2.125rem,1.35rem + 2.9vw,3.625rem);line-height:1.04;letter-spacing:-.022em;text-wrap:balance;max-width:19ch}
.about-hero-aside{grid-column:8/-1;padding-left:clamp(0px,2vw,1.5rem);border-left:1px solid var(--line)}
.about-hero-aside .about-label{display:flex;margin-bottom:1rem;color:var(--navy)}
.about-hero-aside .prose{font-size:1.0625rem;line-height:1.7;color:var(--ink)}
.about-hero-aside .prose p:last-child{margin-bottom:0}

.about-photo{padding:clamp(1.5rem,3vw,2.5rem) 0 0}
.about-photo + .about-split,.about-photo + .about-cards,.about-photo + .about-article{margin-top:clamp(2.5rem,5vw,4rem)}
.about-photo-title{font-size:var(--step-3);margin-bottom:1.25rem;max-width:24ch}
.about-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--gap)}
.about-figure{margin:0}
.about-figure .frame{box-shadow:0 30px 60px -36px rgba(22,58,99,.5)}
.about-figure figcaption{display:flex;gap:.75rem;align-items:baseline;margin-top:.8rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--slate);line-height:1.5;max-width:70ch}
.about-figure figcaption::before{content:"";flex:none;width:1.25rem;height:2px;background:var(--gold);transform:translateY(-.2em)}

.about-split{padding:var(--section) 0}
.about-split-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,4vw,3.5rem) var(--gap);align-items:center}
.about-split-copy{grid-column:span 6}
.about-split-media{grid-column:7/-1;display:grid;gap:var(--gap)}
.about-split.is-flipped .about-split-copy{grid-column:7/-1;order:2}
.about-split.is-flipped .about-split-media{grid-column:1/span 6;order:1}
.about-split-copy .about-chapter{margin-bottom:1.25rem}
.about-split-copy h2{font-size:var(--step-3);line-height:1.08;letter-spacing:-.018em;margin:0 0 1.25rem;max-width:20ch;text-wrap:balance}
.about-split-copy .prose{font-size:1.125rem;max-width:var(--measure)}
.about-split-copy .prose p:last-child{margin-bottom:0}
.about-split-media .frame{box-shadow:0 36px 70px -40px rgba(22,58,99,.55)}
.about-split-media .frame img{transition:transform 1.2s var(--ease)}
.about-split:hover .about-split-media .frame img{transform:scale(1.02)}
.about-feature{position:relative;overflow:hidden}
.about-feature::before{content:"";position:absolute;inset:auto auto -10rem -8rem;width:28rem;height:28rem;border-radius:50%;background:radial-gradient(circle,rgba(75,134,216,.28),transparent 70%);pointer-events:none}
.about-feature .wrap{position:relative}
.about-feature .about-chapter{color:var(--gold)}
.about-feature .prose,.about-feature .prose strong{color:var(--text-on-dark)}
.about-feature .prose a{color:var(--text-on-dark);text-decoration-color:var(--line-on-dark)}
.about-feature .about-split-media .frame{box-shadow:0 36px 70px -30px rgba(0,0,0,.6);background:rgba(253,252,248,.08)}
.about-feature :focus-visible{outline-color:var(--gold)}

.about-stats{list-style:none;margin:clamp(1.75rem,3vw,2.5rem) 0 0;padding:clamp(1.25rem,2.5vw,1.75rem) 0 0;border-top:2px solid var(--navy);display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.25rem clamp(1.5rem,3vw,2.5rem)}
.about-stats li{display:flex;flex-direction:column;gap:.35rem}
.about-stats b{display:flex;align-items:baseline;gap:.4em;font-family:var(--num);font-weight:400;font-size:clamp(2.75rem,2rem + 2.6vw,4rem);line-height:.95;letter-spacing:-.02em;color:var(--navy);font-variant-numeric:var(--nums)}
.about-stats b small{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);font-weight:500}
.about-stats span{font-family:var(--sans);font-size:.9375rem;color:var(--slate);text-transform:capitalize}
.about-feature .about-stats{border-top-color:var(--gold)}
.about-feature .about-stats b{color:var(--text-on-dark)}
.about-feature .about-stats b small,.about-feature .about-stats span{color:var(--muted-on-dark)}

.about-cards{padding:var(--section) 0}
.about-cards .section-head{border-bottom-color:var(--navy)}
.about-cards .section-head .about-chapter{display:flex;margin-bottom:.75rem}
.about-cards .section-head h2{max-width:24ch;text-wrap:balance}
.about-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.about-card{grid-column:span 6;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:var(--radius-sm);padding:clamp(1.5rem,3vw,2.25rem);display:flex;flex-direction:column}
.about-card.is-wide{grid-column:1/-1;border-top-color:var(--gold)}
.about-card h2,.about-card h3{font-size:var(--step-2);line-height:1.15;margin:0 0 1rem}
.about-card .prose{font-size:1.0625rem;line-height:1.65}
.about-card .prose > :last-child{margin-bottom:0}
.about-card-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap) clamp(2rem,4vw,3.5rem);align-items:start}
.about-card-split > .prose:first-child{max-width:40ch}
.about-offices{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);columns:2;column-gap:clamp(1.5rem,3vw,2.5rem);font-family:var(--sans)}
.about-offices li{break-inside:avoid;padding:.9rem 0;border-bottom:1px solid var(--line);margin:0}
.about-offices b{display:block;font-family:var(--serif);font-size:1.1875rem;font-weight:500;color:var(--navy);line-height:1.2}
.about-offices span{display:block;margin-top:.3rem;font-size:.875rem;line-height:1.55;color:var(--slate)}

.about-article{padding:calc(var(--section) * .7) 0}
.about-article-inner{max-width:var(--measure);margin:0 auto}
.about-article-inner .about-chapter{margin-bottom:1rem}
.about-article-inner h2{margin-bottom:1.25rem}
.about-closing .about-closing-leader{grid-column:9/-1}
.about-closing .closing-actions.about-actions{grid-column:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.75rem}
.about-closing .closing-actions.about-actions .link-more{margin-left:.5rem}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-in{opacity:1;transform:none}

/* ==========================================================================
   11e. About V-TAG (redesign 2026-10-15; cms.js abtLayout, inc/ssr-about.php) — BEGIN
   A identity (statement, the page's own paragraphs, counted figures, the page's pictures) · B mission and approach
   (beige; the page's headed parts, pictures beside the text, sub-topics as cards) · C activities (counted figures, the
   latest workshops, conferences and updates with their photographs) · D global presence (mist; the Countries globe and
   directory) · E take part (navy; four ways in, the National Coordinators) · Sources & References. Prefix .abt-;
   palette tokens only, no gradients, no decorative motion. The older .about-* rules above stay for the office list and
   the figures (.about-offices, .about-figure).
   -------------------------------------------------------------------------- */
.abt-chapter{font-weight:500}
.abt-chapter::before{width:2rem}
.abt-chapter .num{font-size:1.05em;color:var(--navy)}
.abt-intro{padding:clamp(3rem,6vw,5.5rem) 0 clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--line)}
.abt-intro-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}
.abt-intro-main{grid-column:span 7}
.abt-intro-main .eyebrow{margin-bottom:1.5rem}
.abt-intro h1{font-size:clamp(2.125rem,1.35rem + 2.9vw,3.625rem);line-height:1.04;letter-spacing:-.022em;text-wrap:balance;max-width:19ch}
.abt-bo{display:block;margin-top:1.25rem;font-family:var(--tibetan);font-size:clamp(1.25rem,1rem + 1.2vw,1.75rem);line-height:1.7;color:var(--navy);font-weight:400}
.abt-intro-aside{grid-column:8/-1;padding-left:clamp(0px,2vw,1.5rem);border-left:1px solid var(--line)}
.abt-lead{font-size:1.0625rem;line-height:1.7;color:var(--ink)}
.abt-lead p:first-child{font-family:var(--serif);font-size:var(--step-1);line-height:1.5}
.abt-lead p:last-child{margin-bottom:0}
.abt-facts{list-style:none;margin:1.5rem 0 0;padding:1.25rem 0 0;border-top:2px solid var(--navy);display:flex;flex-wrap:wrap;gap:1rem clamp(1.5rem,3vw,2.5rem)}
.abt-facts li{display:flex;flex-direction:column;gap:.3rem;padding-left:1rem;border-left:2px solid var(--gold)}
.abt-facts b,.abt-figures b{font-family:var(--num);font-weight:400;font-size:clamp(2rem,1.6rem + 1.4vw,2.75rem);line-height:.95;letter-spacing:-.015em;color:var(--navy);font-variant-numeric:var(--nums)}
.abt-facts span,.abt-figures span{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.abt-facts-note{margin:.75rem 0 0;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--slate)}
.abt-photo{margin-top:clamp(2rem,4vw,3rem)}
.abt-photo .about-figure .frame{box-shadow:none}
.abt-lead-photos{margin-top:clamp(2rem,4vw,3rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--gap)}
.abt-lead-photos .about-figure .frame{box-shadow:none}
.abt-mission,.abt-work,.abt-where{padding:var(--section) 0}
.abt-mission .section-head{border-bottom-color:var(--navy)}
.abt-mission .section-head .abt-chapter,.abt-work .section-head .abt-chapter,.abt-where .section-head .abt-chapter{display:flex;margin-bottom:.75rem}
.abt-mission-lead{max-width:var(--measure);margin-bottom:clamp(2rem,4vw,3rem)}
.abt-mission-lead .prose{font-family:var(--serif);font-size:var(--step-1);line-height:1.55;color:var(--ink)}
.abt-mission-lead .prose p:last-child{margin-bottom:0}
.abt-topics{display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4rem)}
.abt-topic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start;padding-top:clamp(1.5rem,3vw,2.25rem);border-top:1px solid var(--line)}
.abt-topic-copy{grid-column:span 7}
.abt-topic:not(.has-media) .abt-topic-copy{grid-column:1/span 8}
.abt-topic h3{font-size:var(--step-3);line-height:1.08;letter-spacing:-.018em;margin:0 0 1.25rem;max-width:20ch;text-wrap:balance}
.abt-topic-copy .prose{font-size:1.0625rem;line-height:1.7;max-width:var(--measure)}
.abt-topic-copy .prose p:last-child{margin-bottom:0}
.abt-topic-media{grid-column:8/-1}
.abt-topic-media .about-figure .frame{box-shadow:none}
.abt-topic-media .about-figure+.about-figure{margin-top:var(--gap)}
.abt-subs{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.abt-sub{grid-column:span 6;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy);padding:clamp(1.5rem,3vw,2.25rem);display:flex;flex-direction:column}
.abt-sub.is-wide{grid-column:1/-1;border-top-color:var(--gold)}
.abt-sub h4{font-family:var(--serif);font-size:var(--step-2);font-weight:500;line-height:1.15;margin:0 0 1rem;color:var(--navy)}
.abt-sub .prose{font-size:1.0625rem;line-height:1.65}
.abt-sub .prose>:last-child{margin-bottom:0}
.abt-sub-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap) clamp(2rem,4vw,3.5rem);align-items:start}
.abt-sub-split>.prose:first-child{max-width:40ch}
.abt-figures{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-wrap:wrap;gap:1rem clamp(1.5rem,3vw,2.5rem)}
.abt-figures li{display:flex;flex-direction:column;gap:.3rem;padding-left:1rem;border-left:2px solid var(--gold)}
.abt-work .abt-facts-note{margin-bottom:clamp(2rem,4vw,3rem)}
.abt-work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--gap) clamp(1.5rem,3vw,2.5rem)}
.abt-work-col h3{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);font-weight:500;padding-bottom:.6rem;border-bottom:2px solid var(--navy);margin-bottom:1.25rem}
.abt-work-col .link-more{margin-top:1.25rem}
.abt-cards{grid-template-columns:minmax(0,1fr);gap:1.5rem}
.abt-work-col.is-wide .abt-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.abt-where .section-head{margin-bottom:0;border-bottom:0;padding-bottom:0}
.abt-where .globe-band{background:none;border-bottom:0;padding:clamp(1.5rem,3vw,2.5rem) 0 0}
.abt-dir{padding-top:clamp(1.5rem,3vw,2.5rem)}
.abt-take{padding:var(--section) 0}
.abt-take-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,4vw,3rem) var(--gap);align-items:start}
.abt-take-copy{grid-column:span 5}
.abt-take-copy .abt-chapter{display:flex;margin-bottom:1rem;color:var(--muted-on-dark)}
.abt-take-copy .abt-chapter .num{color:var(--gold)}
.abt-take-copy .abt-chapter::before{background:var(--gold)}
.abt-take h2{font-size:var(--step-4);line-height:1.05;letter-spacing:-.02em;max-width:16ch;text-wrap:balance}
.abt-take-copy p{color:var(--muted-on-dark);max-width:40ch;margin:1.25rem 0 0;font-size:1.0625rem}
.abt-ways{list-style:none;margin:0;padding:0;grid-column:6/span 4;border-top:1px solid var(--line-on-dark)}
.abt-ways a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line-on-dark);color:var(--text-on-dark);text-decoration:none;transition:padding-left var(--fast) var(--ease)}
.abt-ways a:hover{padding-left:.5rem}
.abt-ways b{font-family:var(--serif);font-size:var(--step-2);font-weight:500;line-height:1.15}
.abt-ways a>span:not(.arrow){grid-column:1;font-size:.9375rem;line-height:1.5;color:var(--muted-on-dark)}
.abt-ways .arrow{grid-column:2;grid-row:1/span 2;color:var(--gold);font-size:1.25rem;transition:transform var(--fast) var(--ease)}
.abt-ways a:hover .arrow{transform:translateX(4px)}
.abt-take-net{grid-column:11/-1}
.abt-take-net .eyebrow{color:var(--muted-on-dark)}
.abt-take-net .net-count{color:var(--muted-on-dark)}
.abt-take-net .link-more{color:var(--text-on-dark);border-color:var(--gold)}
.abt-take-net .net-name b{color:var(--text-on-dark)}
.abt-take-net .net-name span{color:var(--muted-on-dark)}
.abt-take-net:empty{display:none}
.abt-sources{padding:calc(var(--section) * .6) 0}
.abt-sources-inner{max-width:var(--measure);margin:0 auto}
.abt-sources h2{font-size:var(--step-3);margin-bottom:.5rem}
.abt-sources ul{list-style:none;margin:1rem 0 0;padding:0;border-top:2px solid var(--navy)}
.abt-sources li{padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.5;overflow-wrap:anywhere}
.abt-sources a{color:var(--navy)}
@media (max-width:1024px){
  .abt-intro-main{grid-column:1/-1}
  .abt-intro h1{max-width:none}
  .abt-intro-aside{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:1.5rem}
  .abt-topic-copy,.abt-topic:not(.has-media) .abt-topic-copy{grid-column:1/-1}
  .abt-topic-media{grid-column:1/-1;max-width:34rem}
  .abt-sub-split{grid-template-columns:1fr}
  .abt-sub-split>.prose:first-child{max-width:var(--measure)}
  .abt-take-copy{grid-column:1/-1}
  .abt-ways{grid-column:1/span 7}
  .abt-take-net{grid-column:9/-1}
}
@media (max-width:900px){
  .abt-sub{grid-column:1/-1}
  .abt-ways{grid-column:1/-1}
  .abt-take-net{grid-column:1/-1;border-top:1px solid var(--line-on-dark);padding-top:1.5rem}
  .abt-work-col.is-wide .abt-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .abt-work-col.is-wide .abt-cards{grid-template-columns:minmax(0,1fr)}
  .abt-facts,.abt-figures{gap:1rem 1.25rem}
  .about-figure .frame.r219{aspect-ratio:16/10}
}
/* 11e. About V-TAG — END */

/* 11c. About Tibet ---------------------------------------------------------
   /about-tibet/ (cms.js: tibetHtml / installTibet). Ten chapters under a sticky chapter bar; every section is
   typographic, map, flag or diagram-led so it is complete without photos. Prefix .tb-. Dark bands: hero, flag
   (navy), invasion and occupation (charcoal), environment (navy). */
.tb-section{padding:var(--section) 0;scroll-margin-top:calc(var(--header-h) + 3.25rem)}
.tb-chapters + .tb-section{padding-top:clamp(2rem,1.25rem + 2.5vw,3.5rem)} /* the first chapter starts right under the chapter bar */
.tb-head{max-width:46rem;margin-bottom:clamp(1.75rem,3.5vw,2.75rem)}
.tb-head.is-wide{max-width:60rem}
.tb-head .eyebrow{margin-bottom:1.1rem}
.tb-num{font-weight:500}
.tb-head h2{font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
.tb-intro{font-family:var(--serif);font-size:var(--step-1);line-height:1.5;color:var(--ink);margin:1.1rem 0 0;max-width:56ch;text-wrap:pretty}
.tb-intro-more{margin:.9rem 0 0;font-size:1rem;line-height:1.65;color:var(--slate);max-width:62ch;text-wrap:pretty}
.band-navy .tb-intro,.tb-occ .tb-intro,.tb-env .tb-intro{color:var(--muted-on-dark)}
.tb-bo{font-family:var(--tibetan);line-height:1.5;color:var(--navy);font-weight:400}
.tb-tag{display:inline-flex;align-items:center;font-family:var(--mono);font-size:.675rem;letter-spacing:.12em;text-transform:uppercase;padding:.25em .55em;border:1px solid var(--line-strong);border-radius:3px;color:var(--slate);line-height:1.3;white-space:nowrap}
.tb-hint{margin:1.25rem 0 0;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--slate)}
.tb-none,.tb-tl-none{margin:1rem 0 0;color:var(--slate);font-family:var(--serif);font-size:var(--step-1)}

/* Sources disclosure */
.tb-src{font-family:var(--sans);font-size:var(--step--1);color:var(--slate);margin-top:.6rem}
.tb-src summary{display:inline-flex;align-items:center;gap:.45em;cursor:pointer;list-style:none;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);padding:.2em 0;border-bottom:1px solid var(--line-strong);transition:color var(--fast),border-color var(--fast)}
.tb-src summary::-webkit-details-marker{display:none}
.tb-src summary::before{content:"+";font-family:var(--sans);font-size:.9rem;line-height:1;color:var(--gold)}
.tb-src[open] summary::before{content:"−"}
.tb-src summary:hover{color:var(--navy);border-color:var(--navy)}
.tb-src-n{font-family:var(--num);font-variant-numeric:var(--nums);font-size:.8rem;padding:.05em .45em;border-radius:999px;background:var(--mist);color:var(--navy);letter-spacing:0}
.tb-src ul{list-style:none;margin:.6rem 0 0;padding:0 0 0 .9rem;border-left:2px solid var(--gold);display:flex;flex-direction:column;gap:.35rem}
.tb-src li{line-height:1.45;overflow-wrap:anywhere}
.tb-src a{color:var(--navy)}
.tb-src-meta{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.03em;color:var(--slate)}
.tb-src.on-dark,.band-navy .tb-src,.tb-occ .tb-src,.tb-env .tb-src{color:var(--muted-on-dark)}
.band-navy .tb-src summary,.tb-occ .tb-src summary,.tb-env .tb-src summary{color:var(--muted-on-dark);border-color:var(--line-on-dark)}
.band-navy .tb-src summary:hover,.tb-occ .tb-src summary:hover,.tb-env .tb-src summary:hover{color:var(--text-on-dark);border-color:var(--gold)}
.band-navy .tb-src a,.tb-occ .tb-src a,.tb-env .tb-src a{color:var(--text-on-dark)}
.band-navy .tb-src-n,.tb-occ .tb-src-n,.tb-env .tb-src-n{background:rgba(253,252,248,.14);color:var(--text-on-dark)}
.band-navy .tb-src-meta,.tb-occ .tb-src-meta,.tb-env .tb-src-meta{color:var(--muted-on-dark)}

/* Hero */
.tb-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--charcoal) 0%,var(--navy) 55%,#1c4a7e 100%);color:var(--text-on-dark);padding:clamp(3.5rem,8vw,7rem) 0 clamp(3rem,6vw,5rem);border-bottom:3px solid var(--gold)}
.tb-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.tb-hero.has-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,58,99,.35),rgba(29,35,42,.92) 80%)}
/* Hero art: the Potala rising out of the hero navy (its sky is transparent), a warm sun glow from the top right and the
   light shafts (canvas, cms.js tbRays) screened over both. The photo fades out towards the text and towards the bottom. */
.tb-hero-art{position:absolute;inset:0;pointer-events:none}
.tb-hero{min-height:min(41vw,52rem)} /* room for the palace and its sky, whatever the length of the text */
.tb-hero-sun{position:absolute;inset:0;background:radial-gradient(ellipse 62% 75% at 94% -4%,rgba(255,196,107,.34),rgba(255,196,107,.10) 42%,transparent 72%)}
.tb-hero-potala{position:absolute;right:0;bottom:0;width:57%;height:94%;max-width:none;object-fit:cover;object-position:36% 100%;filter:saturate(1.05) contrast(1.04);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(0deg,transparent 0%,#000 24%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(0deg,transparent 0%,#000 24%);-webkit-mask-composite:source-in;mask-composite:intersect}
.tb-hero-rays{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen}
.tb-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,40,60,.55) 0%,rgba(26,40,60,.38) 36%,rgba(26,40,60,0) 58%)} /* keeps the text crisp where the palace fades in */
.tb-hero .wrap{position:relative}
.tb-hero-inner{max-width:44rem;display:flex;flex-direction:column;gap:1.5rem}
.tb-hero .eyebrow{color:var(--gold)}
.tb-hero-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em 1.4rem}
.tb-hero h1{font-size:clamp(3.5rem,2.4rem + 6vw,7rem);line-height:.95;letter-spacing:-.025em;color:var(--text-on-dark)}
.tb-hero-bo{font-family:var(--tibetan);font-size:clamp(2.25rem,1.6rem + 3.4vw,4.25rem);line-height:1.1;color:var(--gold);font-weight:400}
.tb-hero-lede{margin:0;font-family:var(--serif);font-size:clamp(1.25rem,1.05rem + .9vw,1.5rem);line-height:1.45;color:rgba(253,252,248,.94);max-width:40ch;text-wrap:pretty}
.tb-hero-intro{margin:0;font-size:1rem;line-height:1.65;color:var(--muted-on-dark);max-width:60ch}
.tb-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:.25rem}
.tb-hero :focus-visible{outline-color:var(--gold)}

/* Chapter bar (sticky under the header) */
.tb-chapters{position:sticky;top:var(--header-h);z-index:50;background:rgba(253,252,248,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.tb-chapters ol{list-style:none;margin:0;padding:0;display:flex;gap:0 1.15rem;width:max-content}
.tb-chapters ol::-webkit-scrollbar{display:none}
.tb-chapters li{flex:none}
.tb-chapters a{position:relative;display:inline-flex;align-items:baseline;gap:.35rem;padding:.95rem 0;font-size:.8125rem;font-weight:500;color:var(--slate);text-decoration:none;white-space:nowrap;transition:color var(--fast)}
.tb-chapters a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform var(--fast) var(--ease)}
.tb-ch-num{font-family:var(--num);font-variant-numeric:var(--nums);font-size:.875rem;color:#B08A2E}
.tb-chapters a:hover,.tb-chapters a[aria-current]{color:var(--navy)}
.tb-chapters a[aria-current]::after{transform:scaleX(1)}

/* 01 Discover: fact ledger */
.tb-ledger{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.tb-fact{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) minmax(0,3fr);gap:1rem clamp(1.5rem,3vw,2.5rem);align-items:start;padding:clamp(1.25rem,2.5vw,1.75rem) 0;border-bottom:1px solid var(--line)}
.tb-fact-big b{display:block;font-family:var(--num);font-weight:400;font-size:clamp(1.9rem,1.4rem + 1.8vw,2.75rem);line-height:1;letter-spacing:-.015em;color:var(--navy);font-variant-numeric:var(--nums);overflow-wrap:anywhere}
.tb-fact-big span{display:block;margin-top:.5rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.tb-fact p{margin:0;font-size:1rem;line-height:1.65;max-width:52ch}
.tb-fact-src .tb-src{margin-top:.15rem}
.tb-fact-img{grid-column:1/-1;max-width:28rem;border-radius:0}

/* 02 Geography: map, tabs, pins */
.tb-geo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap);align-items:start}
.tb-map{margin:0}
.tb-map-stage{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 60px -36px rgba(22,58,99,.45)}
.tb-map-none .tb-map-stage{padding:3rem 1.5rem}
.tb-map-svg{display:block;width:100%;height:auto;background:#F5F8FB}
.tb-map-view[hidden]{display:none}
.tb-map-land path{fill:var(--paper)}
.tb-map-lakes path{fill:#D9E6F5}
.tb-map-borders path{fill:none;stroke:var(--stone);stroke-width:1.2;stroke-linejoin:round}
.tb-map-borders .is-disputed{stroke-dasharray:4 4;stroke:#C5C2BA}
.tb-map-rivers path{fill:none;stroke:var(--sky);stroke-opacity:.55;stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}
.tb-region{stroke:var(--navy);stroke-width:1;stroke-opacity:.55;stroke-linejoin:round;transition:fill-opacity var(--fast)}
.tb-region-utsang{fill:var(--gold);fill-opacity:.42}
.tb-region-kham{fill:var(--crimson);fill-opacity:.3}
.tb-region-amdo{fill:var(--sky);fill-opacity:.32}
.tb-region.is-on{fill-opacity:.72;stroke-width:2;stroke-opacity:.9}
.tb-outline{fill:none;stroke:var(--navy);stroke-opacity:.8;stroke-width:1.6;stroke-linejoin:round}
.tb-region{cursor:pointer}
.tb-map-label{font-family:var(--sans);font-size:15px;letter-spacing:.02em;fill:var(--charcoal);paint-order:stroke;stroke:rgba(253,252,248,.85);stroke-width:4px;stroke-linejoin:round;pointer-events:none}
.tb-place{opacity:.45;transition:opacity var(--fast)}
.tb-place.is-on{opacity:1}
.tb-place circle{fill:var(--charcoal);stroke:var(--paper);stroke-width:1.5}
.tb-place text{font-family:var(--sans);font-size:15px;fill:var(--charcoal);paint-order:stroke;stroke:rgba(253,252,248,.9);stroke-width:3px;stroke-linejoin:round}
.tb-map-pins{position:absolute;inset:0;pointer-events:none}
.tb-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:inline-flex;align-items:baseline;gap:.5rem;min-height:2.5rem;padding:0 .9rem;border-radius:999px;border:1.5px solid var(--navy);background:rgba(253,252,248,.92);color:var(--navy);font-family:var(--serif);font-size:1.05rem;font-weight:500;line-height:1;white-space:nowrap;box-shadow:0 6px 16px -8px rgba(22,58,99,.5);transition:background var(--fast),color var(--fast),border-color var(--fast)}
.tb-pin-bo{font-family:var(--tibetan);font-size:.95rem;line-height:1;opacity:.85}
.tb-pin::after{content:"";position:absolute;left:50%;bottom:-.55rem;width:.5rem;height:.5rem;background:var(--navy);transform:translateX(-50%) rotate(45deg)}
.tb-pin:hover,.tb-pin[aria-pressed="true"]{background:var(--navy);color:var(--paper)}
.tb-pin[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 0 0 3px var(--tint-gold)}
.tb-map figcaption{margin-top:.8rem;font-family:var(--mono);font-size:.72rem;line-height:1.5;letter-spacing:.03em;color:var(--slate);max-width:70ch}
/* Legend under the map: the three provinces as swatches; a swatch selects its province like the tab beside the map. */
.tb-map-legend{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.tb-legend-btn{display:inline-flex;align-items:baseline;gap:.6rem;min-height:2.25rem;padding:.25rem .5rem .25rem .25rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--navy);font-family:var(--serif);font-size:1.0625rem;font-weight:500;transition:border-color var(--fast),color var(--fast)}
.tb-legend-btn:hover{color:var(--blue)}
.tb-legend-btn[aria-pressed="true"]{border-bottom-color:var(--navy)}
.tb-swatch{align-self:center;width:.95rem;height:.95rem;border:1px solid rgba(22,58,99,.55);flex:none}
.tb-swatch-utsang{background:rgba(216,179,77,.6)}
.tb-swatch-kham{background:rgba(201,74,74,.45)}
.tb-swatch-amdo{background:rgba(75,134,216,.45)}
.tb-legend-bo{font-family:var(--tibetan);font-size:1rem;color:#B08A2E;font-weight:400}
.tb-geo-side{display:flex;flex-direction:column;gap:1rem}
.tb-tabs{display:flex;flex-wrap:wrap;gap:.5rem}
.tb-tabs [role="tab"],.tb-chip{min-height:2.5rem;padding:0 1rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--paper);color:var(--navy);font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:.5em;transition:background var(--fast),color var(--fast),border-color var(--fast)}
.tb-tabs [role="tab"]:hover,.tb-chip:hover{border-color:var(--navy)}
.tb-tabs [role="tab"][aria-selected="true"],.tb-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.tb-chip-n{font-family:var(--num);font-variant-numeric:var(--nums);font-size:.875rem;opacity:.8}
.tb-region-panel{background:var(--paper);border-top:3px solid var(--gold);border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:clamp(1.25rem,2.5vw,1.75rem);box-shadow:0 20px 40px -32px rgba(22,58,99,.4)}
.tb-region-panel[hidden]{display:none}
.tb-region-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin-bottom:.75rem}
.tb-region-name h3{font-size:var(--step-3)}
.tb-region-name .tb-bo{font-size:1.5rem;color:#B08A2E}
.tb-region-panel p{font-size:1rem;line-height:1.65;margin:0 0 1em}
.tb-region-panel .eyebrow{margin:.25rem 0 .6rem}
.tb-chips{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.tb-chips li{font-size:.8125rem;padding:.35em .7em;background:var(--mist);border-radius:999px;color:var(--navy)}
.tb-region-today{padding-top:1rem;border-top:1px solid var(--line)}
.tb-region-today p{margin:0;font-size:.95rem}
.tb-two{margin-top:var(--gap);background:var(--navy);color:var(--text-on-dark);border-radius:var(--radius);padding:clamp(1.5rem,3vw,2.5rem);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap);align-items:start;position:relative;overflow:hidden}
.tb-two::before{content:"";position:absolute;right:-6rem;top:-6rem;width:18rem;height:18rem;border-radius:50%;background:radial-gradient(circle,rgba(216,179,77,.3),transparent 70%);pointer-events:none}
.tb-two h3{position:relative;font-size:var(--step-3);color:var(--text-on-dark);text-wrap:balance}
.tb-two p{position:relative;margin:0 0 1em;font-size:1.0625rem;line-height:1.7;color:rgba(253,252,248,.9)}
.tb-two p:last-child{margin:0}
.tb-peaks{margin-top:var(--gap)}
.tb-peaks .eyebrow{margin-bottom:.9rem}
.tb-peaks dl{margin:0;border-top:2px solid var(--navy);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--gap)}
.tb-peaks div{padding:1rem 0;border-bottom:1px solid var(--line)}
.tb-peaks dt{font-family:var(--serif);font-size:var(--step-2);font-weight:500;color:var(--navy);line-height:1.2}
.tb-peaks dd{margin:.4rem 0 0;font-size:.9375rem;line-height:1.55;color:var(--ink)}
.tb-section > .wrap > .tb-src{margin-top:var(--gap)}

/* 03 History: chips, list, sticky detail */
.tb-chips-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(1.25rem,2.5vw,1.75rem)}
.tb-tl-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap);align-items:stretch;height:clamp(30rem,calc(100svh - var(--header-h) - 6.5rem),48rem)}
/* The list and the reading panel each scroll inside the box, so another entry is always one click away. */
.tb-tl-col{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.25rem .5rem .25rem .6rem;scrollbar-width:none}
.tb-tl{list-style:none;margin:0;padding:0 0 0 1.4rem;border-left:2px solid var(--stone);display:flex;flex-direction:column}
.tb-tl-item{position:relative}
.tb-tl-item[hidden]{display:none}
.tb-tl-item::before{content:"";position:absolute;left:calc(-1.4rem - 7px);top:1.15rem;width:12px;height:12px;background:var(--navy);transform:rotate(45deg);transition:background var(--fast),transform var(--fast)}
.tb-tl-item.is-on::before{background:var(--gold);transform:rotate(45deg) scale(1.25)}
.tb-tl-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;text-align:left;min-height:2.75rem;padding:.8rem .9rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--navy);transition:background var(--fast)}
.tb-tl-btn:hover{background:var(--mist)}
.tb-tl-btn[aria-pressed="true"]{background:var(--beige)}
.tb-tl-year{font-family:var(--num);font-variant-numeric:var(--nums);font-size:.9375rem;letter-spacing:.01em;color:#B08A2E;line-height:1.2}
.tb-tl-title{font-family:var(--serif);font-size:1.1875rem;line-height:1.3;font-weight:500}
.tb-tl-ph{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-top:.15rem}
.tb-tl-btn[aria-pressed="true"] .tb-tl-ph{color:#B08A2E}
.tb-tl-aside{min-height:0;display:flex;align-items:flex-start}
.tb-tl-col::-webkit-scrollbar,.tb-tl-detail::-webkit-scrollbar{display:none}
.tb-tl-aside .tb-tl-detail{width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.tb-tl-detail{background:var(--beige);border-radius:var(--radius);padding:clamp(1.5rem,3vw,2.5rem);min-height:12rem}
.tb-tl-detail:empty{display:none}
.tb-tl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 .9rem}
.tb-tl-meta .tb-tl-year{font-size:1.0625rem}
.tb-tl-detail h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);line-height:1.1;letter-spacing:-.015em;margin:0 0 1rem;text-wrap:balance}
.tb-tl-detail p{font-size:1.0625rem;line-height:1.7;margin:0 0 1em}
.tb-tl-detail .tb-src{margin-top:.25rem}
.tb-tl-item .tb-tl-detail{margin:.25rem 0 1rem;padding:1.25rem}
/* Photographs in the detail panel: one figure, or a carousel (scroll-snap track, previous/next, "2 / 5"). Pictures keep
   their own proportions on a 3:2 stage, so every event's panel has the same picture height. */
.tb-gal{margin:0 0 1.25rem}
.tb-gal-track{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}
.tb-gal-track::-webkit-scrollbar{display:none}
.tb-gal-track:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.tb-gal-slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;margin:0;min-width:0}
.tb-gal-img{aspect-ratio:3/2;background:var(--mist);overflow:hidden}
.tb-gal.is-single .tb-gal-img{background:var(--mist)}
.tb-gal-img img{width:100%;height:100%;object-fit:contain;display:block}
.tb-gal figcaption{margin:.6rem 0 0;font-family:var(--sans);font-size:.8125rem;line-height:1.5;color:var(--slate)}
.tb-gal-nav{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.6rem}
.tb-gal-count{font-family:var(--num);font-variant-numeric:var(--nums);font-size:.9375rem;color:var(--slate);min-width:3.5em;text-align:center}
.tb-gal-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--line-strong);border-radius:50%;background:var(--paper);color:var(--navy);transition:background var(--fast),color var(--fast),opacity var(--fast)}
.tb-gal-btn svg{width:1rem;height:1rem}
.tb-gal-btn.is-prev svg{transform:rotate(90deg)}
.tb-gal-btn.is-next svg{transform:rotate(-90deg)}
.tb-gal-btn:hover{background:var(--navy);color:var(--paper)}
.tb-gal-btn[disabled]{opacity:.3;pointer-events:none}
.tb-tl-text p:last-child{margin-bottom:0}

/* 04 Flag */
.tb-flag-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--gap) clamp(2rem,4vw,3.5rem);align-items:center}
.tb-flag-fig{margin:0}
.tb-flag-stage{position:relative;padding:6% 0}
.tb-flag-stage img{display:block;width:78%;height:auto;margin:0 11%;border-radius:var(--radius-sm);box-shadow:0 36px 70px -36px rgba(0,0,0,.7)}
.tb-leads{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.tb-lead{fill:none;stroke:rgba(253,252,248,.38);stroke-width:1.25;vector-effect:non-scaling-stroke;transition:stroke var(--fast)}
.tb-lead.is-on{stroke:var(--gold);stroke-width:1.75}
.tb-target{position:absolute;width:.8rem;height:.8rem;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--paper);background:rgba(22,58,99,.55);box-shadow:0 0 0 2px rgba(22,58,99,.45);pointer-events:none;transition:border-color var(--fast),transform var(--fast)}
.tb-target.is-on{border-color:var(--gold);background:rgba(216,179,77,.35);transform:translate(-50%,-50%) scale(1.35)}
@media (prefers-reduced-motion:no-preference){.tb-target.is-on::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid var(--gold);animation:tbPulse 1.8s ease-out infinite}}
@keyframes tbPulse{from{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}
.tb-spot{position:absolute;transform:translate(-50%,-50%);width:2.6rem;height:2.6rem;border-radius:50%;border:2px solid var(--paper);background:var(--navy);color:var(--paper);font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;font-weight:500;box-shadow:0 4px 14px rgba(0,0,0,.35);transition:background var(--fast),color var(--fast),transform var(--fast)}
.tb-spot:hover{transform:translate(-50%,-50%) scale(1.08)}
.tb-spot[aria-pressed="true"]{background:var(--gold);color:var(--charcoal);border-color:var(--gold)}
.tb-spot:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.tb-flag-fig figcaption{margin-top:.9rem;font-size:var(--step--1);color:var(--muted-on-dark)}
.tb-acc{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-on-dark)}
.tb-acc li{border-bottom:1px solid var(--line-on-dark)}
.tb-acc h3{margin:0;font-size:inherit}
.tb-acc-btn{display:flex;align-items:center;gap:.9rem;width:100%;min-height:3.25rem;padding:.6rem 0;border:0;background:transparent;text-align:left;font-family:var(--serif);font-size:1.25rem;font-weight:500;color:var(--text-on-dark);transition:color var(--fast)}
.tb-acc-btn:hover,.tb-acc-btn[aria-expanded="true"]{color:var(--gold)}
.tb-acc-btn:focus-visible{outline-color:var(--gold)}
.tb-acc-n{flex:none;width:1.75rem;font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:var(--gold)}
.tb-acc-icon{position:relative;flex:none;width:1.5rem;height:1.5rem;margin-left:auto;border:1px solid var(--line-on-dark);border-radius:50%}
.tb-acc-icon::before,.tb-acc-icon::after{content:"";position:absolute;left:50%;top:50%;width:.7rem;height:1.5px;background:currentColor;transform:translate(-50%,-50%);transition:transform var(--slow) var(--ease)}
.tb-acc-icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.tb-acc-btn[aria-expanded="true"] .tb-acc-icon::after{transform:translate(-50%,-50%) rotate(0)}
.tb-acc-panel{padding:0 0 1.1rem 2.65rem}
.tb-acc-panel[hidden]{display:none}
.tb-acc-panel p{margin:0 0 .8em;font-size:1rem;line-height:1.65;color:rgba(253,252,248,.88)}
.tb-flag-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);margin-top:clamp(2rem,4vw,3rem);padding-top:clamp(1.5rem,3vw,2rem);border-top:1px solid var(--line-on-dark)}
.tb-flag-notes .eyebrow{color:var(--gold);margin-bottom:.8rem}
.tb-flag-notes p{font-size:1rem;line-height:1.65;color:rgba(253,252,248,.88);margin:0 0 1em;max-width:60ch}
.tb-symbols{margin-top:clamp(1.5rem,3vw,2rem)}
.tb-symbols .eyebrow{color:var(--gold);margin-bottom:1rem}
.tb-symbols ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.tb-symbols li{padding-top:1rem;border-top:1px solid var(--gold)}
.tb-symbols h3{font-size:var(--step-2);margin-bottom:.5rem}
.tb-symbols p{font-size:.9375rem;line-height:1.6;color:rgba(253,252,248,.85);margin:0 0 .8em}

/* 05 Culture: mosaic */
.tb-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.tb-tile{grid-column:span var(--span,4);position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:16rem;padding:clamp(1.25rem,2.5vw,1.75rem);border-radius:var(--radius);overflow:hidden;background:var(--mist);transition:box-shadow var(--slow) var(--ease)}
.tb-tile:hover{box-shadow:0 30px 56px -36px rgba(22,58,99,.5)}
.tb-tile-1{background:linear-gradient(160deg,var(--beige),#E9E2D2)}
.tb-tile-2{background:linear-gradient(160deg,var(--mist),#DCE6F2)}
.tb-tile-3{background:linear-gradient(160deg,#F4EEDC,var(--tint-gold))}
.tb-tile-4{background:linear-gradient(160deg,#F3EFE7,#F8E5E5)}
.tb-tile-index{position:absolute;right:1.1rem;top:.6rem;font-family:var(--num);font-variant-numeric:var(--nums);font-size:clamp(4rem,3rem + 3vw,6.5rem);line-height:1;color:rgba(22,58,99,.09);font-weight:500;pointer-events:none}
.tb-tile.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tb-tile.has-photo .tb-tile-body{position:relative;background:linear-gradient(transparent,rgba(253,252,248,.96) 30%);margin:0 calc(-1 * clamp(1.25rem,2.5vw,1.75rem)) calc(-1 * clamp(1.25rem,2.5vw,1.75rem));padding:3rem clamp(1.25rem,2.5vw,1.75rem) clamp(1.25rem,2.5vw,1.75rem)}
.tb-tile-body{position:relative;margin-top:4.5rem}
.tb-tile h3{font-size:var(--step-2);margin-bottom:.5rem}
.tb-tile p{font-size:.9375rem;line-height:1.6;color:var(--ink);margin:0 0 .6em}

/* 06 Before 1959 (prelude) and Invasion and occupation */
.tb-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem) var(--gap);border-top:2px solid var(--navy);padding-top:clamp(1.5rem,3vw,2.25rem)}
.tb-col h3{font-size:var(--step-2);margin-bottom:.6rem}
.tb-col p{font-size:1rem;line-height:1.65;margin:0 0 .9em;max-width:60ch}
.tb-occ{background:var(--charcoal);color:var(--text-on-dark);position:relative;overflow:hidden}
.tb-occ::before{content:"";position:absolute;left:-10rem;bottom:-14rem;width:34rem;height:34rem;border-radius:50%;background:radial-gradient(circle,rgba(201,74,74,.28),transparent 70%);pointer-events:none}
.tb-occ .wrap{position:relative}
.tb-occ h2,.tb-occ h3{color:var(--text-on-dark)}
.tb-occ .eyebrow{color:var(--gold)}
.tb-figures{list-style:none;margin:0 0 clamp(2rem,4vw,3rem);padding:clamp(1.5rem,3vw,2rem) 0 0;border-top:2px solid var(--navy);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem var(--gap)}
.tb-figures li{display:flex;flex-direction:column;gap:.4rem;padding-left:1rem;border-left:2px solid var(--gold)}
.tb-figures b{font-family:var(--num);font-weight:400;font-size:clamp(2.1rem,1.6rem + 1.8vw,3rem);line-height:.95;letter-spacing:-.015em;color:var(--navy);font-variant-numeric:var(--nums);overflow-wrap:anywhere}
.tb-fig-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);line-height:1.4}
.tb-figures p{margin:.25rem 0 0;font-size:.875rem;line-height:1.55;color:var(--ink)}
.tb-figures-dark{border-top-color:var(--gold)}
.tb-figures-dark b{color:var(--text-on-dark)}
.tb-figures-dark .tb-fig-label{color:var(--gold)}
.tb-figures-dark p{color:var(--muted-on-dark)}
.tb-occ-secs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.75rem,3.5vw,2.75rem) var(--gap);border-top:1px solid var(--line-on-dark);padding-top:clamp(1.75rem,3.5vw,2.5rem)}
.tb-occ-sec{position:relative;padding-left:3rem}
.tb-occ-n{position:absolute;left:0;top:0;font-family:var(--num);font-variant-numeric:var(--nums);font-size:1.125rem;color:var(--gold)}
.tb-occ-sec h3{font-size:var(--step-2);margin-bottom:.6rem;text-wrap:balance}
.tb-occ-sec p{font-size:1rem;line-height:1.65;color:rgba(253,252,248,.88);margin:0 0 .9em;max-width:58ch}

/* 07 Tibet Today */
.tb-today{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--gap)}
.tb-today-side{position:sticky;top:calc(var(--header-h) + 4rem);align-self:start}
.tb-today-side .eyebrow{margin-bottom:1.1rem}
.tb-today-side h2{font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);line-height:1.04;letter-spacing:-.02em}
.tb-reviewed{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.5rem 0 0;padding:.9rem 1rem;background:var(--mist);border-radius:var(--radius-sm);font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:var(--navy)}
.tb-reviewed .tb-tag{background:var(--paper)}
.tb-reviewed-every{flex-basis:100%;font-size:.7rem;letter-spacing:.04em;color:var(--slate)}
.tb-feed{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.tb-news{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1rem var(--gap);padding:clamp(1.1rem,2.5vw,1.6rem) 0;border-bottom:1px solid var(--line)}
.tb-news-date{font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:var(--navy);padding-top:.2rem}
.tb-news h3{font-size:var(--step-2);line-height:1.25;margin:0 0 .5rem;text-wrap:pretty}
.tb-news h3 a{color:inherit;text-decoration:none}
.tb-news h3 a:hover{color:var(--blue)}
.tb-news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;font-size:var(--step--1);color:var(--slate)}
.tb-news-sum{margin:.7rem 0 0;font-size:.9375rem;line-height:1.6;color:var(--ink);max-width:64ch}

/* 09 Environment: river lines and topics */
.tb-env{background:linear-gradient(170deg,var(--navy),#0F2A47 70%);color:var(--text-on-dark)}
.tb-env h2,.tb-env h3{color:var(--text-on-dark)}
.tb-env .eyebrow{color:var(--gold)}
.tb-rivers{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap);align-items:center;margin-bottom:clamp(2rem,4vw,3rem)}
.tb-rivers-svg{display:block;width:100%;height:auto}
.tb-rv-outline{fill:rgba(216,179,77,.12);stroke:var(--gold);stroke-width:2;stroke-linejoin:round}
.tb-rv-borders{fill:none;stroke:rgba(253,252,248,.22);stroke-width:1}
.tb-rv{fill:none;stroke:#7FB0F0;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--fast),stroke-width var(--fast),opacity var(--fast)}
.tb-rv.is-on{stroke:var(--gold);stroke-width:4.5}
/* The smaller rivers of the list (Arun, Kyichu, Yalong, Lohit): finer lines that thicken in gold when their row is hovered. */
.tb-rv.is-minor{stroke-width:1.6;opacity:.8}
.tb-rv.is-minor.is-on{stroke-width:3.4;opacity:1}
.tb-rivers-svg:has(.is-on) .tb-rv:not(.is-on){opacity:.35}
.tb-river-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-on-dark)}
.tb-river-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,5fr);gap:1rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--line-on-dark);cursor:default;transition:background var(--fast)}
.tb-river-row.is-on{background:rgba(253,252,248,.05)}
.tb-river-row:focus-visible{outline-color:var(--gold)}
.tb-river-name{font-family:var(--serif);font-size:1.25rem;line-height:1.2;display:flex;flex-direction:column}
.tb-river-bo{font-family:var(--sans);font-size:.75rem;letter-spacing:.04em;color:var(--muted-on-dark);margin-top:.2rem}
.tb-river-line{display:block;height:2px;background:linear-gradient(90deg,var(--gold),rgba(75,134,216,.9));transform-origin:left;transition:transform var(--slow) var(--ease)}
.tb-river-row.is-on .tb-river-line{transform:scaleY(2)}
.tb-river-to{font-size:.875rem;line-height:1.45;color:var(--muted-on-dark)}
.tb-env-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.tb-env-card{padding:1.25rem 0 0;border-top:1px solid var(--gold)}
.tb-env-card h3{font-size:var(--step-2);margin-bottom:.6rem}
.tb-env-card p{font-size:.9375rem;line-height:1.62;color:rgba(253,252,248,.86);margin:0 0 .8em}

/* Contemporary timeline (compact) */
.tb-ct{background:var(--beige)}
.tb-ct-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--gap)}
.tb-ct-list li{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.5rem 1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.tb-ct-year{font-family:var(--num);font-variant-numeric:var(--nums);font-size:.9375rem;letter-spacing:.01em;color:#B08A2E;padding-top:.2rem}
.tb-ct-list h3{font-size:1.125rem;line-height:1.3;margin-bottom:.35rem}
.tb-ct-list p{font-size:.9rem;line-height:1.55;color:var(--ink);margin:0 0 .4em}

/* 10 Glossary and library */
.tb-learn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,5vw,4rem) var(--gap)}
.tb-learn h2{font-size:var(--step-3);margin:.75rem 0 1.25rem}
.tb-learn .tb-intro{margin:-.5rem 0 1.25rem;font-size:1rem;font-family:var(--sans);color:var(--slate)}
.tb-search{margin-bottom:.75rem;max-width:20rem}
.tb-count{margin:0 0 .5rem;font-family:var(--num);font-variant-numeric:var(--nums);font-size:.9375rem;color:var(--slate)}
.tb-terms{margin:0;border-top:2px solid var(--navy)}
.tb-terms > div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:.5rem 1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.tb-terms > div[hidden]{display:none}
.tb-terms dt{display:flex;flex-direction:column;gap:.1rem}
.tb-term{font-family:var(--serif);font-size:1.1875rem;font-weight:500;color:var(--navy);line-height:1.2}
.tb-terms .tb-bo{font-size:1.05rem;color:#B08A2E}
.tb-terms dd{margin:0;font-size:.9375rem;line-height:1.55}
.tb-wylie{font-family:var(--mono);font-size:.72rem;color:var(--slate);white-space:nowrap}
.tb-library .tb-chips-bar{margin-bottom:1rem}
.tb-books{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.tb-books li{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.tb-books li[hidden]{display:none}
.tb-book-kind{font-family:var(--mono);font-size:.675rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.tb-books h3{font-size:1.125rem;line-height:1.3}
.tb-books h3 a{color:inherit;text-decoration:none}
.tb-books h3 a:hover{color:var(--blue)}
.tb-book-by{font-size:var(--step--1);color:var(--slate)}
.tb-books p{margin:.2rem 0 0;font-size:.9rem;line-height:1.55;color:var(--ink);max-width:60ch}

/* Editorial note and sources */
.tb-note-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--gap)}
.tb-note-grid .eyebrow{margin-bottom:1rem}
.tb-note-grid h2{font-size:var(--step-3);max-width:16ch;text-wrap:balance}
.tb-note-body p{font-size:1.0625rem;line-height:1.7;margin:0 0 1em;max-width:66ch}
.tb-note-small{font-size:.9375rem;color:var(--slate)}
.tb-note-src{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.5rem 2rem}
.tb-note + .next-links{border-top:0}

@media (max-width:1100px){
  .tb-geo{grid-template-columns:minmax(0,1fr)}
  .tb-geo-side{max-width:40rem}
  .tb-flag-grid{grid-template-columns:minmax(0,1fr)}
  .tb-flag-fig{max-width:40rem}
  .tb-figures{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tb-symbols ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tb-env-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tb-peaks dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tb-today{grid-template-columns:minmax(0,1fr)}
  .tb-today-side{position:static}
  .tb-tile{grid-column:span 6}
}
@media (max-width:900px){
  .tb-section{scroll-margin-top:calc(var(--header-h) + 2.9rem)}
  .tb-hero{min-height:0;padding-bottom:calc(2.5rem + 62vw)}
  .tb-hero-potala{width:100%;height:80vw;object-position:46% 100%;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 22%);mask-image:linear-gradient(0deg,transparent 0%,#000 22%)}
    .tb-hero-rays{opacity:.75}
  .tb-hero-art::after{display:none}
  .tb-tl-layout{grid-template-columns:minmax(0,1fr);height:auto}
  .tb-tl-col{max-height:min(75svh,40rem)}
  .tb-tl-aside{display:none}
  .tb-tl-item .tb-tl-detail{display:block}
  .tb-rivers{grid-template-columns:minmax(0,1fr)}
  .tb-rivers-map{max-width:30rem}
  .tb-learn{grid-template-columns:minmax(0,1fr)}
  .tb-ct-list{grid-template-columns:minmax(0,1fr)}
  .tb-cols,.tb-occ-secs{grid-template-columns:minmax(0,1fr)}
  .tb-note-grid{grid-template-columns:minmax(0,1fr)}
  .tb-two{grid-template-columns:minmax(0,1fr)}
  .tb-pin{font-size:.9rem;min-height:2.25rem;padding:0 .7rem}
  .tb-pin-bo{display:none}
}
@media (max-width:700px){
  .tb-fact{grid-template-columns:minmax(0,1fr);gap:.6rem}
  .tb-fact-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .9rem}
  .tb-fact-big span{margin:0}
  .tb-flag-notes{grid-template-columns:minmax(0,1fr)}
  .tb-symbols ul,.tb-env-grid,.tb-peaks dl{grid-template-columns:minmax(0,1fr)}
  .tb-tile{grid-column:1/-1;min-height:0}
  .tb-news{grid-template-columns:minmax(0,1fr);gap:.4rem}
  .tb-terms > div{grid-template-columns:minmax(0,1fr);gap:.25rem}
  .tb-river-row{grid-template-columns:minmax(0,1fr);gap:.35rem;padding:.7rem 0}
  .tb-river-line{height:2px;width:4rem}
  .tb-ct-list li{grid-template-columns:minmax(0,1fr);gap:.2rem}
  .tb-hero-actions .btn{flex:1 1 auto}
  .tb-spot{width:1.9rem;height:1.9rem;font-size:.7rem}
  .tb-map-legend{gap:.25rem .75rem}
  .tb-legend-btn{font-size:.9375rem;gap:.45rem}
}
@media (max-width:480px){
  .tb-figures{grid-template-columns:minmax(0,1fr)}
  .tb-map-label{font-size:24px}
  .tb-place text{font-size:26px}
  .tb-place:not(.is-on) text{display:none}
  .tb-pin{font-size:.8rem;min-height:2rem;padding:0 .55rem}
}

/* 11f. Understanding Tibet (4.3.0) -------------------------------------------
   /about-tibet/ and its pages (cms.js: UNDERSTANDING TIBET block, prefix ut-). An exhibition on paper: large Newsreader
   titles, the Tibetan titles in gold, generous room, almost no small print. Navy is kept for the Potala hero, the occupation
   band and the closing call to action, so the reading itself happens on paper. Moving through time is one instrument: the
   triptych of the three eras on the overview, and the year scrubber at the top of each era page. Palette, type and spacing
   tokens as everywhere; --ut-gold-ink is gold legible on paper. */
:root{--ut-gold-ink:#8A6D22;--ut-rule:rgba(216,179,77,.55);--ut-scrub-h:5rem}
/* The quiet serif kicker used instead of the monospace eyebrow inside cards, heads and turns. */
.ut-kicker{display:block;font-family:var(--serif);font-style:italic;font-size:1.0625rem;line-height:1.3;color:var(--ut-gold-ink)}

/* Navigation: the Understanding Tibet panel, a paper sheet hung from the header's right edge. Overview on top as one quiet
   row; the three eras with their numerals on the left; the topics as a plain list on the right. */
.header-inner{position:relative}
.nav-item.is-mega{position:static}
.nav-menu.nav-mega{left:auto;right:var(--gutter);width:min(46rem,calc(100% - 2 * var(--gutter)));padding:0;overflow:hidden;border-top-width:3px}
.nav .nav-mega .mega-overview{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 1.5rem .9rem 1.6rem;border-radius:0;border-bottom:1px solid var(--line);background:var(--paper)}
.nav .nav-mega .mega-overview::before{left:.6rem;top:.9rem;bottom:.9rem}
.nav .nav-mega .mega-overview b{font-family:var(--serif);font-size:1.2rem;font-weight:500;color:var(--navy)}
.nav .nav-mega .mega-overview b::after{display:none}
.nav-mega .mega-overview-go{display:inline-flex;gap:.4rem;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--ut-gold-ink);white-space:nowrap}
.nav .nav-mega .mega-overview:hover,.nav .nav-mega .mega-overview:focus-visible{background:var(--mist)}
.mega-grid{display:grid;grid-template-columns:minmax(0,12fr) minmax(0,8fr)}
.mega-col{padding:1rem .75rem 1.1rem}
.mega-col.is-time{border-right:1px solid var(--line)}
.mega-title{display:block;padding:.1rem 1rem .6rem 1.15rem;font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--ut-gold-ink)}
.nav-mega ul{list-style:none;margin:0;padding:0}
.nav .nav-mega .mega-col a{display:flex;align-items:flex-start;gap:.8rem;padding:.6rem .8rem .6rem 1.15rem}
.nav .nav-mega .mega-col.is-time a{padding:.7rem .8rem .7rem 1.15rem}
.nav-menu a .mega-num{display:inline-block;flex:none;width:2rem;margin:0;font-family:var(--num);font-variant-numeric:var(--nums);font-size:1.5rem;line-height:1;color:var(--ut-gold-ink);text-align:left}
.nav-menu a .mega-txt{display:block;margin:0;min-width:0;font-size:inherit;color:inherit}
.nav-mega .mega-col.is-time a b{font-family:var(--serif);font-size:1.0625rem;font-weight:500}
.nav-menu a .mega-txt > span{display:block;margin-top:.15rem;font-size:.8rem;color:var(--slate);line-height:1.4}
.mega-col.is-explore a b{font-size:.9rem;white-space:nowrap}
.mega-col.is-explore a .mega-txt > span{display:none}
.mega-col.is-explore ul{display:block}
.nav .nav-mega .mega-col.is-explore a{padding:.42rem .8rem .42rem 1.15rem}

/* Header fit: with "Understanding Tibet" in the bar, the brand (wordmark and subtitle) and the full navigation need about
   1,100px. Between 1181 and 1440px the links tighten and the subtitle keeps its full length; at 1180px the menu button takes over. */
@media (min-width:1181px) and (max-width:1440px){
  .header-inner{gap:1rem}
  .brand{flex:none}
  .brand img{height:50px}
  .brand .wordmark{font-size:1.4rem}
  .brand .sub{letter-spacing:.1em;overflow:visible}
  .nav{gap:0}
  .nav a,.nav-trigger{padding:0 .4rem;font-size:.85rem}
  .nav .nav-action{margin-left:.3rem;padding:.45em .8em}
  .nav .nav-lang{margin-left:.25rem;padding:0 .55rem 0 .5rem;gap:.3rem}
  .nav .nav-lang span{font-size:1.05rem}
  .nav-trigger svg{width:.75rem;height:.75rem}
}
@media (min-width:1441px){.header-inner{gap:1.25rem}.nav{gap:0}.nav a,.nav-trigger{padding:0 .55rem}.nav .nav-action{margin-left:.4rem}.nav .nav-lang{margin-left:.35rem}}
@media (max-width:1180px){.site-header .nav{display:none}.site-header .menu-toggle{display:inline-flex}}
/* Mobile menu: Overview, the eras with their numerals, the topics in two columns. */
.menu-sub-title{display:block;margin:.9rem 0 .25rem;font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--muted-on-dark)}
.menu-panel nav .menu-eras a{justify-content:flex-start;gap:.85rem}
.menu-panel nav .menu-eras .arrow{margin-left:auto}
.menu-num{flex:none;width:1.9rem;font-family:var(--num);font-variant-numeric:var(--nums);font-size:1.3rem;color:var(--gold);line-height:1.2}
.menu-panel nav .menu-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}
.menu-panel nav .menu-group .menu-compact a{font-size:1.05rem;padding:.45rem 0 .45rem .85rem;line-height:1.25}

/* The head of an era or topic page: paper, the title large, the Tibetan title in gold, the lede in the serif, one quiet line.
   Eras carry a faint numeral behind the title; topics the plateau outline and, when useful, "On this page". */
.ut-head{position:relative;overflow:hidden;background:var(--paper);padding:clamp(2rem,4.5vw,3.5rem) 0 clamp(2.25rem,4.5vw,3.5rem);border-bottom:1px solid var(--line)}
.ut-head.is-era{background:linear-gradient(180deg,var(--beige) 0%,var(--paper) 100%)}
.ut-head .wrap{position:relative}
.ut-head-numeral{position:absolute;right:clamp(-2rem,2vw,4rem);top:-.02em;font-family:var(--serif);font-weight:400;font-size:clamp(14rem,10rem + 22vw,32rem);line-height:.8;letter-spacing:-.05em;color:var(--gold);opacity:.14;user-select:none;pointer-events:none}
.ut-head-map{position:absolute;right:-10%;top:-22%;width:min(44vw,36rem);height:auto;opacity:.8;pointer-events:none}
.ut-head-map .ut-art-outline{fill:rgba(216,179,77,.12);stroke:var(--ut-rule);stroke-width:1.4;stroke-linejoin:round}
.ut-head-map .ut-art-names text{font-family:var(--serif);font-size:22px;letter-spacing:.22em;text-transform:uppercase;fill:rgba(22,58,99,.22)}
.ut-trail{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);font-family:var(--serif);font-size:.95rem;color:var(--slate)}
.ut-trail a{color:var(--slate);text-decoration-color:var(--line-strong)}
.ut-trail a:hover{color:var(--navy)}
.ut-head-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--gap) clamp(2rem,5vw,4.5rem);align-items:end}
.ut-head-main .ut-kicker{margin-bottom:1rem}
.ut-head h1{font-size:clamp(2.6rem,1.8rem + 4vw,5.25rem);line-height:.98;letter-spacing:-.025em;color:var(--navy);max-width:16ch;text-wrap:balance}
.ut-head-bo{margin:1rem 0 0;font-family:var(--tibetan);font-size:clamp(1.4rem,1.1rem + 1.3vw,2.25rem);line-height:1.6;color:var(--ut-gold-ink);max-width:28em}
.ut-head-lede{margin:1.4rem 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(1.125rem,1.02rem + .5vw,1.375rem);line-height:1.5;color:var(--ink);max-width:56ch;text-wrap:pretty}
.ut-head-note{margin:1.25rem 0 0;font-family:var(--serif);font-size:1.0625rem;color:var(--slate)}
.ut-head-note .num{color:var(--navy)}
.ut-toc{align-self:end}
.ut-toc-title{display:block;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--ut-gold-ink);margin-bottom:.5rem}
.ut-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.ut-toc li{counter-increment:toc}
.ut-toc a{display:grid;grid-template-columns:1.75rem minmax(0,1fr);padding:.3rem 0;color:var(--navy);text-decoration:none;font-family:var(--serif);font-size:1.0625rem;line-height:1.35}
.ut-toc a::before{content:counter(toc);font-family:var(--num);font-variant-numeric:var(--nums);font-size:.95rem;color:var(--ut-gold-ink)}
.ut-toc a:hover{color:var(--blue)}

/* The year scrubber: sticky under the header, the one way through an era. */
.ut-scrub{position:sticky;top:var(--header-h);z-index:50;background:rgba(253,252,248,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 18px 30px -28px rgba(22,58,99,.35)}
.ut-scrub-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 clamp(1rem,2.5vw,2.25rem);min-height:var(--ut-scrub-h)}
.ut-scrub-era{display:flex;flex-direction:column;gap:.1rem;padding:.6rem 0;text-decoration:none;color:var(--slate);min-width:0;transition:color var(--fast)}
.ut-scrub-era.is-next{text-align:right;align-items:flex-end}
.ut-scrub-era.is-none{width:6rem}
.ut-scrub-era-n{font-family:var(--num);font-size:1.25rem;line-height:1;color:var(--ut-gold-ink)}
.ut-scrub-era-t{font-family:var(--serif);font-size:.9375rem;line-height:1.2;white-space:nowrap}
.ut-scrub-era:hover{color:var(--navy)}
.ut-scrub-track{position:relative;height:var(--ut-scrub-h);cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;border-radius:var(--radius-sm)}
.ut-scrub-track:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.ut-scrub-line{position:absolute;left:0;right:0;top:calc(50% - 2px);height:4px;background:var(--stone);border-radius:2px}
.ut-scrub-fill{position:absolute;left:0;top:calc(50% - 2px);height:4px;background:linear-gradient(90deg,var(--ut-gold-ink),var(--gold));border-radius:2px;transition:width .35s var(--ease)}
.ut-scrub-labels{position:absolute;left:0;right:0;top:calc(50% + .7rem);height:1.2rem;pointer-events:none}
.ut-scrub-y:not(.is-lo):not(.is-hi)::before{content:"";position:absolute;left:50%;top:-.55rem;width:1px;height:.35rem;background:var(--line-strong)}
.ut-scrub-y{position:absolute;transform:translateX(-50%);font-family:var(--num);font-variant-numeric:var(--nums);font-size:.9375rem;line-height:1;color:var(--slate);white-space:nowrap}
.ut-scrub-y.is-lo{left:0;transform:none;color:var(--navy)}
.ut-scrub-y.is-hi{right:0;left:auto;transform:none;color:var(--navy)}
.ut-scrub-marks{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}
.ut-scrub-mark{position:absolute;top:calc(50% - 6px);width:11px;height:11px;margin-left:-5.5px;padding:0;border:0;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line-strong);pointer-events:auto;transition:background var(--fast),box-shadow var(--fast)}
.ut-scrub-mark::after{content:"";position:absolute;inset:-10px} /* a fingertip-sized target */
.ut-scrub-mark.is-on{background:var(--gold);box-shadow:inset 0 0 0 1.5px var(--ut-gold-ink)}
.ut-scrub-mark[hidden]{display:none}
.ut-scrub-mark.is-cluster{width:19px;height:19px;margin-left:-9.5px;top:calc(50% - 9.5px);font-family:var(--num);font-variant-numeric:var(--nums);font-size:.62rem;line-height:19px;color:var(--navy);text-align:center}
.ut-scrub-mark.is-cluster::before{content:attr(data-n)}
.ut-scrub-mark.is-cluster.is-on{color:var(--charcoal)}
.ut-scrub-y.is-faded{opacity:.15}
.ut-scrub-y{transition:opacity var(--fast)}
.ut-scrub-handle{position:absolute;top:calc(50% - 1.5rem);transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;min-height:2.3rem;padding:0 .9rem;border-radius:999px;background:var(--navy);color:var(--paper);font-family:var(--num);font-variant-numeric:var(--nums);font-size:1.0625rem;white-space:nowrap;box-shadow:0 8px 20px -10px rgba(22,58,99,.7);transition:left .35s var(--ease);pointer-events:none}
.ut-scrub-handle::after{content:"";position:absolute;left:50%;bottom:-4px;width:10px;height:10px;margin-left:-5px;background:var(--navy);transform:rotate(45deg)}
.ut-scrub.is-dragging .ut-scrub-handle,.ut-scrub.is-dragging .ut-scrub-fill{transition:none}
.ut-scrub.is-dragging .ut-scrub-handle{transform:translateX(-50%) scale(1.08);background:var(--blue)}
.ut-scrub.is-dragging .ut-scrub-handle::after{background:var(--blue)}
.ut-scrub-track:hover .ut-scrub-handle{background:var(--blue)}
.ut-scrub-track:hover .ut-scrub-handle::after{background:var(--blue)}

/* "Welcome back": continue where you left off (reading memory, this browser only). */
.ut-resume-slot:not(.is-on){display:none}
.ut-resume-slot.is-on{background:var(--beige);border-bottom:1px solid var(--line)}
.ut-resume{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1.25rem;padding:1rem 0 1rem 1rem;border-left:3px solid var(--gold)}
.ut-resume a{color:var(--navy);text-decoration:none;font-family:var(--serif);font-size:1.0625rem}
.ut-resume a b{font-weight:500;border-bottom:1px solid var(--gold)}
.ut-resume a:hover{color:var(--blue)}
.ut-resume .arrow{display:inline-block;transition:transform var(--fast) var(--ease)}
.ut-resume a:hover .arrow{transform:translateX(3px)}
.ut-resume-meta{flex-basis:100%;font-family:var(--serif);font-size:.95rem;color:var(--slate)}
.ut-resume-meta .num{color:var(--navy)}

/* Section heads of the new pages. */
.ut-sec-head{max-width:50rem;margin-bottom:clamp(1.75rem,3.5vw,2.75rem)}
.ut-sec-head .eyebrow{margin-bottom:1rem}
.ut-sec-head h2{font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
.ut-read-mark{display:inline-block;margin-left:.6rem;padding:.1em .55em;border:1px solid var(--ut-rule);border-radius:999px;font-family:var(--serif);font-style:italic;font-size:.8rem;color:var(--ut-gold-ink);vertical-align:middle}
.ut-src-link{font-family:var(--serif);color:var(--navy);text-decoration:none;border-bottom:1px solid var(--ut-rule)}
.ut-src-link:hover{color:var(--blue);border-color:var(--blue)}

/* Overview: a short introduction. */
.ut-intro{padding:clamp(3rem,6vw,5rem) 0 clamp(2.5rem,5vw,4rem)}
.ut-intro-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap) clamp(2rem,5vw,4.5rem);align-items:start}
.ut-intro-head .eyebrow{margin-bottom:1rem}
.ut-intro-head h2{font-size:clamp(2.4rem,1.6rem + 3vw,4rem);line-height:.98;letter-spacing:-.025em;max-width:11ch}
.ut-intro-text{margin:0;font-family:var(--serif);font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);line-height:1.5;color:var(--ink);max-width:54ch;text-wrap:pretty}

/* Overview: the triptych of the three eras, each a tall panel in the colours of its time with the Tibetan title as texture. */
.ut-journey{padding:clamp(3rem,6vw,5rem) 0 var(--section);background:var(--paper);border-top:1px solid var(--line)}
.ut-eras{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem)}
.ut-era{position:relative;display:flex;flex-direction:column;min-height:clamp(30rem,46vw,40rem);border-radius:var(--radius);overflow:hidden;color:var(--navy);transition:transform var(--slow) var(--ease),box-shadow var(--slow) var(--ease)}
.ut-era.is-1{background:linear-gradient(170deg,#FBF6E6 0%,var(--beige) 55%,#EBDDB0 100%)}
.ut-era.is-2{background:linear-gradient(170deg,#2B3340 0%,var(--charcoal) 55%,#3A2A2A 100%);color:var(--paper)}
.ut-era.is-3{background:linear-gradient(170deg,#1C4A7E 0%,var(--navy) 55%,#2E66B0 100%);color:var(--paper)}
.ut-era:hover,.ut-era:focus-within{transform:translateY(-4px);box-shadow:0 40px 70px -40px rgba(22,58,99,.55)}
.ut-era:focus-within{outline:2px solid var(--blue);outline-offset:4px}
.ut-era a:focus-visible{outline:none}
.ut-era-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ut-era-art span{position:absolute;left:38%;top:-.12em;font-family:var(--tibetan);font-size:clamp(11rem,15vw,18rem);line-height:1;white-space:nowrap;color:currentColor;opacity:.06;letter-spacing:-.02em}
.ut-era.is-1 .ut-era-art span{color:var(--ut-gold-ink);opacity:.09}
.ut-era-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 45%,rgba(0,0,0,.06) 100%)}
.ut-era.is-1 .ut-era-art::after{background:linear-gradient(180deg,rgba(253,252,248,0) 0%,rgba(253,252,248,0) 40%,rgba(253,252,248,.55) 100%)}
.ut-era-body{position:relative;display:flex;flex-direction:column;flex:1 1 auto;padding:clamp(1.5rem,2.5vw,2.25rem)}
.ut-era-num{font-family:var(--serif);font-size:clamp(4.5rem,3.5rem + 3.5vw,7rem);line-height:.85;letter-spacing:-.03em;color:var(--gold)}
.ut-era.is-1 .ut-era-num{color:var(--ut-gold-ink)}
.ut-era-label{display:block;margin-top:1.4rem;font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.4;color:inherit;opacity:.85}
.ut-era-label .num{font-style:normal}
.ut-era h3{margin-top:.6rem;font-size:clamp(1.7rem,1.3rem + 1.3vw,2.4rem);line-height:1.06;letter-spacing:-.015em;color:inherit;text-wrap:balance}
.ut-era h3 a{color:inherit;text-decoration:none}
.ut-era-bo{margin:.85rem 0 0;font-family:var(--tibetan);font-size:1.2rem;line-height:1.7;color:var(--ut-gold-ink)}
.ut-era.is-2 .ut-era-bo,.ut-era.is-3 .ut-era-bo{color:var(--gold)}
.ut-era-intro{margin:1.1rem 0 0;font-size:1rem;line-height:1.65;color:inherit;opacity:.88;max-width:40ch;text-wrap:pretty}
.ut-era-go{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .5rem;margin-top:auto;padding-top:2rem;font-weight:600;font-size:1rem;color:inherit}
.ut-era-go .arrow{display:inline-block;transition:transform var(--fast) var(--ease)}
.ut-era:hover .ut-era-go .arrow,.ut-era:focus-within .ut-era-go .arrow{transform:translateX(4px)}
.ut-era-n{margin-left:auto;font-family:var(--serif);font-weight:400;font-size:.95rem;opacity:.8}
.ut-era-n .num{font-size:1.05rem}
.ut-era.is-read .ut-era-label::after{content:" · read";font-style:italic}

/* Overview: what is living today. The latest reports on the left; on the right the anniversary that falls today, or a key
   fact chosen by the day of the year, both with a share button. */
.ut-living{padding:var(--section) 0;background:var(--mist);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ut-living-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap) clamp(2rem,5vw,4.5rem);align-items:start}
.ut-live .eyebrow{margin-bottom:1rem}
.ut-live h2{font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);line-height:1.02;letter-spacing:-.02em}
.ut-live-reviewed{margin:.75rem 0 0;font-family:var(--serif);font-size:1rem;color:var(--slate)}
.ut-live-reviewed time{font-size:1em;color:var(--navy)}
.ut-live-list{list-style:none;margin:1.5rem 0 1.5rem;padding:0;border-top:2px solid var(--navy)}
.ut-live-list li{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:.2rem 1.5rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}
.ut-live-date{grid-row:span 2;font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:var(--navy);padding-top:.2rem}
.ut-live-list h3{font-size:1.25rem;line-height:1.3;text-wrap:pretty}
.ut-live-list h3 a{color:inherit;text-decoration:none}
.ut-live-list h3 a:hover{color:var(--blue)}
.ut-live-pub{font-size:.9375rem;color:var(--slate)}
.ut-moment{position:relative;padding:clamp(1.5rem,3vw,2.5rem);background:var(--paper);border-top:3px solid var(--gold);box-shadow:0 30px 60px -40px rgba(22,58,99,.45)}
.ut-moment-big{display:block;margin:1.1rem 0 .25rem;font-family:var(--num);font-variant-numeric:var(--nums);font-size:clamp(3rem,2.2rem + 3vw,4.75rem);line-height:.95;letter-spacing:-.025em;color:var(--navy);overflow-wrap:anywhere}
.ut-moment h3{font-size:var(--step-2);line-height:1.2;margin-top:.5rem;text-wrap:balance}
.ut-moment h3 a{color:inherit;text-decoration:none}
.ut-moment h3 a:hover{color:var(--blue)}
.ut-moment p{margin:.9rem 0 0;font-size:1rem;line-height:1.65;color:var(--ink)}
.ut-moment-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}
.ut-moment-more{font-size:.9375rem;color:var(--slate)}
.ut-moment-more a{color:var(--navy)}
/* Share: one quiet outlined button; after a copy it says so beside itself. */
.ut-share-wrap{display:inline-flex;align-items:center;gap:.6rem;min-width:0}
.ut-share{display:inline-flex;align-items:center;gap:.4rem;min-height:2.1rem;padding:0 .8rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--slate);font-size:.8125rem;font-weight:500;transition:background var(--fast),color var(--fast),border-color var(--fast)}
.ut-share svg{width:.95rem;height:.95rem}
.ut-share:hover{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.ut-moment .ut-share{border-color:var(--line-strong);color:var(--navy);min-height:2.25rem}
.ut-share-note{font-family:var(--serif);font-style:italic;font-size:.9rem;color:var(--ut-gold-ink);overflow-wrap:anywhere}
.ut-share-note:empty{display:none}

/* Overview: the index of the topics, each a numbered row with something of its page on the right. */
.ut-index{padding:var(--section) 0}
.ut-index-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.ut-ix{position:relative;display:grid;grid-template-columns:4rem minmax(0,1fr) clamp(9rem,18vw,15rem);gap:1rem clamp(1.5rem,3vw,2.5rem);align-items:center;padding:clamp(1.75rem,3.5vw,2.5rem) 0;border-bottom:1px solid var(--line);transition:background var(--fast)}
.ut-ix::before{content:"";position:absolute;left:0;top:0;bottom:-1px;width:3px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform var(--slow) var(--ease)}
.ut-ix:hover::before,.ut-ix:focus-within::before{transform:scaleY(1)}
.ut-ix:focus-within{outline:2px solid var(--blue);outline-offset:-2px}
.ut-ix a:focus-visible{outline:none}
.ut-ix-n{font-family:var(--num);font-variant-numeric:var(--nums);font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);line-height:1;color:var(--ut-gold-ink);align-self:start;padding-top:.15rem}
.ut-ix-body h3{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);line-height:1.1;letter-spacing:-.015em}
.ut-ix-body h3 a{color:var(--navy);text-decoration:none}
.ut-ix:hover h3 a,.ut-ix:focus-within h3 a{color:var(--blue)}
.ut-ix-body p{margin:.75rem 0 0;font-size:1.0625rem;line-height:1.65;color:var(--ink);max-width:62ch;text-wrap:pretty}
.ut-ix-meta{display:block;margin-top:.8rem;font-family:var(--serif);font-size:1rem;color:var(--slate)}
.ut-ix-meta .num{color:var(--navy)}
.ut-ix-meta a{position:relative;z-index:2;color:var(--blue);text-decoration-color:var(--line-strong)}
.ut-ix-visual{display:flex;align-items:center;justify-content:center;min-height:6rem;color:var(--navy)}
.ut-ix-map{width:100%;height:auto}
.ut-ix-map .ut-art-outline{fill:rgba(216,179,77,.18);stroke:var(--navy);stroke-opacity:.8;stroke-width:1.8;stroke-linejoin:round}
.ut-ix-map .ut-art-names text{font-family:var(--serif);font-size:30px;letter-spacing:.18em;text-transform:uppercase;fill:var(--navy)}
.is-culture .ut-ix-visual img{width:min(100%,11rem);height:auto;box-shadow:0 14px 30px -18px rgba(22,58,99,.6)}
.is-exile .ut-ix-visual{flex-direction:column;align-items:flex-start;gap:.3rem}
.is-exile .ut-ix-visual b{font-family:var(--num);font-variant-numeric:var(--nums);font-weight:400;font-size:clamp(2.25rem,1.8rem + 1.6vw,3.25rem);line-height:1;color:var(--navy)}
.is-exile .ut-ix-visual span{font-size:.875rem;line-height:1.4;color:var(--slate)}
.is-env .ut-ix-visual svg{width:100%;height:auto}
.is-env .tb-rv-outline{fill:rgba(216,179,77,.08);stroke:var(--ut-rule);stroke-width:1.6}
.is-env .tb-rv-borders{stroke:rgba(22,58,99,.12)}
.is-env .tb-rv{stroke:var(--sky);stroke-width:2.2}
.is-glossary .ut-ix-visual{flex-direction:column;gap:.1rem}
.ut-ix-bo{font-family:var(--tibetan);font-size:clamp(2.25rem,1.8rem + 1.6vw,3.25rem);line-height:1.4;color:var(--navy)}
.ut-ix-term{font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--slate)}
.ut-ix.is-memorial .ut-ix-meta{color:var(--crimson);font-style:italic}
.ut-ix-flame{display:block;width:3rem;height:3rem;color:var(--crimson)}
.ut-ix-flame svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.ut-index-foot{margin:1.75rem 0 0;font-size:1rem}

/* Chronology: every entry in full, revealed as it comes into view. */
.ut-chron{padding:0 0 var(--section)}
.ut-chron > .wrap{padding-top:clamp(2.5rem,5vw,4rem)}
.ut-chron + .tb-section:not([class*="band-"]):not(.tb-occ){border-top:1px solid var(--line)}
.ut-tl{list-style:none;margin:0;padding:0;max-width:52rem}
.ut-ev{position:relative;padding:clamp(2rem,4vw,3rem) 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + var(--ut-scrub-h) + 1rem)}
.ut-tl.is-reveal .ut-ev{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.ut-tl.is-reveal .ut-ev.is-in{opacity:1;transform:none}
.ut-ev-when{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem}
.ut-ev-year{font-family:var(--num);font-variant-numeric:var(--nums);font-size:clamp(1.9rem,1.5rem + 1.6vw,3rem);line-height:1;letter-spacing:-.015em;color:var(--ut-gold-ink)}
.ut-ev-cat{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--slate)}
.ut-ev-body h3{font-size:clamp(1.6rem,1.25rem + 1.4vw,2.4rem);line-height:1.1;letter-spacing:-.015em;color:var(--navy);max-width:26ch;text-wrap:balance}
.ut-ev-body .tb-gal{margin:1.4rem 0 .25rem;max-width:44rem}
.ut-ev-text{max-width:62ch}
.ut-ev-text p{margin:1rem 0 0;font-size:1.125rem;line-height:1.72;color:var(--ink);text-wrap:pretty}
.ut-ev-foot{display:flex;justify-content:flex-end;margin-top:1.1rem}
.ut-ev:target .ut-ev-year{color:var(--navy)}

/* The Nature of Tibet links (Environment page); the exile section on paper. */
.ut-nature{padding-top:var(--section)}
.ut-nature-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.ut-nature-links a{display:flex;flex-direction:column;gap:.45rem;height:100%;padding:1.4rem 0 1.2rem;border-top:2px solid var(--navy);text-decoration:none;color:var(--ink);transition:border-color var(--fast)}
.ut-nature-links a:hover{border-top-color:var(--gold)}
.ut-nature-links b{font-family:var(--serif);font-size:var(--step-2);font-weight:500;color:var(--navy)}
.ut-nature-links a:hover b{color:var(--blue)}
.ut-nature-links span:not(.link-more):not(.arrow){font-size:1rem;color:var(--slate);line-height:1.5}
.ut-nature-links .link-more{margin-top:auto}
.ut-exile .tb-figures{border-top-color:var(--navy)}
.nt-src-foot{margin:0;padding:1.5rem 0 0;font-size:1rem}

/* Sources & References: one page, chapter by chapter. */
.ut-sources{padding:clamp(2.5rem,5vw,4rem) 0 var(--section)}
.ut-srcjump{margin-bottom:clamp(2rem,4vw,3rem);padding-bottom:1.25rem;border-bottom:1px solid var(--line)}
.ut-srcjump ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.ut-srcjump a{font-family:var(--serif);font-size:1.0625rem;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--ut-rule)}
.ut-srcjump a:hover{color:var(--blue);border-color:var(--blue)}
.ut-srcgroup{padding:clamp(1.5rem,3vw,2.25rem) 0;border-top:2px solid var(--navy);scroll-margin-top:calc(var(--header-h) + 1rem)}
.ut-srcgroup-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1.5rem;align-items:end;margin-bottom:1.5rem}
.ut-srcgroup-head .ut-kicker{grid-column:1/-1}
.ut-srcgroup-head h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.6rem);line-height:1.05;letter-spacing:-.015em}
.ut-srccount{font-family:var(--serif);font-size:1rem;color:var(--slate);white-space:nowrap}
.ut-srccount .num{color:var(--navy)}
.ut-srclist{margin:0;padding:0 0 0 2.4em;columns:2;column-gap:clamp(2rem,4vw,3.5rem);font-family:var(--serif);font-size:1.0625rem;line-height:1.45}
.ut-srclist li{break-inside:avoid;padding:0 0 .8rem;overflow-wrap:anywhere}
.ut-srclist li::marker{font-family:var(--num);font-variant-numeric:var(--nums);color:var(--ut-gold-ink)}
.ut-srclist a{color:var(--navy);text-decoration-color:var(--ut-rule);text-underline-offset:.2em}
.ut-srclist a:hover{color:var(--blue)}
.ut-srcmeta{display:block;margin-top:.1rem;font-family:var(--sans);font-size:.875rem;color:var(--slate)}
.ut-sources-foot{margin:2.5rem 0 0;font-family:var(--serif);font-size:1rem;color:var(--slate)}

/* Call to action: the full band on the overview and the path forward; one quiet line elsewhere. */
.ut-cta{position:relative;overflow:hidden;padding:clamp(3rem,6vw,5rem) 0;background:var(--navy);color:var(--text-on-dark);border-top:3px solid var(--gold)}
.ut-cta::after{content:"";position:absolute;right:-8rem;top:-8rem;width:24rem;height:24rem;border-radius:50%;background:radial-gradient(circle,rgba(216,179,77,.22),transparent 70%);pointer-events:none}
.ut-cta .wrap{position:relative;z-index:1}
.ut-cta-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap);align-items:end}
.ut-cta .eyebrow{color:var(--gold);margin-bottom:1rem}
.ut-cta h2{font-size:clamp(2rem,1.5rem + 2vw,3rem);line-height:1.05;letter-spacing:-.02em;color:var(--paper);max-width:18ch;text-wrap:balance}
.ut-cta p{margin:1rem 0 0;font-family:var(--serif);font-size:var(--step-1);line-height:1.55;color:rgba(253,252,248,.86);max-width:52ch}
.ut-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}
.ut-cta-link{color:var(--paper);font-weight:500;text-decoration-color:var(--gold);text-underline-offset:4px}
.ut-cta-link:hover{color:var(--gold)}
.ut-cta :focus-visible{outline-color:var(--gold)}
.ut-cta-line{background:var(--beige);border-top:1px solid var(--line)}
.ut-cta-line .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-top:1.75rem;padding-bottom:1.75rem}
.ut-cta-line p{margin:0;font-family:var(--serif);font-size:1.125rem;line-height:1.5;color:var(--ink);max-width:60ch}
.ut-cta-line .ut-cta-actions{flex:none}

/* The chapter turn at the foot of every page: the next page large, the previous beside it, the sources link once. */
.ut-turn{padding:clamp(3rem,6vw,5rem) 0 clamp(2.5rem,5vw,4rem);background:var(--paper);border-top:1px solid var(--line)}
.ut-turn-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--gap) clamp(2rem,5vw,4.5rem);align-items:end}
.ut-turn-next{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.75rem 0 1.5rem;border-top:3px solid var(--navy);text-decoration:none;color:var(--navy);transition:border-color var(--fast)}
.ut-turn-next:hover{border-top-color:var(--gold)}
.ut-turn-num{position:absolute;right:0;top:.5rem;font-family:var(--serif);font-size:clamp(5rem,4rem + 5vw,10rem);line-height:.8;letter-spacing:-.04em;color:var(--gold);opacity:.2;pointer-events:none}
.ut-turn-dir{font-family:var(--serif);font-size:1rem;color:var(--slate)}
.ut-turn-next .ut-kicker{margin-top:.25rem}
.ut-turn-next strong{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,1.4rem + 2.2vw,3.25rem);line-height:1.02;letter-spacing:-.02em;max-width:16ch;text-wrap:balance}
.ut-turn-next:hover strong{color:var(--blue)}
.ut-turn-bo{font-family:var(--tibetan);font-size:1.15rem;line-height:1.7;color:var(--ut-gold-ink)}
.ut-turn-go{margin-top:.75rem;font-weight:600;font-size:1rem}
.ut-turn-go .arrow{display:inline-block;transition:transform var(--fast) var(--ease)}
.ut-turn-next:hover .ut-turn-go .arrow{transform:translateX(4px)}
.ut-turn-prev{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 0 1rem;border-top:1px solid var(--line);text-decoration:none;color:var(--navy)}
.ut-turn-prev b{font-family:var(--serif);font-weight:500;font-size:var(--step-2);line-height:1.2}
.ut-turn-prev:hover b{color:var(--blue)}
.ut-turn-pos{margin:1.75rem 0 0;font-family:var(--serif);font-size:1rem;color:var(--slate)}
.ut-turn-pos .num{color:var(--navy)}
.ut-turn-pos a{color:var(--navy)}
.ut-turn + .site-footer{margin-top:0}

/* The map of the Land page: the plateau's outline, lightly tinted, and the three regions as typographic names. The names
   scale with the map (container query units) so they keep clear of the place names at every width. */
.tb-map-stage{container-type:inline-size}
.tb-map-view .tb-outline{fill:rgba(216,179,77,.13);stroke:var(--navy);stroke-opacity:.8;stroke-width:1.8}
.tb-pin.tb-rname{flex-direction:column;align-items:center;gap:.1rem;min-height:0;padding:.2rem .4rem;border:0;border-radius:2px;background:transparent;box-shadow:none;color:var(--navy);font-family:var(--serif);font-size:clamp(.8rem,2.3cqw,1.35rem);font-weight:500;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;line-height:1.1;text-shadow:0 0 3px var(--paper),0 0 6px var(--paper),0 0 10px var(--paper);transition:color var(--fast)}
.tb-pin.tb-rname::after{display:none}
.tb-rname-en{padding-bottom:.15rem;border-bottom:2px solid transparent;transition:border-color var(--fast)}
.tb-rname-bo{font-family:var(--tibetan);font-size:.78em;letter-spacing:0;text-indent:0;text-transform:none;color:var(--ut-gold-ink);font-weight:400}
.tb-pin.tb-rname:hover{background:transparent;color:var(--blue)}
.tb-pin.tb-rname[aria-pressed="true"]{background:transparent;color:var(--navy);box-shadow:none}
.tb-pin.tb-rname[aria-pressed="true"] .tb-rname-en{border-bottom-color:var(--gold)}
.tb-pin.tb-rname:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.tb-map-view ~ .tb-map-places .tb-place:not(.is-on) text{opacity:0;transition:opacity var(--fast)} /* only the chosen region names its places, so the three names read clearly */
.tb-map-view ~ .tb-map-places .tb-place:not(.is-on) circle{opacity:.7}
.tb-map figcaption{font-family:var(--sans);font-size:.875rem;letter-spacing:0}

/* Photographic heroes (round 3): the Potala hero's family on a real photograph. The picture fills the band; a navy scrim
   from the left (and from below on phones) keeps the text crisp, as the Potala's gradients do; the text is the Potala's
   treatment (gold kicker, paper title, gold Tibetan, serif lede). One effect per page, declared in cms.js (UT_HERO). */
.ut-hero{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(30rem,46vw,40rem);display:flex;flex-direction:column;justify-content:flex-end;background:var(--navy);color:var(--text-on-dark);border-bottom:3px solid var(--gold);--px:0;--py:0;--mx:50%;--my:50%}
.ut-hero-media{position:absolute;inset:0;overflow:hidden;background:var(--navy)}
.ut-hero-img{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;object-position:var(--focus,50% 50%);transform:translate3d(calc(var(--px) * -14px),calc(var(--py) * -10px),0);transition:transform .9s var(--ease);will-change:transform}
.ut-hero-fx,.ut-hero-canvas,.ut-hero-scrim{position:absolute;inset:0;pointer-events:none}
.ut-hero-canvas{width:100%;height:100%}
.ut-hero-scrim{background:linear-gradient(90deg,rgba(18,34,56,.90) 0%,rgba(18,34,56,.78) 30%,rgba(18,34,56,.38) 56%,rgba(18,34,56,.08) 80%,rgba(18,34,56,0) 100%),linear-gradient(0deg,rgba(18,34,56,.75) 0%,rgba(18,34,56,.15) 38%,rgba(18,34,56,0) 60%)}
.ut-hero .wrap{position:relative;z-index:2;padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(2.5rem,5vw,4rem)}
.ut-hero-inner{max-width:46rem;display:flex;flex-direction:column;gap:1rem}
.ut-hero .ut-trail{margin-bottom:.5rem;color:rgba(253,252,248,.72)}
.ut-hero .ut-trail a{color:rgba(253,252,248,.72);text-decoration-color:rgba(253,252,248,.3)}
.ut-hero .ut-trail a:hover{color:var(--paper)}
.ut-hero .ut-kicker{color:var(--gold)}
.ut-hero h1{font-size:clamp(2.6rem,1.8rem + 4vw,5.25rem);line-height:.98;letter-spacing:-.025em;color:var(--paper);max-width:16ch;text-wrap:balance;text-shadow:0 2px 24px rgba(10,20,35,.45)}
.ut-hero-bo{margin:0;font-family:var(--tibetan);font-size:clamp(1.4rem,1.1rem + 1.3vw,2.25rem);line-height:1.6;color:var(--gold);max-width:28em;text-shadow:0 1px 14px rgba(10,20,35,.5)}
.ut-hero-lede{margin:.25rem 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(1.125rem,1.02rem + .5vw,1.375rem);line-height:1.5;color:rgba(253,252,248,.94);max-width:52ch;text-wrap:pretty;text-shadow:0 1px 14px rgba(10,20,35,.5)}
.ut-hero-note{margin:.25rem 0 0;font-family:var(--serif);font-size:1.0625rem;color:rgba(253,252,248,.78)}
.ut-hero-note .num{color:var(--paper)}
.ut-hero-credit{position:absolute;right:var(--gutter);bottom:.6rem;z-index:3;margin:0;font-family:var(--sans);font-size:.7rem;letter-spacing:.02em;color:rgba(253,252,248,.55)}
.ut-hero-credit a{color:inherit;text-decoration:none}
.ut-hero-credit a:hover{color:var(--paper)}
.ut-hero :focus-visible{outline-color:var(--gold)}
.ut-hero + .ut-resume-slot.is-on,.ut-hero + .ut-chron .ut-scrub{border-top:0}

/* Mist over the valley (Era I): two soft veils drift slowly across; the photograph leans towards the pointer. */
.is-fx-mist .ut-hero-fx{background:radial-gradient(60% 40% at 20% 70%,rgba(253,252,248,.22),transparent 70%),radial-gradient(50% 35% at 75% 60%,rgba(253,252,248,.16),transparent 70%);background-size:200% 100%,200% 100%;mix-blend-mode:screen;opacity:.9}
.is-fx-mist.is-live .ut-hero-fx{animation:utMist 38s linear infinite}
@keyframes utMist{from{background-position:0% 0,100% 0}to{background-position:200% 0,-100% 0}}
/* A slow light sweeps across the old photograph (Era II), as across a print in a window. */
.is-fx-sweep .ut-hero-img{filter:sepia(.12) contrast(1.04)}
.is-fx-sweep .ut-hero-fx{background:linear-gradient(100deg,transparent 30%,rgba(255,225,170,.28) 48%,rgba(255,235,200,.38) 50%,rgba(255,225,170,.28) 52%,transparent 70%);background-size:260% 100%;background-position:120% 0;mix-blend-mode:screen}
.is-fx-sweep.is-live .ut-hero-fx{animation:utSweep 14s ease-in-out infinite}
@keyframes utSweep{0%{background-position:120% 0}60%{background-position:-20% 0}100%{background-position:-20% 0}}
/* Dawn over Dharamsala (Era III): the light breathes between deep blue and gold, slowly. */
.is-fx-dawn .ut-hero-fx{background:radial-gradient(70% 60% at 85% 0%,rgba(255,196,107,.42),rgba(255,196,107,.10) 45%,transparent 72%);mix-blend-mode:screen;opacity:.55}
.is-fx-dawn.is-live .ut-hero-fx{animation:utDawn 16s ease-in-out infinite}
@keyframes utDawn{0%,100%{opacity:.35}50%{opacity:.9}}
/* Wind (Culture): a light ripple runs along the flags; on desktop the picture itself flutters (cms.js, SVG displacement). */
.is-fx-wind .ut-hero-fx{background:repeating-linear-gradient(100deg,transparent 0 9%,rgba(253,252,248,.07) 11%,transparent 13%);background-size:300% 100%;mix-blend-mode:screen}
.is-fx-wind.is-live .ut-hero-fx{animation:utWind 9s linear infinite}
@keyframes utWind{from{background-position:0 0}to{background-position:-300% 0}}
/* Ink (Glossary): the manuscript is revealed from the left as if freshly written, then a faint gold light rests on it. */
.is-fx-ink .ut-hero-img{filter:saturate(.92)}
.is-fx-ink .ut-hero-fx{background:linear-gradient(90deg,rgba(18,34,56,0) 0%,rgba(18,34,56,0) 40%,rgba(18,34,56,.9) 48%,rgba(18,34,56,.96) 100%);background-size:260% 100%;background-position:0 0}
.is-fx-ink.is-live .ut-hero-fx{animation:utInk 2.8s cubic-bezier(.2,.6,.2,1) forwards}
@keyframes utInk{from{background-position:0 0}to{background-position:-160% 0}}
@media (prefers-reduced-motion:reduce){.is-fx-ink .ut-hero-fx{background:none}}
/* The reading lamp (Sources): a soft pool of light follows the pointer over the page. */
.is-fx-spot .ut-hero-fx{background:radial-gradient(28rem 20rem at var(--mx) var(--my),rgba(255,225,170,.30),rgba(255,225,170,.08) 50%,transparent 75%);mix-blend-mode:screen;transition:background-position .3s}
/* Clouds (Land), lamplight (Exile) and glints (Environment) are drawn on the canvas by cms.js. */
.is-fx-clouds .ut-hero-fx{background:radial-gradient(60% 50% at 50% 100%,rgba(255,215,150,.12),transparent 70%);mix-blend-mode:screen}
.is-fx-lamp .ut-hero-fx{background:radial-gradient(55% 60% at 72% 100%,rgba(255,190,110,.22),transparent 70%);mix-blend-mode:screen}
.is-fx-shimmer .ut-hero-fx{background:radial-gradient(60% 40% at 50% 85%,rgba(200,230,255,.12),transparent 70%);mix-blend-mode:screen}
@media (max-width:900px){
  .ut-hero{min-height:0}
  .ut-hero-img{object-position:var(--focus-m,var(--focus,50% 50%));transform:none;inset:0;width:100%;height:100%}
  .ut-hero .wrap{padding-top:min(52vw,22rem)}
  .ut-hero-scrim{background:linear-gradient(0deg,rgba(18,34,56,.96) 0%,rgba(18,34,56,.9) 36%,rgba(18,34,56,.66) 56%,rgba(18,34,56,.22) 76%,rgba(18,34,56,0) 100%)}
  .ut-hero-credit{position:static;padding:0 var(--gutter) .75rem;text-align:right}
  .ut-hero h1{max-width:none}
}
@media (prefers-reduced-motion:reduce){.ut-hero-img{transition:none;transform:none}.ut-hero-fx{animation:none!important}}
@media print{.ut-hero-media,.ut-hero-credit{display:none}.ut-hero{color:var(--ink);background:none;min-height:0}.ut-hero h1,.ut-hero-lede{color:var(--ink);text-shadow:none}}

/* Round 4 (2026-10-20): the scrubber with its readout, the chronology's photo panel, the image-led chapter turn, the
   memorial's wall of names and butter lamps, the Nature pages in the family, heroes chosen in wp-admin. */
/* The scrubber: readout · prev era · track · next era. Nothing sits on the track but marks and a small gold handle. */
:root{--ut-scrub-h:5.75rem}
.ut-scrub-in{grid-template-columns:minmax(12rem,17rem) auto minmax(0,1fr) auto;gap:0 clamp(.9rem,2vw,1.75rem)}
.ut-scrub-now{display:flex;flex-direction:column;gap:.1rem;min-width:0;padding:.6rem 1.25rem .6rem 0;border-right:1px solid var(--line)}
.ut-scrub-now-k{font-family:var(--serif);font-style:italic;font-size:.85rem;color:var(--ut-gold-ink);line-height:1.2}
.ut-scrub-now-y{font-family:var(--num);font-variant-numeric:var(--nums);font-size:1.35rem;line-height:1.1;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ut-scrub-now-t{font-family:var(--serif);font-size:.95rem;line-height:1.25;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ut-scrub-era{gap:.05rem;padding:.4rem .1rem}
.ut-scrub-era.is-none{width:1.25rem}
.ut-scrub-era-n{font-size:1.2rem}
.ut-scrub-era-t{font-size:.8rem;color:var(--slate)}
.ut-scrub-track{height:var(--ut-scrub-h)}
.ut-scrub-line{top:calc(40% - 2px);height:4px}
.ut-scrub-fill{top:calc(40% - 2px);height:4px}
.ut-scrub-labels{top:calc(40% + 1.15rem)}
.ut-scrub-y{font-size:.875rem}
.ut-scrub-y.is-lo,.ut-scrub-y.is-hi{color:var(--navy);font-weight:500}
.ut-scrub-y:not(.is-lo):not(.is-hi)::before{top:-.7rem;height:.4rem}
.ut-scrub-mark{top:calc(40% - 5.5px)}
.ut-scrub-mark.is-cluster{top:calc(40% - 9.5px)}
.ut-scrub-handle{top:calc(40% - 9px);width:16px;height:16px;min-height:0;padding:0;border-radius:0;background:var(--gold);box-shadow:0 0 0 3px var(--paper),0 0 0 4.5px var(--ut-gold-ink);transform:translateX(-50%) rotate(45deg);transition:left .35s var(--ease),transform var(--fast)}
.ut-scrub-handle::after{display:none}
.ut-scrub.is-dragging .ut-scrub-handle,.ut-scrub-track:hover .ut-scrub-handle{background:var(--gold);transform:translateX(-50%) rotate(45deg) scale(1.15)}
.ut-scrub-track:focus-visible .ut-scrub-handle{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--blue)}

/* The chronology (round 8): each entry with its own photograph beside it on desktop (text left, photograph right, caption and
   credit beneath, aligned to the entry, not sticky); an entry without one runs at its normal measure. Phones: under the title. */
.ut-tl{max-width:none}
.ut-ev-body.has-photo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"head photo" "text photo" "foot photo";gap:0 clamp(2rem,4vw,4rem);align-items:start}
.ut-ev-body.has-photo h3{grid-area:head}
.ut-ev-body.has-photo .ut-ev-text{grid-area:text}
.ut-ev-body.has-photo .ut-ev-foot{grid-area:foot}
.ut-ev-photo{grid-area:photo;min-width:0}
.ut-ev-photo .tb-gal{margin:0;max-width:none}
.ut-ev-photo .tb-gal-img{border-radius:var(--radius);box-shadow:0 30px 50px -36px rgba(22,58,99,.45)}
.tb-gal-credit{display:block;margin-top:.15rem;font-size:.75rem;color:var(--slate);opacity:.85}
@media (max-width:1100px){.ut-tl{max-width:52rem}.ut-ev-body.has-photo{display:block}.ut-ev-photo .tb-gal{margin:1.4rem 0 .25rem;max-width:44rem}}

/* The chapter turn: the next chapter on its photograph, the previous beside it, the chapters as segments. */
.ut-turn{padding:clamp(2.5rem,5vw,4rem) 0 clamp(2.25rem,4.5vw,3.5rem);border-top:0;background:var(--beige)}
.ut-turn-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(.75rem,1.5vw,1.25rem);align-items:stretch}
.ut-turn-next,.ut-turn-prev{position:relative;display:block;overflow:hidden;border-radius:var(--radius);background:var(--navy);color:var(--paper);text-decoration:none;min-height:18rem;border-top:0;padding:0;isolation:isolate;transition:transform var(--slow) var(--ease),box-shadow var(--slow) var(--ease)}
.ut-turn-next:hover,.ut-turn-prev:hover{transform:translateY(-3px);box-shadow:0 40px 70px -40px rgba(22,58,99,.6)}
.ut-turn-next:focus-visible,.ut-turn-prev:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.ut-turn-media{position:absolute;inset:0}
.ut-turn-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.ut-turn-next:hover .ut-turn-media img{transform:scale(1.03)}
.ut-turn-next.is-hub .ut-turn-media{background:linear-gradient(160deg,var(--charcoal),var(--navy))}
.ut-turn-next.is-hub .ut-turn-media img{object-fit:contain;object-position:right bottom;opacity:.9}
.ut-turn-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,34,56,.9) 0%,rgba(18,34,56,.7) 45%,rgba(18,34,56,.2) 100%),linear-gradient(0deg,rgba(18,34,56,.85) 0%,rgba(18,34,56,0) 55%)}
.ut-turn-prev .ut-turn-media::after{background:linear-gradient(0deg,rgba(18,34,56,.92) 0%,rgba(18,34,56,.5) 50%,rgba(18,34,56,.15) 100%)}
.ut-turn-body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.45rem;height:100%;padding:clamp(1.5rem,3vw,2.5rem)}
.ut-turn-dir{font-family:var(--serif);font-style:italic;font-size:1rem;color:rgba(253,252,248,.78)}
.ut-turn-next .ut-kicker{margin:0;color:var(--gold)}
.ut-turn-next strong{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,1.4rem + 2.2vw,3.25rem);line-height:1.02;letter-spacing:-.02em;max-width:16ch;text-wrap:balance;color:var(--paper);text-shadow:0 2px 20px rgba(10,20,35,.5)}
.ut-turn-next:hover strong{color:var(--paper)}
.ut-turn-bo{font-family:var(--tibetan);font-size:1.15rem;line-height:1.7;color:var(--gold)}
.ut-turn-go{margin-top:.5rem;font-weight:600;font-size:1rem;color:var(--paper)}
.ut-turn-prev{min-height:14rem}
.ut-turn-prev b{font-family:var(--serif);font-weight:500;font-size:var(--step-2);line-height:1.2;color:var(--paper)}
.ut-turn-prev:hover b{color:var(--paper)}
.ut-turn-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:1.5rem}
.ut-turn-progress{display:flex;align-items:center;gap:1rem}
.ut-turn-pos{margin:0;font-family:var(--serif);font-size:1rem;color:var(--slate);white-space:nowrap}
.ut-turn-segs{display:flex;gap:.3rem}
.ut-turn-segs span{display:block;width:1.6rem;height:.35rem;border-radius:2px;background:var(--stone);overflow:hidden}
.ut-turn-segs span.is-done{background:var(--ut-rule)}
.ut-turn-segs span.is-here{background:var(--navy)}
.ut-turn-segs a{display:block;width:100%;height:100%;border-radius:2px}
.ut-turn-segs a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.ut-turn-links{margin:0;font-family:var(--serif);font-size:.95rem;color:var(--slate)}
.ut-turn-links a{color:var(--slate);text-decoration-color:var(--line-strong)}
.ut-turn-links .ut-src-link{border:0;text-decoration:underline}
.ut-turn-links a:hover{color:var(--navy)}
.ut-turn-num{display:none}
.ut-turn + .site-footer{margin-top:0}
@media (max-width:900px){.ut-turn-grid{grid-template-columns:minmax(0,1fr)}.ut-turn-next{min-height:16rem}.ut-turn-prev{min-height:9rem}.ut-turn-prev .ut-turn-body{flex-direction:row;align-items:baseline;gap:.75rem}.ut-turn-foot{flex-direction:column;align-items:flex-start}.ut-turn-segs span{width:1.1rem}}

/* A hero with a separate picture for phones. */
.ut-hero-img.is-mobile{display:none}
@media (max-width:900px){.ut-hero.has-mobile .ut-hero-img:not(.is-mobile){display:none}.ut-hero.has-mobile .ut-hero-img.is-mobile{display:block}}
/* Breath: a slow, soft zoom of the picture. */
.is-fx-breath.is-live .ut-hero-img{animation:utBreath 22s ease-in-out infinite alternate}
@keyframes utBreath{from{transform:scale(1)}to{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.is-fx-breath .ut-hero-img{animation:none}}
.is-fx-lamps .ut-hero-scrim{background:linear-gradient(90deg,rgba(18,34,56,.92) 0%,rgba(18,34,56,.8) 32%,rgba(18,34,56,.4) 58%,rgba(18,34,56,.1) 82%,rgba(18,34,56,0) 100%),linear-gradient(0deg,rgba(18,34,56,.8) 0%,rgba(18,34,56,.2) 40%,rgba(18,34,56,0) 60%)}
.is-fx-lamps .ut-hero-fx{background:radial-gradient(70% 60% at 70% 80%,rgba(255,190,110,.18),transparent 70%);mix-blend-mode:screen}

/* The Nature pages: the switcher under the hero. */
.ut-hero + .nt-switch{border-top:0}
.nt-sp.has-hero{padding-top:clamp(2rem,4vw,3rem)}
.nt-sp.has-hero .nt-sp-lede{max-width:62ch;margin-bottom:clamp(1.5rem,3vw,2.5rem)}

/* The memorial's maps (round 4): the plateau outline only, the regions named, no province lines or country borders (as the Land map). */
.rec-map-svg .tb-region,.mem-locator .tb-region{fill:rgba(216,179,77,.13);fill-opacity:1;stroke:none;cursor:default}
.rec-map-svg .tb-map-borders,.mem-locator .tb-map-borders{display:none}
.rec-map-svg .tb-map-label{font-family:var(--serif);letter-spacing:.2em;text-transform:uppercase;fill:var(--navy);opacity:.75}
/* The memorial: the figures beneath the hero, the wall of names, the butter lamps. */
.mem-figs{background:var(--navy);color:var(--paper);border-bottom:3px solid var(--gold)}
.mem-figs .wrap{padding-top:1.25rem;padding-bottom:1.25rem}
.mem-figs .rec-figures{margin:0}
/* One butter lamp (rounds 5-7): the round-5 room - centred heading and intro, the lamp centred with the names set faintly
   around it (never behind it: two columns with the lamp's width as the gap), the controls and the dedication in their own bands beneath - with
   the round-6 real lamp (Chris Fynn's photograph, its own flame as a layer; credited on the sources page) and EB Garamond,
   loaded for the memorial only. The flame's light is drawn on a canvas; --spread lights the names through a radial mask. */
.mem-lamp-sec{--mem-serif:"EB Garamond",var(--serif);position:relative;overflow:hidden;isolation:isolate;min-height:min(100svh,60rem);display:flex;align-items:center;background:radial-gradient(120% 80% at 50% 100%,#1a1208 0%,#0d0a06 60%,#07060a 100%);color:var(--paper);border-top:3px solid var(--gold);border-bottom:3px solid var(--gold);--kindle:0;--spread:0;font-family:var(--mem-serif)}
.mem-lamp-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.mem-lamp-names{position:absolute;inset:0;z-index:0;padding:0 clamp(1.5rem,4vw,4rem);font-family:var(--mem-serif);font-size:clamp(.9rem,.8rem + .4vw,1.1rem);line-height:2;text-align:center;color:rgba(253,252,248,.085);word-spacing:.7em;columns:2;column-gap:calc(clamp(12rem,28vmin,17rem) + 5rem);column-fill:balance;-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 86%,transparent);pointer-events:none;user-select:none;overflow:hidden;text-wrap:balance}
.mem-lamp-names span{white-space:nowrap}
.mem-lamp-names.is-glow{color:rgba(255,215,150,.66);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 calc(var(--spread) * 34%),rgba(0,0,0,.3) calc(var(--spread) * 60%),transparent calc(var(--spread) * 88%)),linear-gradient(180deg,transparent,#000 10%,#000 86%,transparent);mask-image:radial-gradient(circle at 50% 50%,#000 calc(var(--spread) * 34%),rgba(0,0,0,.3) calc(var(--spread) * 60%),transparent calc(var(--spread) * 88%)),linear-gradient(180deg,transparent,#000 10%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.mem-lamp-in{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:clamp(3rem,6vw,5rem) 16px;text-align:center}
.mem-lamp-field{position:relative;width:100vw;max-width:100%;margin:.5rem -16px 0;display:flex;flex-direction:column;align-items:center;padding:2.5rem 16px 2rem;overflow:hidden}
.mem-lamp-field .mem-lamp-btn{position:relative;z-index:1}
.mem-lamp-head{max-width:40rem}
.mem-lamp-head .eyebrow{justify-content:center;color:var(--gold)}
.mem-lamp-head .eyebrow::before{display:none}
.mem-lamp-head h2{margin-top:.75rem;font-family:var(--mem-serif);font-weight:400;font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);line-height:1.06;letter-spacing:0;color:var(--paper);text-wrap:balance}
.mem-lamp-lede{margin:1rem auto 0;font-family:var(--mem-serif);font-style:italic;font-size:clamp(1.1rem,1rem + .35vw,1.3rem);line-height:1.5;color:rgba(253,252,248,.8);max-width:46ch;text-wrap:pretty}
.mem-lamp-btn{display:block;width:clamp(12rem,28vmin,17rem);margin-top:12%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .6s var(--ease)}
.mem-lamp-btn:focus-visible{outline:2px solid var(--gold);outline-offset:14px}
.mem-lamp-btn.is-holding{transform:scale(.99)}
.mem-lamp-fig{position:relative;display:block;width:100%}
.mem-lamp-body{display:block;width:100%;height:auto;filter:brightness(calc(.38 + var(--spread) * .62)) contrast(1.02);transition:filter .6s linear;-webkit-user-drag:none}
.mem-lamp-sec.is-kindling .mem-lamp-body{filter:brightness(calc(.38 + var(--kindle) * .14)) contrast(1.02)}
.mem-lamp-flame{position:absolute;display:block;height:auto;opacity:0;transform-origin:50% 100%;will-change:transform,opacity;mix-blend-mode:screen;pointer-events:none;-webkit-user-drag:none}
.mem-lamp-band{display:flex;flex-direction:column;align-items:center;gap:.9rem}
.mem-lamp-hint{margin:0;font-family:var(--mem-serif);font-style:italic;font-size:1.1rem;color:rgba(253,252,248,.6);transition:color .6s}
.mem-lamp-sec.is-lit .mem-lamp-hint{color:var(--gold)}
.mem-lamp-alt{padding:.35rem .9rem;border:1px solid rgba(253,252,248,.22);border-radius:999px;background:transparent;color:rgba(253,252,248,.6);font-family:var(--sans);font-size:.8125rem;cursor:pointer;transition:color var(--fast),border-color var(--fast)}
.mem-lamp-sec.is-lit .mem-lamp-alt{opacity:.55}
.mem-lamp-alt:hover{color:var(--paper);border-color:rgba(253,252,248,.5)}
.mem-lamp-alt:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.mem-lamp-dedication{margin:0;max-width:40rem;font-family:var(--mem-serif);font-size:clamp(1.2rem,1.1rem + .6vw,1.55rem);line-height:1.5;color:rgba(253,252,248,.92);text-wrap:balance;opacity:0;transform:translateY(8px);transition:opacity 2.2s var(--ease) .8s,transform 2.2s var(--ease) .8s}
.mem-lamp-dedication:empty{display:none}
.mem-lamp-dedication .num{color:var(--gold)}
.mem-lamp-sec.is-lit .mem-lamp-dedication{opacity:1;transform:none}
.mem-lamp-note{margin:0;font-family:var(--sans);font-size:.8125rem;color:rgba(253,252,248,.45)}
.mem-lamp-note:empty{display:none}
@media (max-width:700px){.mem-lamp-sec{min-height:min(100svh,52rem)}.mem-lamp-btn{width:12rem}.mem-lamp-names{font-size:.8rem;line-height:1.9;padding:0 .75rem;word-spacing:.3em;column-gap:13.5rem;text-wrap:wrap}.mem-lamp-names span{white-space:normal}}
@media (max-width:400px){.mem-lamp-btn{width:11rem}.mem-lamp-names{font-size:.76rem;column-gap:12.5rem}}
@media (prefers-reduced-motion:reduce){.mem-lamp-dedication,.mem-lamp-btn,.mem-lamp-body{transition:none}}
/* The wall of names (round 4), on paper after the lamp. */
.mem-wall{padding:var(--section) 0;background:var(--paper);border-top:1px solid var(--line)}
.mem-wall .ut-sec-head{max-width:56rem}
.mem-wall .ut-sec-head h2 .num{color:var(--navy)}
.mem-wall-list{list-style:none;margin:0;padding:0;columns:3;column-gap:clamp(1.5rem,3vw,3rem);border-top:2px solid var(--navy);padding-top:1.25rem}
.mem-wall-name{break-inside:avoid;padding:.65rem 0;border-bottom:1px solid var(--line)}
.mem-wall-name a{display:flex;flex-direction:column;gap:.1rem;color:var(--navy);text-decoration:none;min-width:0}
.mem-wall-latin{font-family:var(--serif);font-size:1.125rem;line-height:1.25}
.mem-wall-name a:hover .mem-wall-latin{color:var(--blue)}
.mem-wall-bo{font-family:var(--tibetan);font-size:1rem;line-height:1.5;color:var(--ut-gold-ink)}
.mem-wall-sub{font-size:.8125rem;line-height:1.4;color:var(--slate)}
.mem-wall-sub .num{color:var(--navy);font-size:.9375rem}
@media (max-width:1100px){.mem-wall-list{columns:2}}
@media (max-width:700px){.mem-wall-list{columns:1}}
/* The record page: the line to the lamp. */
.mem-lamp-line{margin:1rem 0 1.25rem;font-family:var(--serif);font-size:1rem}
.mem-lamp-line a{color:var(--navy);text-decoration:none;border-bottom:1px solid var(--ut-rule)}
.mem-lamp-line a:hover{color:var(--blue);border-color:var(--blue)}
/* The scrubber on phones: the readout on its own line, then prev era · track · next era. */
@media (max-width:900px){
  :root{--ut-scrub-h:5.9rem}
  .ut-scrub-in{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"now now now" "prev track next";gap:0 .6rem;padding-top:.5rem;padding-bottom:.25rem;min-height:0}
  .ut-scrub-now{grid-area:now;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;padding:0 0 .3rem;border-right:0;border-bottom:1px solid var(--line)}
  .ut-scrub-now-k{display:none}
  .ut-scrub-now-y{font-size:1.05rem}
  .ut-scrub-now-t{flex:1 1 auto;font-size:.875rem}
  .ut-scrub-era.is-prev{grid-area:prev}
  .ut-scrub-era.is-next{grid-area:next}
  .ut-scrub-track{grid-area:track;height:3.7rem}
  .ut-scrub-line,.ut-scrub-fill{top:calc(42% - 2px)}
  .ut-scrub-labels{top:calc(42% + 1.1rem)}
  .ut-scrub-mark{top:calc(42% - 5.5px)}
  .ut-scrub-mark.is-cluster{top:calc(42% - 9.5px)}
  .ut-scrub-handle{top:calc(42% - 8px)}
  .ut-turn-prev .ut-turn-body{flex-direction:row;flex-wrap:wrap;align-items:baseline;align-content:flex-end;justify-content:flex-start;gap:.35rem .75rem}
}

@media (max-width:1100px){
  .ut-head-grid{grid-template-columns:minmax(0,1fr)}
  .ut-toc{padding-top:1.25rem;border-top:1px solid var(--line)}
  .ut-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem}
  .ut-head-map{width:70vw;right:-20%;opacity:.5}
  .ut-ix{grid-template-columns:3rem minmax(0,1fr) clamp(7rem,16vw,11rem)}
  .ut-eras{grid-template-columns:minmax(0,1fr);gap:1rem}
  .ut-era{min-height:0}
  .ut-era-body{padding:1.75rem}
  .ut-era-num{font-size:4rem}
  .ut-era-intro{max-width:56ch}
  .ut-era-art span{font-size:9rem}
}
@media (max-width:900px){
  :root{--ut-scrub-h:4rem}
  .ut-intro-grid,.ut-cta-grid,.ut-living-grid,.ut-turn-grid{grid-template-columns:minmax(0,1fr)}
  .ut-nature-links{grid-template-columns:minmax(0,1fr)}
  .tb-pin.tb-rname .tb-rname-bo{display:none}
  .ut-head-numeral{font-size:12rem;right:-1rem;top:-.1em;opacity:.1}
  .ut-turn-prev{order:2}
  .ut-ix-visual{min-height:0}
  .ut-scrub-in{gap:0 .9rem}
  .ut-scrub-era-t{display:none}
  .ut-scrub-era{padding:.5rem .35rem}
  .ut-scrub-era.is-none{width:1.5rem}
  .ut-scrub-era-n{font-size:1.35rem}
  .ut-srclist{columns:1}
}
@media (max-width:700px){
  .ut-ev{padding:1.75rem 0}
  .ut-ev-foot{justify-content:flex-start}
  .ut-toc ol{grid-template-columns:minmax(0,1fr)}
  .ut-live-list li{grid-template-columns:minmax(0,1fr);gap:.25rem}
  .ut-live-date{grid-row:auto}
  .ut-ix{grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem 1rem;padding:1.5rem 0}
  .ut-ix-visual{grid-column:2;justify-content:flex-start;max-width:11rem;margin-top:.25rem}
  .is-culture .ut-ix-visual img{width:7rem}
  .is-env .ut-ix-visual svg{width:9rem}
  .ut-ix-bo{font-size:2rem}
  .ut-cta-actions .btn{flex:1 1 auto}
  .ut-cta-line .ut-cta-actions{flex:1 1 100%}
  .ut-turn-num{font-size:5rem;top:.75rem}
  .ut-moment-foot{flex-direction:column;align-items:flex-start}
  .ut-scrub-y:not(.is-lo):not(.is-hi){display:none}
  .ut-scrub-handle{font-size:.95rem;padding:0 .75rem}
  .ut-era-body{padding:1.5rem 1.25rem}
  .ut-srcgroup-head{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .ut-ix,.ut-ix::before,.ut-era,.ut-era-go .arrow,.ut-turn-go .arrow,.ut-resume .arrow,.ut-scrub-handle,.ut-scrub-fill,.ut-scrub-mark{transition:none}
  .ut-era:hover,.ut-era:focus-within{transform:none}
  .ut-era:hover .ut-era-go .arrow,.ut-turn-next:hover .ut-turn-go .arrow{transform:none}
  .ut-tl.is-reveal .ut-ev{opacity:1;transform:none;transition:none}
}
@media print{.ut-scrub,.ut-cta,.ut-cta-line,.ut-turn,.ut-share-wrap,.ut-head-numeral,.ut-head-map,.ut-era-art{display:none}.ut-era{color:var(--ink);background:none;border:1px solid var(--line)}}
/* 11f. Understanding Tibet — END */

/* 12. Home ----------------------------------------------------------------- */
.hero{position:relative;padding:clamp(2rem,5vw,4.5rem) 0 clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--line);overflow:hidden}
.hero .grid{align-items:center}
.hero + .section{padding-top:calc(var(--section) * .5)} /* the hero already ends in its own padding and rule: no full section gap on top */
.hero-copy{grid-column:span 7;position:relative;z-index:1}
.hero-media{grid-column:8/-1;display:flex;justify-content:center}
.hero-video{width:100%;max-width:420px;height:auto;aspect-ratio:942/512;mix-blend-mode:multiply} /* reserves space before metadata arrives: no layout shift */
.hero .eyebrow{margin-bottom:1.5rem}
.hero-tibetan{display:block;font-family:var(--tibetan);font-size:clamp(1.5rem,1.1rem + 2vw,2.6rem);line-height:1.7;color:var(--navy);font-weight:400;margin-bottom:.1em}
.hero h1{font-size:var(--step-5);line-height:1;letter-spacing:-.025em;color:var(--navy);text-wrap:balance}
.hero h1 .accent{color:var(--blue)}
.hero .lede{margin:1.5rem 0 2rem;max-width:40ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}
.hero-actions .link-more{margin-left:.5rem}
.hero-note{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.5rem 2.5rem}
.hero-note .meta b{display:block;font-family:var(--num);font-variant-numeric:var(--nums);font-size:1.5rem;font-weight:400;color:var(--navy);letter-spacing:0;line-height:1.1;margin-bottom:.2rem}

.home-about{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:start}
.home-about .about-copy{grid-column:span 7}
.home-about .about-leader{grid-column:9/-1;border-top:2px solid var(--navy);padding-top:1.25rem}
.home-about .about-copy h2{margin:.75rem 0 1rem;font-size:var(--step-3)}
.home-about .about-copy .prose{font-size:1.0625rem;max-width:56ch}

.closing{padding:0 0 var(--section)}
.closing .grid{align-items:center;border-top:2px solid var(--navy);padding-top:clamp(2.5rem,5vw,4rem)}
.closing .closing-copy{grid-column:span 7}
.closing .closing-actions{grid-column:9/-1;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}
.closing h2{font-size:var(--step-4);line-height:1.05;letter-spacing:-.02em;max-width:18ch;margin-top:.75rem}
.closing p{color:var(--slate);max-width:44ch;margin:1rem 0 0;font-size:1.0625rem}

/* 13. Footer --------------------------------------------------------------- */
.site-footer{background:var(--navy);color:var(--text-on-dark);margin-top:auto}
.site-footer .flag-stripe{height:3px}
.footer-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem var(--gap);padding:clamp(3rem,5vw,4.5rem) 0 2.5rem}
.footer-brand{grid-column:span 5}
.footer-brand .brand{margin-bottom:1.25rem}
.footer-brand p{color:var(--muted-on-dark);max-width:36ch;font-size:.9375rem;line-height:1.6;margin:0}
.footer-brand .tibetan{display:block;color:var(--muted-on-dark);font-size:1.125rem;margin-top:1.25rem}
.footer-col{grid-column:span 2}
.footer-col:last-of-type{grid-column:span 3}
.footer-col h4{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:500;margin:0 0 1rem;padding-bottom:.6rem;border-bottom:1px solid var(--line-on-dark)}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.footer-col a{color:var(--text-on-dark);text-decoration:none;font-size:.9375rem;opacity:.86;transition:opacity var(--fast),color var(--fast)}
.footer-col a:hover{opacity:1;color:var(--gold)}
.footer-col p{color:var(--muted-on-dark);font-size:.9375rem;line-height:1.6;margin:0 0 .75rem}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start}
.footer-contact h4{align-self:stretch}
.footer-contact .footer-cta{color:var(--text-on-dark);border-bottom-color:var(--gold);font-size:1rem}
.footer-contact .footer-cta:hover{color:var(--gold)}
.footer-contact .footer-email{margin-top:.9rem;font-family:var(--mono);font-size:.8125rem;letter-spacing:.02em;opacity:1;color:var(--muted-on-dark);overflow-wrap:anywhere}
.footer-contact .footer-email:hover{color:var(--gold)}
.footer-contact .footer-follow{display:flex;align-items:center;gap:.6rem;margin:1.75rem 0 .85rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.footer-contact .footer-follow::before{content:"";width:1.25rem;height:1px;background:var(--gold)}
.footer-contact .social-list{flex-direction:row;gap:.6rem}
.footer-contact .social-btn{width:2.75rem;height:2.75rem;border-radius:50%;border-color:rgba(216,179,77,.45);color:var(--paper);transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.footer-contact .social-btn svg{width:1.15rem;height:1.15rem}
.site-footer .footer-contact a.social-btn:hover,.site-footer .footer-contact a.social-btn:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--navy);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.footer-contact .social-btn{transition:none}.site-footer .footer-contact a.social-btn:hover{transform:none}}
.footer-contact .social-list a{opacity:1}
.menu-foot .social-list{margin-bottom:1.25rem}
.menu-foot .menu-contact{display:flex;width:fit-content;color:var(--text-on-dark);border-bottom-color:var(--gold);margin-bottom:1.5rem}
.nobr{white-space:nowrap}
.menu-foot .menu-contact:hover{color:var(--gold)}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.25rem 0 1.75rem;border-top:1px solid var(--line-on-dark);font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--muted-on-dark)}
.footer-bottom a{color:inherit;text-decoration:none}
.footer-bottom a:hover{color:var(--gold)}
.footer-credit b{font-weight:500;color:var(--text-on-dark)}

/* 14. Utilities, motion, responsive, print --------------------------------- */
.view{animation:viewIn var(--slow) var(--ease) both}
@keyframes viewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
.loading-line{height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);background-size:200% 100%;animation:shimmer 1.2s linear infinite;margin:2rem 0}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.notfound{padding:var(--section) 0}
/* The Tibetan edition's "work in progress" page (/bod/): navy, centred, the Tibetan line set large in Noto Serif
   Tibetan, a faint gold བོད behind it, a slow progress shimmer and the flag stripe along the foot. */
.bod-wip{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#1d4878 0%,var(--navy) 55%,#10294a 100%);color:var(--text-on-dark);text-align:center}
.bod-wip .wrap{position:relative}
.bod-inner{max-width:46rem;margin:0 auto;padding:clamp(4.5rem,11vw,8.5rem) 0 clamp(4rem,9vw,7rem);display:flex;flex-direction:column;align-items:center}
.bod-wm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--tibetan);font-size:clamp(11rem,30vw,23rem);line-height:1;color:var(--gold);opacity:.06;pointer-events:none;user-select:none;white-space:nowrap}
.bod-wip .eyebrow{color:var(--gold);font-family:var(--tibetan);font-size:1.15rem;letter-spacing:0;text-transform:none;gap:.8em}
.bod-wip .eyebrow::after{content:"";flex:none;width:1.25rem;height:2px;background:var(--gold)}
.bod-wip .bod-en{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-on-dark);margin-left:.8em}
/* Pema's pixel-art dancers (assets/bod/folk-loader.gif, transparent, 360×283), shown as made: never smoothed, standing
   on a soft gold glow so they sit on the navy rather than float. */
.bod-art{position:relative;margin:0 0 1.75rem;width:min(360px,82vw)}
.bod-art::after{content:"";position:absolute;left:12%;right:12%;bottom:2%;height:14%;background:radial-gradient(closest-side,rgba(216,179,77,.28),transparent);z-index:0}
.bod-art img{position:relative;z-index:1;display:block;width:100%;height:auto;image-rendering:pixelated}
.bod-inner{padding-top:clamp(3rem,7vw,5rem)}
.bod-wip h1{margin-top:1.4rem;font-family:var(--tibetan);font-weight:500;font-size:clamp(2.1rem,1.4rem + 3.4vw,4rem);line-height:1.45;letter-spacing:0;color:var(--paper);text-wrap:balance}
.bod-sub{margin:.35rem 0 0;font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--muted-on-dark)}
.bod-progress{position:relative;width:min(16rem,70%);height:2px;margin:2rem 0 2.1rem;background:var(--line-on-dark);border-radius:2px;overflow:hidden}
.bod-progress span{position:absolute;inset:0 auto 0 0;width:38%;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
@media (prefers-reduced-motion:no-preference){.bod-progress span{animation:bodGlide 2.6s var(--ease) infinite}}
@keyframes bodGlide{from{transform:translateX(-100%)}to{transform:translateX(265%)}}
.bod-lede{margin:0;font-family:var(--tibetan);font-size:clamp(1.15rem,1rem + .6vw,1.45rem);line-height:2;color:var(--paper);max-width:34em;text-wrap:balance}
.bod-note{margin:1rem 0 0;max-width:38ch;color:var(--muted-on-dark);font-size:1rem}
.bod-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.25rem}
.bod-wip > .flag-stripe{position:relative;height:4px}
.notfound .actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}

@media (max-width:1024px){
  .page-head .head-main{grid-column:span 8}
  .page-head .head-aside{grid-column:1/-1}
  .footer-brand{grid-column:1/-1}
  .footer-col{grid-column:span 4}
  .footer-col:last-of-type{grid-column:span 4}
  .contact-intro{grid-column:1/-1;max-width:var(--measure)}
  .contact-cards{grid-column:1/-1}
  .contact-grid.no-intro .contact-cards.single{grid-column:1/-1}
  .faq-intro{grid-column:1/-1;position:static}
  .faq-list{grid-column:1/-1}
  .country-body .country-main{grid-column:span 7}
  .country-body .country-aside{grid-column:8/-1}
  .page-body .page-main{grid-column:1/-1}
  .about-hero-main{grid-column:span 8}
  .about-hero-aside{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:1.5rem}
  .about-split-copy{grid-column:span 6}
  .about-split-media{grid-column:7/-1}
  .about-split.is-flipped .about-split-copy{grid-column:7/-1}
  .about-split.is-flipped .about-split-media{grid-column:1/span 6}
  .about-card-split{grid-template-columns:1fr}
  .about-card-split > .prose:first-child{max-width:var(--measure)}
}
@media (max-width:900px){
  :root{--header-h:60px}
  .nav{display:none}
  .menu-toggle{display:inline-flex}
  .brand img{height:46px}
  .brand .wordmark{font-size:1.25rem}
  .hero{padding-top:clamp(2rem,6vw,3rem)}
  .hero-copy{grid-column:1/-1}
  .hero-media{grid-column:1/-1;justify-content:flex-start;margin-top:.5rem}
  .hero-video{max-width:240px}
  .header-inner{gap:1rem}
  .menu-toggle{flex:none}
  .story-featured .story-media,.story-featured .story-body,.story-featured.no-media .story-body{grid-column:1/-1}
  .home-about .about-copy,.home-about .about-leader{grid-column:1/-1}
  .home-about .about-leader{border-top:1px solid var(--line)}
  .leader-profile .leader-media,.leader-profile .leader-body{grid-column:1/-1;padding-left:0}
  .leader-profile .leader-media{position:static;max-width:22rem}
  .country-body .country-main,.country-body .country-aside{grid-column:1/-1}
  .give-steps{grid-template-columns:1fr;gap:1.25rem}
  .give-steps li+li{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:1.25rem}
  .closing .closing-copy,.closing .closing-actions{grid-column:1/-1}
  .closing .closing-actions{flex-direction:row;flex-wrap:wrap}
  .about-hero-main{grid-column:1/-1}
  .about-hero h1{max-width:none}
  .about-split-copy,.about-split-media,.about-split.is-flipped .about-split-copy,.about-split.is-flipped .about-split-media{grid-column:1/-1}
  .about-split-media,.about-split.is-flipped .about-split-media{order:-1;max-width:34rem}
  .about-card{grid-column:1/-1}
  .about-offices{columns:1}
  .about-closing .about-closing-leader{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.5rem}
  .dir-row{grid-template-columns:2.5rem minmax(0,1fr) auto;gap:.75rem 1rem}
  .dir-row .dir-index{grid-column:1;grid-row:1}
  .dir-row .dir-main{grid-column:2;grid-row:1}
  .dir-row .dir-person{grid-column:2;grid-row:2}
  .dir-row .dir-person:empty{display:none}
  .dir-row .dir-arrow{grid-column:3;grid-row:1;align-self:center}
}
@media (max-width:700px){
  .story-row,.story-row.no-media{grid-template-columns:1fr;gap:.75rem}
  .story-row .story-media{order:-1}
  .story-row .story-date{display:flex;gap:.5em;align-items:baseline;padding:0}
  .story-row .story-date b{font-size:1rem;display:inline;margin:0}
  .story-list.compact .story-row{grid-template-columns:1fr}
  .leader-facts div{grid-template-columns:1fr;gap:.2rem}
  .contact-cards{grid-template-columns:minmax(0,1fr)}
  .faq-answer{padding-right:0}
  .faq-q{font-size:1.125rem}
  .footer-grid{gap:2rem var(--gap)}
  .footer-col,.footer-col:last-of-type{grid-column:span 6}
  .footer-contact{grid-column:1/-1}
  .section-head{flex-direction:column;align-items:flex-start;gap:.75rem}
  .give-search{width:100%}
  .hero-note{gap:.5rem 1.5rem}
  .hero-actions .btn{flex:1 1 auto}
  .hero-actions .link-more{margin-left:0}
  .about-figure .frame.r219{aspect-ratio:16/10}
  .about-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-closing .about-actions .link-more{margin-left:0}
  .nc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem}
  .nc-body{padding:.9rem .95rem 1rem}
  .nc-card h3{font-size:1.1875rem}
  .nc-flag{left:.5rem;bottom:.5rem;padding:.3em .5em}
  .subnav{gap:0 1.25rem}
  .subnav a{padding:.8rem 0;font-size:.9rem}
  .pending .actions .btn{flex:1 1 auto}
  .pending .actions .link-more{margin-left:0}
}
@media (max-width:480px){
  .nc-intro{display:none}
}
@media (max-width:480px){
  .site-header .brand .sub,.menu-panel-head .brand .sub{display:none}
  .dir-row{grid-template-columns:2rem minmax(0,1fr) auto;padding:1rem 0}
  .dir-row:hover{padding-left:.25rem}
  .dir-name{font-size:1.25rem}
  .btn-block-sm{display:flex;width:100%}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .view{animation:none}
  .frame img{transition:none}
  .reveal{opacity:1;transform:none;transition:none}
}

@media print{
  .site-header,.menu-panel,.site-footer,.menu-toggle,.btn,.filter-bar,.list-foot{display:none!important}
  body{background:#fff;color:#000}
  a{color:#000;text-decoration:none}
}

/* Server-rendered page (inc/ssr.php): what crawlers read and what shows for a moment before cms.js draws the page. */
.ut-hero-ssr{margin:0 0 1.5rem}
.ut-hero-ssr img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.ut-hero-ssr figcaption{margin-top:.4rem;font-size:.8125rem;color:var(--slate)}
.ssr-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem 1.1rem;margin-left:auto}
.ssr-nav a{color:var(--text-on-dark);font-size:.875rem;text-decoration:none}
.ssr-main{min-height:60vh}
.ssr .site-footer{padding:2rem 0}
@media (max-width:1024px){.ssr-nav{display:none}}
.ssr-foot{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:1rem}
.ssr-foot a{color:var(--text-on-dark)}

/* ==========================================================================
   15. Human rights records (plugin vtag-records; cms.js renderPrisoners / renderPrisoner / renderImmolations /
       renderImmolation; inc/ssr-records.php). Prefix .rec-. Same tokens, type and spacing as the rest of the site:
       dark page heads with computed figures, a beige introduction band, the site's filter bars and selects, a compact
       directory card (small portrait or monogram tile beside the name), a numbered pager, the article grid with its
       sticky rail for a record, the About Tibet plateau map for the memorial. No decorative motion, no alarm colours:
       the crimson of the palette marks only "died" and "disappeared".
   -------------------------------------------------------------------------- */
.rec-name{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.15em .6em}
h1.rec-name{display:flex;margin-top:.75rem}
.rec-name-bo{font-family:var(--tibetan);font-weight:400;font-size:.78em;color:#B08A2E;line-height:1.4}
h1 .rec-name-bo{font-size:.62em}
.rec-bo{font-family:var(--tibetan);color:#B08A2E}
.rec-chip{display:inline-flex;align-items:center;gap:.4em;padding:.22em .6em;border:1px solid var(--line-strong);border-radius:3px;font-family:var(--mono);font-size:.675rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);line-height:1.3;white-space:nowrap;background:var(--paper)}
.rec-chip::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--slate);flex:none}
.rec-chip.is-detained::before,.rec-chip.is-sentenced::before{background:var(--navy)}
.rec-chip.is-released::before,.rec-chip.is-survived::before{background:var(--green)}
.rec-chip.is-died::before,.rec-chip.is-disappeared::before{background:var(--crimson)}
.rec-chip.is-unknown::before{background:var(--stone)}
.rec-chip.is-flag{border-style:dashed;color:var(--slate)}
.rec-chip.is-flag::before{display:none}
.rec-chip.is-exile::before{background:var(--gold)}
.rec-unc{display:inline-block;margin-left:.35em;padding:.05em .4em;border:1px dashed var(--line-strong);border-radius:3px;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);vertical-align:middle}
.rec-unc-note{margin:1.25rem 0 0;font-size:.9375rem;color:var(--slate)}
.rec-figures b{color:var(--text-on-dark)}
.rec-intro,.rec-mem-intro{padding:clamp(2rem,4vw,3rem) 0;border-bottom:1px solid var(--line)}
.rec-intro-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap) clamp(2rem,4vw,3.5rem);align-items:start}
.rec-intro-copy p{font-family:var(--serif);font-size:var(--step-1);line-height:1.55;color:var(--ink);margin:0 0 1em;max-width:58ch;text-wrap:pretty}
.rec-intro-copy .rec-source{font-family:var(--sans);font-size:.9375rem;line-height:1.6;color:var(--slate);max-width:62ch}
.rec-intro-copy .rec-source a{color:var(--navy)}
.rec-mem-intro .eyebrow{margin-bottom:1rem}
.rec-mem-intro h2{font-size:var(--step-3);margin-bottom:1rem;max-width:18ch;text-wrap:balance}
.rec-search{display:flex;flex-direction:column;gap:.5rem;padding:clamp(1.25rem,2.5vw,1.75rem);background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy)}
.rec-search label{font-family:var(--serif);font-size:var(--step-2);font-weight:500;color:var(--navy);line-height:1.2}
.rec-search-row{display:flex;gap:.5rem}
.rec-search-row .input{flex:1 1 auto;min-width:0;font-size:1rem}
.rec-search .meta{margin:.25rem 0 0}
.rec-search-inline{padding:0;border:0;background:none;margin:0 0 .5rem;max-width:26rem}
.rec-search-inline label{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);font-weight:500}
.rec-tools{border-bottom:1px solid var(--line);padding-bottom:1rem}
.rec-tools .filter-bar{margin-top:0;border-bottom:0}
.rec-tools .filter-bar+.filter-bar{border-top:1px solid var(--line)}
.rec-selects{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;padding-top:1rem;border-top:1px solid var(--line)}
.rec-field{max-width:none}
.rec-selects .rec-field{flex:1 1 12rem;max-width:16rem}
.rec-selects select.input{min-height:2.5rem;padding:.4em .6em}
.rec-check{display:inline-flex;align-items:center;gap:.5em;min-height:2.5rem;font-size:.9375rem;color:var(--navy)}
.rec-check .count{font-family:var(--num);font-variant-numeric:var(--nums);color:var(--slate)}
.rec-clear{min-height:2.5rem;background:none;border:0;padding:0}
.rec-clear[hidden]{display:none}
.rec-status{margin:1rem 0 1.25rem}
.rec-status .meta{margin:0}
.rec-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem var(--gap)}
.rec-card{display:flex;gap:1rem;align-items:flex-start;padding:1rem 0;border-top:1px solid var(--line);transition:background var(--fast)}
.rec-card:hover{background:var(--mist)}
.rec-card .rec-portrait,.rec-card .rec-monogram{width:3.75rem;height:3.75rem;flex:none}
.rec-card-body{min-width:0;display:flex;flex-direction:column;gap:.35rem}
.rec-card h3{font-size:1.125rem;line-height:1.25}
.rec-card h3 a{color:inherit;text-decoration:none}
.rec-card:hover h3 a{color:var(--blue)}
.rec-card .rec-name{gap:.1em .5em}
.rec-card-meta{margin:0;font-size:var(--step--1);color:var(--slate);display:flex;flex-wrap:wrap;gap:.2rem .5rem}
.rec-card-meta .sep{color:var(--stone)}
.rec-card .rec-chip{align-self:flex-start}
.rec-grid-sm{margin-top:1rem}
.rec-portrait{border-radius:0;background:var(--mist)}
.rec-portrait img{object-position:50% 20%}
.rec-monogram{display:flex;align-items:center;justify-content:center;background:var(--beige);border:1px solid var(--line);color:var(--navy);font-family:var(--serif);font-weight:500;font-size:1.05rem;letter-spacing:.02em;position:relative}
.rec-monogram::after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.45rem;height:1px;background:var(--gold)}
.rec-monogram.is-large{width:9rem;height:9rem;font-size:2.25rem}
.rec-monogram.is-large::after{left:1rem;right:1rem;bottom:1rem}
.rec-pager{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:clamp(1.5rem,3vw,2.25rem);padding-top:1.25rem;border-top:1px solid var(--line)}
.rec-pager ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}
.rec-pager li a,.rec-pager li span{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;padding:0 .5rem;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:var(--navy);text-decoration:none}
.rec-pager li a:hover{border-color:var(--line-strong);background:var(--white)}
.rec-pager li span[aria-current]{background:var(--navy);color:var(--paper)}
.rec-pager-gap{display:inline-flex;align-items:center;min-width:1.5rem;justify-content:center;color:var(--slate)}
.rec-pager-step{font-family:var(--sans);font-weight:600;font-size:.9375rem;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.1em}
.rec-pager-step[aria-disabled="true"]{opacity:.4;pointer-events:none}
.rec-pager .meta{flex-basis:100%;margin:.25rem 0 0}
.rec-foot{margin:clamp(2rem,4vw,3rem) 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.rec-method{margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.5rem;border-top:2px solid var(--navy);max-width:var(--measure)}
.rec-method h2{font-size:var(--step-3);margin-bottom:1rem}
.rec-method .prose{font-size:1.0625rem}
.rec-profile .article-head{border-bottom:1px solid var(--line);margin-bottom:clamp(1.75rem,3.5vw,2.75rem)}
.rec-labels{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:1rem 0 0}
.rec-headline-date,.rec-headline-place{font-family:var(--serif);font-size:var(--step-1);color:var(--navy)}
.rec-headline-place{color:var(--slate)}
.rec-main>section+section,.rec-main>section+.rec-more,.rec-main>.rec-more+section,.rec-main>section+.rec-correct,.rec-main>.rec-more+.rec-correct{margin-top:clamp(2rem,4vw,3rem)}
.rec-main h2{font-size:clamp(1.5rem,1.25rem + .9vw,1.875rem);line-height:1.15;margin:0 0 1rem}
.rec-main .prose{font-size:1.125rem}
.rec-tl ol{list-style:none;margin:0 0 0 .4rem;padding:0;border-left:2px solid var(--stone)}
.rec-tl li{position:relative;display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.25rem 1.25rem;padding:0 0 1.5rem 1.5rem}
.rec-tl li::before{content:"";position:absolute;left:-7px;top:.45rem;width:12px;height:12px;background:var(--navy);transform:rotate(45deg)}
.rec-tl li:last-child{padding-bottom:.25rem}
.rec-tl-when{font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:#B08A2E;line-height:1.5;padding-top:.15rem}
.rec-tl-body h3{font-family:var(--serif);font-size:1.25rem;font-weight:500;line-height:1.25;margin:0 0 .3rem}
.rec-tl-body p{margin:0;font-size:1rem;line-height:1.6;color:var(--ink);max-width:56ch}
.rec-quote{margin:0;padding:1.25rem 1.5rem;background:var(--beige);border-left:3px solid var(--gold)}
.rec-quote+.rec-quote{margin-top:1rem}
.rec-quote-body p{font-family:var(--serif);font-size:1.0625rem;line-height:1.65;margin:0 0 .9em;color:var(--ink);text-wrap:pretty}
.rec-quote-body p:last-child{margin-bottom:0}
.rec-quote footer{margin-top:.9rem;padding-top:.6rem;border-top:1px solid var(--line);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--slate);line-height:1.5}
.rec-quote footer a{color:var(--navy)}
.rec-quote-words .rec-quote-body p{font-size:var(--step-2);line-height:1.4;color:var(--navy)}
.rec-chips{margin:0 0 1rem}
.rec-more{margin:1.5rem 0 0;border-top:1px solid var(--line)}
.rec-more div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.5rem 1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.rec-more dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);padding-top:.3em}
.rec-more dd{margin:0;font-size:.9375rem}
.rec-sources ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.rec-sources li,.rec-src-list li{padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.5;overflow-wrap:anywhere}
.rec-sources a,.rec-src-list a{color:var(--navy)}
.rec-src-meta{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--slate)}
.rec-src-list{list-style:none;margin:1rem 0 0;padding:0;border-top:1px solid var(--line)}
.rec-rail .rec-photo{margin:0 0 1.25rem}
.rec-photo figcaption{margin:.6rem 0 0;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--slate);line-height:1.5}
.rec-photo-none{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}
.rec-photo-none .meta{margin:0;max-width:30ch;line-height:1.5}
.rec-facts dd .num{font-size:1em}
.rec-fact-sub{display:block;margin-top:.15rem;font-size:var(--step--1);color:var(--slate)}
.rec-verified-note{margin:1rem 0 1.25rem;font-size:.8125rem;line-height:1.55;color:var(--slate)}
.rec-rail .btn-block{margin:0 0 1.25rem}
.rec-related{margin-top:clamp(2rem,4vw,3rem);padding-top:1.5rem;border-top:2px solid var(--navy)}
.rec-related h2{font-size:var(--step-3);margin-bottom:.5rem}
.rec-chrono{gap:.6rem}
.rec-correct{border-top:2px solid var(--navy);padding-top:1rem}
.rec-correct summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;padding:.5rem 0}
.rec-correct summary::-webkit-details-marker{display:none}
.rec-correct summary>span:first-child{font-family:var(--serif);font-size:var(--step-2);font-weight:500;color:var(--navy)}
.rec-correct summary>span:first-child::before{content:"+";display:inline-block;width:1.2em;color:var(--gold)}
.rec-correct[open] summary>span:first-child::before{content:"\2212"}
.rec-correct-sub{font-size:.9375rem;color:var(--slate);padding-left:1.2em}
.rec-correct-form{display:flex;flex-direction:column;gap:1rem;padding:.75rem 0 .25rem 1.2em;max-width:40rem}
.rec-correct-form .rec-field{max-width:none}
.rec-correct-form textarea.input{min-height:8rem;resize:vertical}
.rec-correct-note{margin:0;font-size:.9375rem;color:var(--slate)}
.rec-correct-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:0}
.rec-correct-status{font-size:.9375rem;color:var(--navy)}
.rec-correct-done{margin:0;padding:1rem 1.25rem;background:var(--beige);border-left:3px solid var(--green);font-family:var(--serif);font-size:var(--step-1);color:var(--navy)}
.rec-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.rec-stated{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:.9375rem;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy)}
.rec-stated caption{caption-side:bottom;text-align:left;padding:.75rem 0 0;font-size:var(--step--1);color:var(--slate);line-height:1.5}
.rec-stated th,.rec-stated td{text-align:left;padding:.6em .8em;border-bottom:1px solid var(--line);vertical-align:top}
.rec-stated thead th{font-family:var(--mono);font-size:.675rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);font-weight:500}
.rec-stated thead th span{display:block;letter-spacing:.02em;text-transform:none;font-family:var(--num);font-size:.8rem}
.rec-stated tbody th{font-weight:500;color:var(--navy)}
.rec-stated td.num{font-size:1.125rem;color:var(--navy)}
.rec-intro-aside .meta{margin:.75rem 0 0;line-height:1.5}
.rec-map .section-head{border-bottom:0;margin-bottom:1rem;padding-bottom:0}
.rec-map-legend{display:flex;align-items:center;gap:.5rem 1.25rem;margin:0}
.rec-dot-key{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;background:var(--navy);border:1.5px solid var(--navy);margin-right:.35rem;vertical-align:middle}
.rec-dot-key.is-exile{background:var(--paper)}
.rec-map-svg .tb-region{cursor:default}
.rec-fact-small{font-size:.9375rem;color:var(--slate)}
/* A small original portrait (about 150 px, ICT) at its native size, centred on a calm stage; never enlarged. */
.rec-photo-native{display:flex;justify-content:center;align-items:center;padding:1.5rem;background:var(--beige);border:1px solid var(--line)}
.rec-photo-native img{width:auto;height:auto;max-width:min(100%,150px);display:block;box-shadow:0 10px 24px -14px rgba(22,58,99,.5)}
.rec-map-svg .tb-outline{stroke-opacity:.6}
.rec-dot circle{fill:var(--navy);stroke:var(--paper);stroke-width:1.5;transition:r var(--fast),fill var(--fast),opacity var(--fast);cursor:pointer}
.rec-dot.is-exile circle{fill:var(--paper);stroke:var(--navy);stroke-width:1.8}
.rec-dot:hover circle,.rec-dot:focus circle,.rec-dot.is-lit circle{r:8;fill:var(--gold);stroke:var(--navy)}
.rec-dot:focus{outline:none}
.rec-dot.is-off{opacity:.18;pointer-events:none}
.rec-map-fig figcaption{max-width:80ch}
.rec-mem-dir .section-head{margin-bottom:1.25rem}
.rec-year{margin-top:clamp(1.5rem,3vw,2.25rem)}
.rec-year[hidden]{display:none}
.rec-year h3{display:flex;align-items:baseline;gap:.75rem;font-size:var(--step-3);padding-bottom:.5rem;border-bottom:2px solid var(--navy);margin-bottom:.25rem}
.rec-year-n{font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:var(--slate)}
.rec-mem-list{list-style:none;margin:0;padding:0}
.rec-mem[hidden]{display:none}
.rec-mem a{display:grid;grid-template-columns:9rem minmax(0,1fr) auto;gap:.35rem 1.25rem;align-items:start;padding:.9rem .25rem;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background var(--fast)}
.rec-mem a:hover,.rec-mem.is-lit a{background:var(--mist)}
.rec-mem-date{font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:#B08A2E;padding-top:.15rem}
.rec-mem-who{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.rec-mem-who .rec-name{font-family:var(--serif);font-size:1.25rem;font-weight:500;color:var(--navy);line-height:1.2}
.rec-mem a:hover .rec-name{color:var(--blue)}
.rec-mem-sub{font-size:.9375rem;color:var(--slate);line-height:1.45}
.rec-mem-outcome{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;padding-top:.15rem}
.rec-mem-exile{font-family:var(--mono);font-size:.675rem;letter-spacing:.1em;text-transform:uppercase;color:#B08A2E}
.rec-method-sec .tb-note-body p{font-size:1.0625rem;line-height:1.7;margin:0 0 1em;max-width:66ch}
.rec-profile-mem .rec-photo-mem{margin-bottom:1.25rem}
.rec-list-ssr{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rec-card-ssr{padding:.75rem 0;border-bottom:1px solid var(--line)}
.rec-card-ssr h3{font-size:1.125rem}
.rec-list-ssr .rec-year{margin:1.5rem 0 .25rem}
.rec-pager-ssr ul{list-style:none;margin:1rem 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
@media (max-width:1023px){
  .rec-intro-grid{grid-template-columns:minmax(0,1fr)}
  .rec-search{max-width:40rem}
  .rec-rail .rec-photo .frame{max-width:16rem}
  .rec-profile .article-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .rec-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .rec-search-row{flex-direction:column}
  .rec-search-row .btn{width:100%}
  .rec-selects .rec-field{flex-basis:100%;max-width:none}
  .rec-tl li{grid-template-columns:minmax(0,1fr);gap:.15rem}
  .rec-more div{grid-template-columns:minmax(0,1fr);gap:.15rem}
  .rec-mem a{grid-template-columns:minmax(0,1fr);gap:.25rem;padding:.9rem 0}
  .rec-mem-outcome{flex-direction:row;align-items:center;gap:.75rem}
  .rec-stated{font-size:.875rem}
  .rec-stated th,.rec-stated td{padding:.5em .45em}
  .rec-profile .article-facts{grid-template-columns:minmax(0,1fr)}
  .rec-map-legend{flex-basis:100%}
  .rec-monogram.is-large{width:6.5rem;height:6.5rem;font-size:1.75rem}
  .rec-pager{gap:.5rem}
  .rec-pager li a,.rec-pager li span{min-width:2.25rem;min-height:2.25rem}
}
/* ====================================================================== end of 15. Human rights records */
/* 15b. Human rights records: photo credit under a directory-card portrait. */
.rec-credit{font-family:var(--mono);font-size:.675rem;letter-spacing:.04em;color:var(--slate);line-height:1.4}
.rec-main>.rec-unc-note+section,.rec-main>.rec-unc-note+.rec-correct{margin-top:clamp(2rem,4vw,3rem)}

/* ==========================================================================
   15c. Memorial (redesign 2026-10-15; cms.js renderImmolations / renderImmolation, inc/ssr-records.php) — BEGIN
   /about-tibet/self-immolations/: the historical opening beside the counts-by-source table, computed milestones, the
   plateau map, a sticky year index, the records year by year (date · portrait or monogram · name, who, the opening of
   the account · outcome and unconfirmed details), one "Sources & References" section. Record page: the who-line, the
   locator map in the rail, grouped sources. Prefix .mem-; the shared .rec- pieces are unchanged. Palette tokens only,
   no gradients, no motion beyond the site's hover colour changes.
   -------------------------------------------------------------------------- */
.mem-open{padding:clamp(2.5rem,5vw,4rem) 0;border-bottom:1px solid var(--line)}
.mem-open-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap) clamp(2rem,4vw,3.5rem);align-items:start}
.mem-open-copy .eyebrow{margin-bottom:1rem}
.mem-open-copy h2{font-size:var(--step-3);margin-bottom:1.25rem;max-width:18ch;text-wrap:balance}
.mem-context p{font-family:var(--serif);font-size:1.125rem;line-height:1.6;color:var(--ink);margin:0 0 1em;max-width:60ch;text-wrap:pretty}
.mem-context p:first-child{font-size:var(--step-1)}
.mem-context p:last-child{margin-bottom:0}
.mem-open-aside{position:sticky;top:calc(var(--header-h) + 1rem)}
.mem-open-aside .meta{margin:.75rem 0 0;line-height:1.5}
/* Milestones: five quiet columns, each a label, a name and where/when. */
.mem-marks{padding:clamp(1.5rem,3vw,2.25rem) 0;border-bottom:1px solid var(--line)}
.mem-marks-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem var(--gap)}
.mem-marks-list li{display:flex;flex-direction:column;gap:.35rem;padding-left:1rem;border-left:2px solid var(--gold);min-width:0}
.mem-marks-list .eyebrow{font-size:.675rem}
.mem-marks-list a{font-family:var(--serif);font-size:var(--step-2);font-weight:500;line-height:1.15;color:var(--navy);text-decoration:none;overflow-wrap:anywhere}
.mem-marks-list a:hover{color:var(--blue)}
.mem-marks-list a .rec-name{display:inline}
.mem-marks-list a .rec-name-bo{display:none}
.mem-mark-sub{font-size:var(--step--1);color:var(--slate);line-height:1.45}
.mem-mark-sub time{display:block;font-size:.9375rem;color:var(--navy)}
.mem-mark-place{display:block}
/* Year index: sticky under the header, scrolls sideways, the year being read underlined. */
.mem-years{position:sticky;top:var(--header-h);z-index:40;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mem-years ol{list-style:none;margin:0;padding:0;display:flex;gap:0 1.25rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mem-years ol::-webkit-scrollbar{display:none}
.mem-years li{flex:none}
.mem-years a{position:relative;display:inline-flex;align-items:baseline;gap:.35rem;padding:.9rem 0;font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:var(--slate);text-decoration:none;white-space:nowrap;transition:color var(--fast)}
.mem-years a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform var(--fast) var(--ease)}
.mem-years a:hover,.mem-years a[aria-current]{color:var(--navy)}
.mem-years a[aria-current]::after{transform:scaleX(1)}
.mem-years-n{font-family:var(--mono);font-size:.675rem;letter-spacing:.04em;color:var(--slate)}
.mem-years a.is-off{opacity:.35;pointer-events:none}
.mem-year h3{scroll-margin-top:calc(var(--header-h) + 4rem);outline:none}
/* The directory: the shared filter bars (.rec-tools), then the list. */
.mem-dir .section-head{margin-bottom:1.25rem}
.mem-dir-hint{max-width:34ch;text-align:right;margin:0}
.mem-tools .filter-bar{gap:0 1.25rem}
.mem-list{list-style:none;margin:0;padding:0}
.mem-entry[hidden]{display:none}
.mem-entry a{display:grid;grid-template-columns:8.5rem 2.75rem minmax(0,1fr) auto;gap:.35rem 1.1rem;align-items:start;padding:1rem .25rem;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background var(--fast)}
.mem-entry a:hover,.mem-entry.is-lit a{background:var(--mist)}
.mem-entry-date{font-family:var(--num);font-variant-numeric:var(--nums);font-size:1rem;color:#B08A2E;padding-top:.2rem;line-height:1.4}
.mem-entry-face{display:block;width:2.75rem}
.mem-entry-face .rec-portrait,.mem-entry-face .rec-monogram{width:2.75rem;height:2.75rem}
.mem-entry-face .rec-monogram{font-size:.8rem;border-color:var(--line)}
.mem-entry-face .rec-monogram::after{left:.4rem;right:.4rem;bottom:.35rem}
.mem-entry-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.mem-entry-body .rec-name{font-family:var(--serif);font-size:1.3125rem;font-weight:500;color:var(--navy);line-height:1.2}
.mem-entry a:hover .rec-name{color:var(--blue)}
.mem-entry-who{font-size:.9375rem;color:var(--ink);line-height:1.45}
.mem-entry-sum{font-family:var(--serif);font-size:.9375rem;line-height:1.5;color:var(--slate);max-width:64ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.15rem}
.mem-entry-state{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;padding-top:.15rem;max-width:16rem}
.mem-unc-chip{white-space:normal;text-align:left;line-height:1.35}
/* Sources & References: one section at the foot of the page (and of each record page), grouped. */
.mem-sources-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap) clamp(2rem,4vw,3.5rem);align-items:start}
.mem-sources-intro .eyebrow{margin-bottom:1rem}
.mem-sources-intro h2{font-size:var(--step-3);max-width:14ch;text-wrap:balance;margin-bottom:1.25rem}
.mem-method p{font-size:1.0625rem;line-height:1.7;margin:0 0 1em;max-width:60ch}
.mem-src-group+.mem-src-group{margin-top:1.75rem}
.mem-src-group h3{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);font-weight:500;padding-bottom:.5rem;border-bottom:2px solid var(--navy)}
.mem-src-group ul{list-style:none;margin:0;padding:0}
.mem-src-group li{padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.5;overflow-wrap:anywhere}
.mem-src-group a{color:var(--navy)}
.mem-sources-rec ul{border-top:0}
.mem-sources-rec h2{margin-bottom:1.25rem}
/* Record page: the who-line under the name, the locator in the rail. */
.mem-rec-who{font-family:var(--serif);font-size:var(--step-1);line-height:1.45;color:var(--ink);margin:.9rem 0 0;max-width:52ch;text-wrap:pretty}
.mem-locator{margin:0 0 1.5rem}
.mem-locator svg{display:block;width:100%;height:auto;background:var(--paper);border:1px solid var(--line)}
.mem-locator .tb-region{cursor:default}
.mem-locator .tb-outline{stroke-opacity:.6}
.mem-loc-dot{fill:var(--navy);stroke:var(--paper);stroke-width:3}
.mem-locator figcaption{margin:.6rem 0 0;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--slate);line-height:1.5}
/* Server-rendered memorial list (before cms.js draws the page). */
.mem-list-ssr{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mem-list-ssr li{padding:.75rem 0;border-bottom:1px solid var(--line)}
.mem-list-ssr li.mem-year-ssr{border-bottom:2px solid var(--navy);margin-top:1.5rem;padding-bottom:.25rem}
@media (max-width:1023px){
  .mem-open-grid{grid-template-columns:minmax(0,1fr)}
  .mem-open-aside{position:static;max-width:40rem}
  .mem-marks-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mem-sources-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .mem-marks-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mem-dir-hint{text-align:left}
  .mem-entry a{grid-template-columns:2.75rem minmax(0,1fr);gap:.4rem .9rem;padding:1rem 0}
  .mem-entry-date{grid-column:1/-1;padding-top:0}
  .mem-entry-face{grid-row:2}
  .mem-entry-body{grid-row:2}
  .mem-entry-state{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:none}
  .mem-entry-sum{-webkit-line-clamp:3}
}
@media (max-width:480px){
  .mem-marks-list{grid-template-columns:minmax(0,1fr)}
}
/* 15c. Memorial — END */

/* ==========================================================================
   11d. About Tibet expansion (vtag-core 3.27.0) — BEGIN
   Land and water topics inside Geography, the Natural resources and Wildlife and plants chapters, the human rights
   records links, and the pages /about-tibet/wildlife/ (explorer), /about-tibet/wildlife/<slug>/ (species) and
   /about-tibet/natural-resources/. Prefix .tbx-; nothing above is changed. Same palette, type and spacing as 11c.
   ========================================================================== */
/* IUCN status mark: the code in a small tile, coloured by category (red for threatened, gold for near threatened,
   green for least concern, stone for data deficient / not evaluated), the label beside it or for screen readers only. */
.tbx-status{display:inline-flex;align-items:center;gap:.5em;font-size:var(--step--1);color:var(--ink);line-height:1.2}
.tbx-status b{display:inline-flex;align-items:center;justify-content:center;min-width:2.25em;padding:.2em .45em;border-radius:3px;font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.08em;color:var(--paper);background:var(--slate)}
.tbx-status-cr b,.tbx-status-en b,.tbx-status-ew b,.tbx-status-ex b{background:var(--crimson)}
.tbx-status-ex b,.tbx-status-ew b{background:var(--charcoal)}
.tbx-status-vu b{background:#A33B3B}
.tbx-status-nt b{background:#B08A2E}
.tbx-status-lc b{background:var(--green)}
.tbx-status-dd b,.tbx-status-ne b{background:var(--stone);color:var(--charcoal)}
.tbx-range{display:inline-flex;align-items:center;gap:.4em;font-family:var(--mono);font-size:.675rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);padding:.25em .55em;border:1px solid var(--line-strong);border-radius:3px;white-space:nowrap}
.tbx-range::before{content:"";width:.45rem;height:.45rem;transform:rotate(45deg);background:var(--sky)}
.tbx-range-eastern-forest::before{background:var(--green)}
.tbx-range-plateau::before{background:var(--gold)}
.tbx-group{font-family:var(--mono);font-size:.675rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.tbx-est{margin-left:.35em;border-color:var(--gold);color:#8a6a1c;font-size:.6rem;vertical-align:middle}
.tbx-sci{display:block;font-family:var(--serif);font-size:1rem;color:var(--slate)}
.tbx-credit,.tbx-card-credit{display:block;font-family:var(--mono);font-size:.7rem;line-height:1.5;letter-spacing:.03em;color:var(--slate)}
.tbx-credit a{color:var(--slate)}
.tbx-credit a:hover{color:var(--navy)}

/* Species card: photograph (4:3), status · group · range, name, Tibetan name, scientific name, two lines of summary, credit. */
.tbx-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy);transition:box-shadow var(--slow) var(--ease)}
.tbx-card:hover{box-shadow:0 26px 48px -32px rgba(22,58,99,.45)}
.tbx-card-img{aspect-ratio:4/3;background:var(--mist);overflow:hidden}
.tbx-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--slow) var(--ease)}
.tbx-card:hover .tbx-card-img img{transform:scale(1.02)}
.tbx-card-noimg{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mist),var(--beige))}
.tbx-card-noimg span{font-family:var(--num);font-size:2.25rem;letter-spacing:.06em;color:var(--navy);opacity:.45;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);padding:.15em .45em}
.tbx-card-body{display:flex;flex-direction:column;gap:.3rem;flex:1 0 auto;padding:1rem 1.15rem 1.15rem}
.tbx-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin:0 0 .35rem}
.tbx-card h3{font-size:var(--step-2);line-height:1.2;text-wrap:pretty}
.tbx-card h3 a{color:inherit;text-decoration:none}
.tbx-card:hover h3 a{color:var(--blue)}
.tbx-card-bo{font-size:1.1rem;color:#B08A2E}
.tbx-card-sum{margin:.35rem 0 0;font-size:.9375rem;line-height:1.55;color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.tbx-card-credit{margin-top:auto;padding-top:.75rem}

/* Land and water: numbered topics in two columns inside the Geography chapter. */
.tbx-topics{margin-top:clamp(2.5rem,5vw,4rem);padding-top:clamp(1.5rem,3vw,2.25rem);border-top:2px solid var(--navy)}
.tbx-topics-head{max-width:46rem;margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.tbx-topics-head .eyebrow{margin-bottom:.9rem}
.tbx-topics-head h3{font-size:var(--step-3);letter-spacing:-.015em;text-wrap:balance}
.tbx-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem) var(--gap)}
.tbx-topic{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:1.1rem}
.tbx-topic.has-photo{border-top:0;padding-top:0}
.tbx-topic-img{aspect-ratio:3/2;background:var(--mist);overflow:hidden;border-radius:var(--radius-sm);margin-bottom:1rem}
.tbx-topic-img img{width:100%;height:100%;object-fit:cover}
.tbx-topic-body{position:relative;padding-left:3rem}
.tbx-topic-n{position:absolute;left:0;top:.1rem;font-size:1.125rem;color:#B08A2E}
.tbx-topic h4{font-family:var(--serif);font-size:var(--step-2);font-weight:500;margin-bottom:.5rem;letter-spacing:-.012em}
.tbx-topic p{font-size:.9375rem;line-height:1.62;color:var(--ink);margin:0 0 .8em;max-width:56ch}

/* Natural resources chapter: category · title · first figure · summary, on cards that open the full page. */
.tbx-res-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.tbx-res-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--gold);transition:box-shadow var(--slow) var(--ease)}
.tbx-res-card:hover{box-shadow:0 26px 48px -32px rgba(22,58,99,.45)}
.tbx-res-img{aspect-ratio:3/2;background:var(--mist);overflow:hidden}
.tbx-res-img img{width:100%;height:100%;object-fit:cover}
.tbx-res-body{display:flex;flex-direction:column;gap:.4rem;padding:1.1rem 1.25rem 1.25rem}
.tbx-res-cat{font-family:var(--mono);font-size:.675rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.tbx-res-card h3{font-size:var(--step-2);line-height:1.2}
.tbx-res-card h3 a{color:inherit;text-decoration:none}
.tbx-res-card:hover h3 a{color:var(--blue)}
.tbx-res-fig{margin:.2rem 0 0;font-size:.9375rem;color:var(--slate)}
.tbx-res-fig b{font-size:1.5rem;font-weight:400;color:var(--navy);margin-right:.2em}
.tbx-res-body > p:last-child{margin:0;font-size:.9375rem;line-height:1.55;color:var(--ink)}
.tbx-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:clamp(1.5rem,3vw,2.25rem);padding-top:1.25rem;border-top:1px solid var(--line)}
.tbx-more-note{margin:0;font-family:var(--serif);font-size:var(--step-1);color:var(--ink);max-width:48ch;text-wrap:pretty}
.tbx-more-note b{font-weight:500;color:var(--navy)}

/* Wildlife chapter: a strip of cards that scrolls sideways on narrow screens. */
.tbx-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.tbx-card-strip .tbx-card-sum{display:none}

/* Human rights records: heading and two link cards. */
.tbx-records{background:var(--navy);color:var(--text-on-dark)}
.tbx-records .tb-head{margin-bottom:0}
.tbx-records .eyebrow{color:var(--gold)}
.tbx-records h2{color:var(--text-on-dark)}
.tbx-records .tb-intro{color:var(--muted-on-dark)}
.tbx-records-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap);align-items:start}
.tbx-records-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.tbx-records-links a{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:1.5rem 1.5rem 1.4rem;border:1px solid var(--line-on-dark);border-top:3px solid var(--gold);background:rgba(253,252,248,.04);color:var(--text-on-dark);text-decoration:none;transition:background var(--fast),border-color var(--fast)}
.tbx-records-links a:hover{background:rgba(253,252,248,.09);border-color:rgba(253,252,248,.4);border-top-color:var(--gold)}
.tbx-records-links .eyebrow{color:var(--gold);margin-bottom:.25rem}
.tbx-records-links b{font-family:var(--serif);font-size:var(--step-2);font-weight:500;line-height:1.15;color:var(--text-on-dark)}
.tbx-records-links span:not(.eyebrow):not(.link-more):not(.arrow){font-size:.9375rem;line-height:1.55;color:var(--muted-on-dark)}
.tbx-records-links .link-more{margin-top:auto;padding-top:.6rem;color:var(--text-on-dark);border-bottom-color:var(--gold);align-self:flex-start}
.tbx-records :focus-visible{outline-color:var(--gold)}

@media (max-width:1100px){
  .tbx-res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tbx-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tbx-records-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .tbx-topic-grid{grid-template-columns:minmax(0,1fr)}
  .tbx-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:1rem;padding-bottom:.5rem;margin:0 calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:thin}
  .tbx-strip .tbx-card{flex:0 0 min(78vw,18rem);scroll-snap-align:start}
}
@media (max-width:700px){
  .tbx-res-grid{grid-template-columns:minmax(0,1fr)}
  .tbx-records-links{grid-template-columns:minmax(0,1fr)}
  .tbx-more{flex-direction:column;align-items:flex-start}
}

/* 11d (cont.): a species without a photograph shows its Tibetan name instead (chapter strip). */
.tbx-noimg-bo{font-family:var(--tibetan);font-size:2rem;letter-spacing:0;opacity:.55;border:0;padding:0}
/* 11d. About Tibet expansion — END */

/* ==========================================================================
   16. Nature of Tibet (redesign/nature, plugin 3.28.0) — BEGIN
   /about-tibet/wildlife/ (editorial features, then the index), /about-tibet/plants/ (plates by plant type),
   /about-tibet/natural-resources/ (documented places on the plateau map, the rivers diagram, figure comparisons) and the
   species and plant profiles; cms.js nt*, inc/ssr.php vtag_ssr_nature_*. Prefix .nt-. Sections 11c/11d above are untouched;
   .tbx-status, .tbx-range, .tb-tag and the map layer classes are reused as they are. Same tokens, type and spacing.
   ========================================================================== */
/* Section switcher under the About tabs: Wildlife · Plants · Natural resources. */
.nt-switch{background:var(--beige);border-bottom:1px solid var(--line)}
.nt-switch .wrap{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--gap);align-items:center}
.nt-switch-label{text-decoration:none;display:inline-block;padding:1rem 0}
.nt-switch-label .eyebrow{color:var(--navy)}
.nt-switch-label:hover .eyebrow{color:var(--blue)}
.nt-switch ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--gap)}
.nt-switch li a{display:flex;flex-direction:column;gap:.2rem;padding:1.1rem 0 .9rem;border-bottom:3px solid transparent;text-decoration:none;color:var(--slate);transition:color var(--fast),border-color var(--fast)}
.nt-switch li b{font-family:var(--serif);font-size:var(--step-2);font-weight:500;color:var(--navy);line-height:1.1}
.nt-switch li span{font-size:.875rem;line-height:1.4}
.nt-switch li a:hover b{color:var(--blue)}
.nt-switch li a[aria-current="page"]{border-bottom-color:var(--gold);color:var(--ink)}
.nt-switch :focus-visible{outline-offset:-2px}

/* Shared: figures line, Tibetan name, scientific name, status with authority and year, photo credit. */
.nt-figures{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin:1.1rem 0 0;font-family:var(--serif);font-size:var(--step-1);color:var(--ink);text-wrap:pretty}
.nt-figures b{font-weight:500;color:var(--navy);font-size:1.3em;margin-right:.15em}
.nt-bo{display:block;font-family:var(--tibetan);color:#B08A2E;font-size:1.25rem;line-height:1.4;margin-top:.25rem;font-weight:400}
.nt-sci{margin:.35rem 0 0;font-family:var(--serif);font-size:var(--step-1);color:var(--slate)}
.nt-status{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem}
.nt-status-by{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--slate)}
.nt-credit{display:block;margin-top:.5rem;font-family:var(--mono);font-size:.68rem;line-height:1.5;letter-spacing:.03em;color:var(--slate)}
.nt-credit a{color:inherit}
.nt-credit a:hover{color:var(--navy)}

/* Wildlife: editorial feature panels. Compositions cycle (cms.js NT_LAYOUTS): wide (photo left, 3:2), flip (photo right, 4:5),
   two half panels side by side (16:10), a navy band. */
.nt-features{padding:var(--section) 0 clamp(2rem,4vw,3rem)}
.nt-features-head{max-width:56rem;margin-bottom:clamp(2rem,4vw,3rem)}
.nt-features-head .eyebrow{margin-bottom:1rem}
.nt-features-head h2{font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
.nt-feat-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2.5rem,5vw,4.5rem) var(--gap)}
.nt-feat{position:relative;grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:center}
.nt-feat-media{grid-column:1/8;min-width:0}
.nt-feat-body{grid-column:8/-1;min-width:0}
.nt-feat-flip .nt-feat-media{grid-column:7/-1;grid-row:1}
.nt-feat-flip .nt-feat-body{grid-column:1/7;grid-row:1}
.nt-feat-half{grid-column:span 6;display:flex;flex-direction:column;gap:1.25rem;align-items:stretch}
.nt-feat-dark{grid-column:1/-1;background:var(--navy);color:var(--text-on-dark);padding:clamp(1.5rem,3vw,2.75rem);border-radius:var(--radius-sm)}
.nt-feat-dark .nt-feat-media{grid-column:1/7}
.nt-feat-dark .nt-feat-body{grid-column:7/-1}
.nt-feat-img{aspect-ratio:3/2;overflow:hidden;background:var(--mist);border-radius:var(--radius-sm)}
.nt-feat-flip .nt-feat-img{aspect-ratio:4/5}
.nt-feat-half .nt-feat-img{aspect-ratio:16/10}
.nt-feat-dark .nt-feat-img{aspect-ratio:4/3;background:rgba(253,252,248,.08)}
.nt-feat-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--slow) var(--ease)}
.nt-feat:hover .nt-feat-img img{transform:scale(1.015)}
.nt-feat-meta{display:flex;align-items:baseline;gap:.75rem;margin:0 0 .75rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.nt-feat-n{font-size:1.1rem;color:#B08A2E}
.nt-feat h3{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.75rem);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.nt-feat-half h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem)}
.nt-feat h3 a{color:inherit;text-decoration:none}
.nt-feat:hover h3 a{color:var(--blue)}
.nt-feat-sum{margin:1rem 0 0;font-family:var(--serif);font-size:1.125rem;line-height:1.55;color:var(--ink);max-width:48ch;text-wrap:pretty}
.nt-feat-facts{margin:1.25rem 0 0;border-top:1px solid var(--line)}
.nt-feat-facts > div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.5}
.nt-feat-facts dt{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);padding-top:.3em}
.nt-feat-facts dd{margin:0;color:var(--ink)}
.nt-feat-link{margin-top:1.1rem}
.nt-feat-dark h3,.nt-feat-dark .nt-feat-facts dd,.nt-feat-dark .nt-feat-sum{color:var(--text-on-dark)}
.nt-feat-dark .nt-feat-meta,.nt-feat-dark .nt-feat-facts dt,.nt-feat-dark .nt-sci,.nt-feat-dark .nt-credit,.nt-feat-dark .nt-status-by{color:var(--muted-on-dark)}
.nt-feat-dark .nt-feat-n,.nt-feat-dark .nt-bo{color:var(--gold)}
.nt-feat-dark .nt-feat-facts,.nt-feat-dark .nt-feat-facts > div{border-color:var(--line-on-dark)}
.nt-feat-dark .tbx-status{color:var(--text-on-dark)}
.nt-feat-dark .nt-feat-link{color:var(--text-on-dark);border-bottom-color:var(--gold)}
.nt-feat-dark:hover h3 a{color:var(--gold)}
.nt-feat-dark :focus-visible{outline-color:var(--gold)}

/* The index: search and selects, count, rows by group. */
.nt-idx{padding:0 0 var(--section)}
.nt-idx > .wrap{border-top:2px solid var(--navy);padding-top:clamp(2rem,4vw,3rem)}
.nt-idx-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap);align-items:end;margin-bottom:1.5rem}
.nt-idx-head .eyebrow{margin-bottom:.9rem}
.nt-idx-head h2{font-size:var(--step-3)}
.nt-idx-intro{margin:0;font-size:1rem;line-height:1.6;color:var(--slate);max-width:60ch}
.nt-tools{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem var(--gap);align-items:end;padding:1.25rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nt-filter{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.nt-filter label{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.nt-filter .input{min-height:2.5rem;padding:.4em .7em;font-size:.9375rem}
.nt-clear{align-self:end}
.nt-idx-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;padding:.9rem 0 .25rem}
.nt-count{margin:0;font-family:var(--serif);font-size:1.0625rem;color:var(--navy)}
.nt-idx-legend{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;font-size:.8125rem;color:var(--slate)}
.nt-legend-item{display:inline-flex;align-items:center;gap:.35rem}
.nt-idx-group{margin-top:1.5rem}
.nt-idx-group h3{display:flex;align-items:baseline;gap:.6rem;font-size:var(--step-2);padding-bottom:.5rem;border-bottom:2px solid var(--navy)}
.nt-idx-group h3 .num{font-size:1rem;color:var(--slate)}
.nt-rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--gap)}
.nt-row a{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.nt-row-img{display:flex;align-items:center;justify-content:center;width:4.5rem;aspect-ratio:1;background:var(--mist);overflow:hidden;border-radius:var(--radius-sm)}
.nt-row-img img{width:100%;height:100%;object-fit:cover}
.nt-row-mono{font-family:var(--num);font-size:1.25rem;color:var(--navy);opacity:.5}
.nt-row-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.nt-row-name{font-family:var(--serif);font-size:1.1875rem;font-weight:500;color:var(--navy);line-height:1.2;transition:color var(--fast)}
.nt-row a:hover .nt-row-name{color:var(--blue)}
.nt-row-sci{font-family:var(--serif);font-size:.9375rem;color:var(--slate)}
.nt-row-bo{font-size:1rem;margin:0;line-height:1.3}
.nt-row-where{font-size:.8125rem;color:var(--slate);line-height:1.4}
.nt-row-status{flex:none}
.nt-rows-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.nt-idx-fold{display:block}
.nt-idx-sum{list-style:none;cursor:pointer;position:relative;padding-right:9rem}
.nt-idx-sum::-webkit-details-marker{display:none}
.nt-idx-sum .nt-idx-head{margin-bottom:0}
.nt-idx-toggle{position:absolute;right:0;top:.35rem;display:inline-flex;align-items:center;gap:.4em;font-family:var(--sans);font-weight:600;font-size:.9375rem;color:var(--navy);border-bottom:1px solid var(--gold);padding-bottom:.1em}
.nt-idx-sum:hover .nt-idx-toggle{color:var(--blue);border-color:var(--blue)}
.nt-idx-toggle::after{content:"+";font-size:1.1rem;color:var(--gold)}
.nt-idx-fold[open] .nt-idx-toggle::after{content:"−"}
.nt-idx-close,.nt-idx-fold[open] .nt-idx-open{display:none}
.nt-idx-fold[open] .nt-idx-close{display:inline}
.nt-idx-sum:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:2px}
.nt-idx-body{margin-top:1.5rem}
.nt-none{margin:1.5rem 0 0;padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--serif);font-size:var(--step-1);color:var(--slate)}
.nt-none[hidden]{display:none}
.nt-none-clear{border:0;background:transparent;padding:0;font:inherit;color:var(--navy);text-decoration:underline;text-underline-offset:.16em}

/* Plants: an opening plate, then each plant type as a group of plates (one lead plate, then a three-column set). */
.nt-opening{padding:var(--section) 0 clamp(2rem,4vw,3rem)}
/* Plants opening: the heading, its eyebrow and the figures as one block on the left; on the right the groups as a
   numbered herbarium index (two columns of hairline rows: number, name, count), each a jump link to its group. */
.nt-opening-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(2rem,5vw,4.5rem);align-items:end;margin-bottom:clamp(2rem,4vw,3rem)}
.nt-opening-intro .eyebrow{margin-bottom:1.1rem}
.nt-opening-head h2{font-size:clamp(2.25rem,1.5rem + 2.8vw,3.75rem);line-height:1.02;letter-spacing:-.02em;text-wrap:balance;max-width:12ch}
.nt-opening-intro .nt-figures{margin-top:1.4rem}
.nt-groups-label{display:block;margin-bottom:.6rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.nt-groups-nav ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.75rem;border-top:1px solid var(--navy)}
.nt-groups-nav li{border-bottom:1px solid var(--line)}
.nt-groups-nav a{display:flex;align-items:baseline;gap:.7rem;padding:.62rem .15rem;color:var(--navy);text-decoration:none;transition:color var(--fast)}
.nt-groups-nav .nt-g-no{flex:none;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--gold)}
.nt-groups-nav .nt-g-name{flex:1;min-width:0;font-size:.95rem;font-weight:500;line-height:1.3}
.nt-groups-nav .num{flex:none;font-family:var(--serif);font-size:1.05rem;color:var(--slate);transition:color var(--fast)}
.nt-groups-nav a:hover,.nt-groups-nav a:focus-visible{color:var(--blue)}
.nt-groups-nav a:hover .nt-g-name,.nt-groups-nav a:focus-visible .nt-g-name{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:.3em}
.nt-groups-nav a:hover .num,.nt-groups-nav a:focus-visible .num{color:var(--gold)}
@media (max-width:600px){.nt-groups-nav ol{grid-template-columns:minmax(0,1fr)}}
.nt-plate{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.nt-plate-no{display:flex;align-items:baseline;gap:.5rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.nt-plate-no .num{font-size:1.1rem;color:#B08A2E}
.nt-plate-lead{grid-template-columns:4.5rem minmax(0,7fr) minmax(0,5fr);gap:var(--gap);align-items:start;border-top:2px solid var(--navy);padding-top:1.5rem}
.nt-plate-lead .nt-plate-no{flex-direction:column;gap:.2rem}
.nt-plate-media{background:var(--beige);border-radius:var(--radius-sm);overflow:hidden}
.nt-plate-img{aspect-ratio:4/5;overflow:hidden}
.nt-plate-lead .nt-plate-img{aspect-ratio:4/3}
.nt-plate-img img{width:100%;height:100%;object-fit:cover}
.nt-plate-media .nt-credit{margin:0;padding:.5rem .75rem .6rem}
.nt-plate-nophoto{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;padding:1.5rem;text-align:center;font-family:var(--serif);font-style:italic;color:var(--slate);border:1px dashed var(--line-strong);background:var(--paper)}
.nt-plate-body h3{font-size:var(--step-2);line-height:1.15;text-wrap:balance}
.nt-plate-lead .nt-plate-body h3{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.75rem);line-height:1.05;letter-spacing:-.02em}
.nt-plate-body h3 a{color:inherit;text-decoration:none}
.nt-plate:hover h3 a{color:var(--blue)}
.nt-plate-meta{margin:.6rem 0 0;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);line-height:1.5}
.nt-plate-sum{margin:.75rem 0 0;font-size:.9375rem;line-height:1.6;color:var(--ink)}
.nt-plate-lead .nt-plate-sum{font-family:var(--serif);font-size:1.125rem;line-height:1.55;max-width:46ch;text-wrap:pretty}
.nt-plate-role{margin:.9rem 0 0;padding-left:1rem;border-left:2px solid var(--gold);font-size:.9375rem;line-height:1.6;color:var(--ink);max-width:46ch}
.nt-plate-status{margin:.9rem 0 0}
.nt-plate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem) var(--gap);margin-top:clamp(1.5rem,3vw,2.5rem)}
.nt-pgroup{padding:clamp(2rem,4vw,3rem) 0}
.nt-pgroup + .nt-pgroup{border-top:1px solid var(--line)}
.nt-pgroup-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;margin-bottom:1.5rem}
.nt-pgroup-head h2{font-size:var(--step-3)}
.nt-pgroup .nt-plate-lead{border-top:0;padding-top:0}

/* One species or plant: trail, name, photograph, text with the facts beside it, related species, sources. */
.nt-sp{padding:clamp(2rem,4vw,3.5rem) 0 var(--section)}
.nt-sp-head{max-width:60rem;margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.nt-sp-eyebrow{margin:0 0 .75rem}
.nt-sp-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25em 1.25rem}
.nt-sp-title h1{font-size:clamp(2.25rem,1.6rem + 3vw,4rem);line-height:1.02;letter-spacing:-.022em;text-wrap:balance}
.nt-sp-bo{font-family:var(--tibetan);font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);line-height:1.2;color:#B08A2E}
.nt-sp-sci{margin:.6rem 0 0;font-family:var(--serif);font-size:var(--step-1);color:var(--slate);display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem}
.nt-sp-lede{margin-top:1.1rem;max-width:60ch}
.nt-sp-photo{margin:0 0 clamp(1.75rem,3.5vw,2.75rem)}
.nt-sp-img{aspect-ratio:16/9;background:var(--beige);border-radius:var(--radius-sm);overflow:hidden}
.nt-sp-img.is-tall{aspect-ratio:4/3}
.nt-sp-img img{width:100%;height:100%;object-fit:cover}
.nt-sp-photo figcaption{margin-top:.6rem}
.nt-sp-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--gap) clamp(2.5rem,5vw,4.5rem);align-items:start}
.nt-sp-body section{margin-bottom:clamp(1.25rem,2.5vw,1.75rem)}
.nt-sp-body h2{font-size:var(--step-2);margin-bottom:.5rem;padding-top:.75rem;border-top:1px solid var(--line)}
.nt-sp-body p{font-size:1.0625rem;line-height:1.7;max-width:62ch}
.nt-sp-note{font-size:var(--step--1);color:var(--slate)}
.nt-sp-aside{position:sticky;top:calc(var(--header-h) + 1.5rem);border-top:2px solid var(--navy);padding-top:.25rem}
.nt-facts{margin:0}
.nt-facts > div{padding:.8rem 0;border-bottom:1px solid var(--line)}
.nt-facts dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-bottom:.4rem}
.nt-facts dd{margin:0;font-size:.9375rem;line-height:1.5;color:var(--ink);display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}
.nt-facts dd a{color:var(--navy)}
.nt-fact-note{font-size:var(--step--1);color:var(--slate);flex-basis:100%}
.nt-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.nt-chips a{display:inline-block;font-size:.8125rem;padding:.35em .7em;background:var(--mist);border-radius:999px;color:var(--navy);text-decoration:none;transition:background var(--fast),color var(--fast)}
.nt-chips a:hover{background:var(--navy);color:var(--paper)}
.nt-sp-back{margin:1.25rem 0 0}
.nt-sp-more{margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.25rem;border-top:2px solid var(--navy)}
.nt-more-head{margin-bottom:.5rem}
.nt-sp-more > p{margin:1.25rem 0 0}

/* Natural resources: what the page covers, the map of documented places, the rivers diagram, the categories. */
.nt-glance{padding:clamp(2.5rem,5vw,4rem) 0}
.nt-glance-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap)}
.nt-glance-copy .eyebrow{margin-bottom:.9rem}
.nt-glance-copy h2{font-size:var(--step-3);text-wrap:balance}
.nt-glance-more{margin:1rem 0 0;font-size:1rem;line-height:1.65;color:var(--slate);max-width:52ch}
.nt-cats ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--gap);border-top:2px solid var(--navy)}
.nt-cats a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .75rem;padding:.8rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.nt-cats b{font-family:var(--serif);font-size:1.1875rem;font-weight:500;color:var(--navy);transition:color var(--fast)}
.nt-cats a:hover b{color:var(--blue)}
.nt-cats .num{font-size:1rem;color:var(--slate);align-self:baseline}
.nt-cats-list{grid-column:1/-1;font-size:.8125rem;line-height:1.4;color:var(--slate)}
.nt-map{padding:var(--section) 0}
.nt-map-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap);align-items:end;margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.nt-map-head .eyebrow{margin-bottom:.9rem}
.nt-map-head h2{font-size:var(--step-3)}
.nt-map-intro{margin:0;font-size:1rem;line-height:1.6;color:var(--slate);max-width:56ch}
.nt-map-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--gap);align-items:start}
.nt-map-fig{position:sticky;top:calc(var(--header-h) + 1rem)}
.nt-map-fig figcaption{max-width:80ch}
.nt-map-svg .tb-region{pointer-events:none;cursor:default;fill-opacity:.2}
.nt-map-svg .tb-outline{stroke-opacity:.55}
.nt-map-svg .tb-map-rivers path{stroke-opacity:.35}
.nt-map-svg .tb-map-label{opacity:.6;font-size:14px}
.nt-town circle{fill:var(--slate);opacity:.5}
.nt-town text{font-family:var(--sans);font-size:11.5px;fill:var(--slate);paint-order:stroke;stroke:rgba(253,252,248,.9);stroke-width:3px;stroke-linejoin:round;opacity:.85}
.nt-mark{cursor:pointer}
.nt-mark .nt-mark-shape{stroke:var(--paper);stroke-width:1.6;transition:stroke var(--fast),stroke-width var(--fast)}
.nt-mark-label{font-family:var(--sans);font-size:15px;font-weight:500;fill:var(--charcoal);paint-order:stroke;stroke:rgba(253,252,248,.95);stroke-width:4px;stroke-linejoin:round;opacity:0;pointer-events:none;transition:opacity var(--fast)}
.nt-mark:hover .nt-mark-label,.nt-mark:focus .nt-mark-label,.nt-mark.is-lit .nt-mark-label{opacity:1}
.nt-marks:has(.nt-mark:hover) .nt-mark:not(:hover) .nt-mark-shape,.nt-marks:has(.nt-mark.is-lit) .nt-mark:not(.is-lit) .nt-mark-shape{opacity:.45}
.nt-mark:hover .nt-mark-shape,.nt-mark:focus .nt-mark-shape,.nt-mark.is-lit .nt-mark-shape{stroke:var(--gold);stroke-width:3}
.nt-mark:focus{outline:none}
.nt-mark:focus-visible .nt-mark-shape{stroke:var(--blue);stroke-width:3}
.nt-key{width:1rem;height:1rem;flex:none}
.nt-key .nt-mark-shape{stroke:var(--paper);stroke-width:1.2}
.nt-mark-mineral .nt-mark-shape{fill:var(--navy)}
.nt-mark-energy .nt-mark-shape{fill:var(--gold)}
.nt-mark-water .nt-mark-shape{fill:var(--sky)}
.nt-mark-ecological .nt-mark-shape{fill:var(--green)}
.nt-mark-botanical .nt-mark-shape{fill:var(--crimson)}
.nt-mark-pastoral .nt-mark-shape,.nt-mark-other .nt-mark-shape{fill:var(--slate)}
.nt-places-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.nt-places-group h3{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);font-weight:500;padding-bottom:.4rem;border-bottom:1px solid var(--line);margin-bottom:.35rem}
.nt-places-group ul{list-style:none;margin:0;padding:0}
.nt-place a{display:block;padding:.35rem .4rem;margin:0 -.4rem;border-radius:var(--radius-sm);font-size:.875rem;line-height:1.4;color:var(--ink);text-decoration:none;transition:background var(--fast)}
.nt-place a b{font-weight:600;color:var(--navy)}
.nt-place a span{color:var(--slate)}
.nt-place a:hover,.nt-place.is-lit a{background:var(--tint-gold)}
.nt-place-note{display:block;font-size:.75rem}
.nt-places-none{margin:1rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--slate)}
.nt-places-none .eyebrow{display:block;margin-bottom:.25rem}
.nt-rivers{background:var(--navy);color:var(--text-on-dark);padding:var(--section) 0}
.nt-rivers .eyebrow{color:var(--gold);margin-bottom:.9rem}
.nt-rivers h2{color:var(--text-on-dark);font-size:var(--step-3)}
.nt-rivers-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--gap);align-items:start}
.nt-rivers-copy p{margin:1rem 0 0;font-size:1rem;line-height:1.65;color:var(--muted-on-dark);max-width:40ch}
.nt-rivers-mark{display:block;width:min(100%,15rem);margin-top:1.75rem;fill:rgba(216,179,77,.12);stroke:var(--gold);stroke-width:2;stroke-linejoin:round}
.nt-flow{position:relative}
.nt-flow-svg{display:block;width:100%;height:auto}
.nt-flow-head{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;fill:var(--muted-on-dark)}
.nt-flow-line{fill:none;stroke:#7FB0F0;stroke-width:2;stroke-opacity:.65;transition:stroke var(--fast),stroke-opacity var(--fast),stroke-width var(--fast)}
.nt-flow.has-lit .nt-flow-line{stroke-opacity:.16}
.nt-flow.has-lit .nt-flow-line.is-lit{stroke:var(--gold);stroke-opacity:1;stroke-width:3}
.nt-flow-river text,.nt-flow-country text{font-family:var(--serif);font-size:17px;fill:var(--text-on-dark)}
.nt-flow-river circle,.nt-flow-country circle{fill:var(--gold)}
.nt-flow-river{cursor:default}
.nt-flow-river.is-lit text{fill:var(--gold)}
.nt-flow-river:focus{outline:none}
.nt-flow-river:focus-visible text{text-decoration:underline}
.nt-flow-list{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nt-flow-list > div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--line-on-dark)}
.nt-flow-list dt{font-family:var(--serif);font-size:1.0625rem;line-height:1.3}
.nt-flow-bo{display:block;font-family:var(--sans);font-size:.75rem;color:var(--muted-on-dark)}
.nt-flow-list dd{margin:0;font-size:.875rem;line-height:1.45;color:var(--muted-on-dark)}
.nt-res-group{padding:clamp(2.5rem,5vw,4rem) 0 0;scroll-margin-top:calc(var(--header-h) + 1rem)}
.nt-res-group:last-of-type{padding-bottom:clamp(2.5rem,5vw,4rem)}
.nt-res-group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--navy)}
.nt-res-group-head .eyebrow{gap:.45em}
.nt-res-group-head h2{font-size:var(--step-3)}
.nt-res{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1rem var(--gap);padding:clamp(1.5rem,3vw,2.25rem) 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 1rem)}
.nt-res-head{grid-column:1}
.nt-res-head h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);letter-spacing:-.015em;margin-bottom:.6rem;text-wrap:balance}
.nt-res-head p{font-size:1.0625rem;line-height:1.65;max-width:48ch;margin:0 0 .8em}
.nt-res-figure{grid-column:1;margin:0;aspect-ratio:4/3;background:var(--mist);border-radius:var(--radius-sm);overflow:hidden;max-width:28rem}
.nt-res-figure img{width:100%;height:100%;object-fit:cover}
.nt-res-body{grid-column:2;grid-row:1/span 2;min-width:0}
.nt-res-block{padding:.9rem 0;border-top:1px solid var(--line)}
.nt-res-block h4{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);font-weight:500;margin-bottom:.4rem}
.nt-res-block p{font-size:.9375rem;line-height:1.62;margin:0 0 .7em;max-width:62ch}
.nt-res-places{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin:.5rem 0 0;padding-top:.9rem;border-top:1px solid var(--line)}
.nt-res-places .eyebrow{margin-right:.4rem}
.nt-res-place{font-size:.8125rem;padding:.3em .7em;background:var(--mist);border-radius:999px;color:var(--navy);text-decoration:none;transition:background var(--fast),color var(--fast)}
.nt-res-place:hover{background:var(--navy);color:var(--paper)}
/* Figures: a comparison (thin bars on one scale) when two or more share a unit; stated figures otherwise. */
.nt-chart{margin:0 0 1rem;padding:1rem 0 .5rem;border-top:2px solid var(--navy)}
.nt-chart-cap{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}
.nt-chart-note{font-size:.8125rem;line-height:1.45;color:var(--slate)}
.nt-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.nt-bar-row{display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem}
.nt-bar-label{font-size:.875rem;line-height:1.4;color:var(--ink)}
.nt-bar-track{position:relative;display:block;height:14px;background:var(--mist);border-radius:0 4px 4px 0;overflow:hidden}
.nt-bar{position:absolute;left:0;top:0;height:100%;min-width:2px;background:var(--navy);border-radius:0 4px 4px 0}
.nt-bar.is-est{background:var(--navy);opacity:.55}
.nt-bar-from{background:var(--stone);opacity:1}
.nt-bar-to{opacity:1}
.nt-bar-range{position:absolute;top:50%;height:2px;margin-top:-1px;background:var(--gold)}
.nt-bar-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .75rem;font-size:.8125rem;line-height:1.45;color:var(--slate)}
.nt-bar-value b{font-size:1.25rem;font-weight:400;color:var(--navy)}
.nt-bar-src{font-family:var(--mono);font-size:.68rem;letter-spacing:.03em}
.nt-bar-src a{color:inherit}
.nt-bar-note{flex-basis:100%}
.nt-stats{list-style:none;margin:0 0 1rem;padding:1rem 0 0;border-top:2px solid var(--navy);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:1rem var(--gap)}
.nt-stats li{display:flex;flex-direction:column;gap:.25rem}
.nt-stats b{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.25rem);font-weight:400;line-height:1;letter-spacing:-.015em;color:var(--navy);overflow-wrap:anywhere}
.nt-stat-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);line-height:1.5}
.nt-stat-note{font-size:.875rem;line-height:1.5;color:var(--ink)}
.nt-stat-src{font-family:var(--mono);font-size:.68rem;letter-spacing:.03em;color:var(--slate)}
.nt-stat-src a{color:inherit}

@media (max-width:1100px){
  .nt-feat-media,.nt-feat-flip .nt-feat-media,.nt-feat-dark .nt-feat-media{grid-column:1/7}
  .nt-feat-body,.nt-feat-flip .nt-feat-body,.nt-feat-dark .nt-feat-body{grid-column:7/-1}
  .nt-map-grid{grid-template-columns:minmax(0,1fr)}
  .nt-map-fig{position:static}
  .nt-places-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nt-rivers-grid{grid-template-columns:minmax(0,1fr)}
  .nt-rivers-mark{display:none}
  .nt-sp-grid{grid-template-columns:minmax(0,1fr)}
  .nt-sp-aside{position:static;max-width:40rem}
  .nt-plate-lead{grid-template-columns:3.5rem minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:900px){
  .nt-switch .wrap{grid-template-columns:minmax(0,1fr);gap:0}
  .nt-switch-label{padding:.9rem 0 0}
  .nt-switch ul{gap:0 1rem}
  .nt-switch li a{padding:.6rem 0 .7rem}
  .nt-switch li b{font-size:1.0625rem}
  .nt-switch li span{display:none}
  .nt-feat,.nt-feat-half{grid-column:1/-1}
  .nt-feat-media,.nt-feat-flip .nt-feat-media,.nt-feat-dark .nt-feat-media,.nt-feat-body,.nt-feat-flip .nt-feat-body,.nt-feat-dark .nt-feat-body{grid-column:1/-1;grid-row:auto}
  .nt-feat-flip .nt-feat-img{aspect-ratio:3/2}
  .nt-feat-dark .nt-feat-img{aspect-ratio:3/2}
  .nt-idx-head,.nt-opening-head,.nt-glance-grid,.nt-map-head{grid-template-columns:minmax(0,1fr)}
  .nt-opening-head h2{max-width:none}
  .nt-rows,.nt-rows-cols{grid-template-columns:minmax(0,1fr)}
  .nt-plate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nt-plate-lead{grid-template-columns:minmax(0,1fr)}
  .nt-plate-lead .nt-plate-no{flex-direction:row}
  .nt-res{grid-template-columns:minmax(0,1fr)}
  .nt-res-body{grid-column:1;grid-row:auto}
  .nt-res-figure{grid-column:1}
  .nt-cats ol{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .nt-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nt-idx-sum{padding-right:0}
  .nt-idx-toggle{position:static;margin-top:.9rem}
  .nt-filter-q{grid-column:1/-1}
  .nt-plate-grid{grid-template-columns:minmax(0,1fr)}
  .nt-places-list{grid-template-columns:minmax(0,1fr)}
  .nt-flow-svg{display:none}
  .nt-flow-list{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
  .nt-feat-facts > div{grid-template-columns:5.5rem minmax(0,1fr)}
  .nt-row a{grid-template-columns:3.5rem minmax(0,1fr) auto;gap:.75rem}
  .nt-row-img{width:3.5rem}
  .nt-map-svg .tb-map-label{font-size:22px}
  .nt-town text{display:none}
  .nt-mark-label{font-size:22px}
  .nt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
  .nt-tools{grid-template-columns:minmax(0,1fr)}
  .nt-stats{grid-template-columns:minmax(0,1fr)}
  .nt-feat-sum{font-size:1.0625rem}
  .nt-mark-label{display:none}
}
@media (prefers-reduced-motion:reduce){
  .nt-feat-img img,.nt-flow-line,.nt-mark .nt-mark-shape{transition:none}
  .nt-feat:hover .nt-feat-img img{transform:none}
}
/* 16. Nature of Tibet — END */

/* Glide select (cms.js glideSelect): the memorial's filters as dropdowns. A port of React Bits' GlideSelect in the site's
   colours: white box like .input, navy text, a mist pill that glides between rows, a gold tick on the chosen row. */
.mem-selects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 1.25rem;margin-top:1.25rem}
@media (max-width:900px){.mem-selects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.mem-selects{grid-template-columns:minmax(0,1fr)}}
.gs{display:flex;flex-direction:column;gap:.45rem;min-width:0}
.gs-label{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.gs-box{position:relative}
.gs-trigger{display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.75rem;margin:0;padding:0 .7rem 0 .9rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--white);color:var(--navy);font:500 .9375rem/1.2 var(--sans);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--fast),box-shadow var(--fast),transform 160ms cubic-bezier(.23,1,.32,1)}
.gs-trigger:hover,.gs-trigger[aria-expanded="true"]{border-color:var(--navy)}
.gs-trigger[aria-expanded="true"]{box-shadow:0 0 0 3px var(--tint-blue)}
.gs-trigger:active{transform:scale(.985)}
.gs-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.gs-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-tag{flex:none;font-family:var(--num);font-variant-numeric:var(--nums);font-size:.8125rem;font-weight:400;color:var(--slate)}
.gs-chevron{flex:none;display:inline-flex;color:var(--slate);transition:transform 200ms cubic-bezier(.23,1,.32,1)}
.gs-chevron svg{width:1rem;height:1rem}
.gs-trigger[aria-expanded="true"] .gs-chevron{transform:rotate(180deg)}
.gs.is-swap .gs-value{animation:gsSwap 160ms ease}
@keyframes gsSwap{from{opacity:.55;filter:blur(2px)}}
.gs-menu{position:absolute;z-index:60;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:min(22rem,calc(100vw - 2rem));padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--white);box-shadow:0 14px 34px rgba(22,58,99,.16),0 2px 6px rgba(22,58,99,.08);transform-origin:top left;opacity:0;transform:scale(.96);transition:opacity 180ms cubic-bezier(.23,1,.32,1),transform 180ms cubic-bezier(.23,1,.32,1)}
.gs.is-up .gs-menu{top:auto;bottom:calc(100% + 6px);transform-origin:bottom left}
.gs:nth-child(4n) .gs-menu{left:auto;right:0;transform-origin:top right}
.gs-menu[data-state="open"]{opacity:1;transform:none}
.gs-menu[data-state="closed"]{transition-duration:120ms;pointer-events:none}
.gs-list{position:relative;display:grid;gap:1px}
.gs-pill{position:absolute;top:0;left:0;right:0;height:2.375rem;border-radius:6px;background:var(--mist);opacity:0;pointer-events:none;transition:transform 220ms cubic-bezier(.23,1,.32,1),opacity 150ms ease}
.gs-option{position:relative;z-index:1;display:flex;align-items:center;gap:.65rem;min-height:2.375rem;padding:0 .6rem 0 .75rem;border-radius:6px;color:var(--ink);font-size:.9375rem;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.gs-option[aria-selected="true"]{color:var(--navy);font-weight:600;background:rgba(238,242,246,.7)}
.gs-list:has(.is-active) .gs-option[aria-selected="true"]{background:transparent}
.gs-name{flex:1 1 auto;white-space:nowrap}
.gs-check{flex:none;display:inline-flex;width:1rem;height:1rem;color:var(--gold);visibility:hidden}
.gs-check svg{width:100%;height:100%}
.gs-option[aria-selected="true"] .gs-check{visibility:visible}
@media (prefers-reduced-motion:reduce){
  .gs-menu{transform:none!important;transition:opacity 180ms ease}
  .gs-pill{transition:opacity 150ms ease}
  .gs-chevron,.gs-trigger{transition:none}
  .gs-trigger:active{transform:none}
  .gs.is-swap .gs-value{animation:none}
}