/* ==========================================================================
   ISVCA 2027 — shared design system
   Editorial / academic conference styling. One typeface, restrained colour,
   thin rules and spacing instead of cards and shadows.
   ========================================================================== */

/* ---------- Tokens ---------------------------------------------------- */
:root{
  /* surfaces — warm white carries the page, white and two faint tints give rhythm */
  --page-bg:#FAFAF7;
  --surface:#FFFFFF;
  --surface-teal:#EDF5F2;
  --surface-blue:#EFF3F8;

  /* brand — drawn from the official poster */
  --brand-navy:#142D4E;
  --brand-teal:#14685F;
  --brand-teal-hover:#10554D;

  /* accent — apricot is for emphasis only, always with dark text on it */
  --accent-apricot:#EBA56D;
  --accent-warm-bg:#FFF1E5;
  --accent-warm-text:#8A431D;

  /* text + lines */
  --text-primary:#202E3B;
  --text-secondary:#52616B;
  --border-subtle:#DCE4E2;
  --border-control:#7C898E;
  --focus-ring:#14685F;

  /* legacy aliases, remapped onto the brand palette */
  --navy:var(--brand-navy);
  --ink:var(--text-primary);
  --muted:var(--text-secondary);
  --accent:var(--accent-apricot);
  --accent-dk:var(--brand-teal);
  --green:var(--brand-teal);
  --surface-alt:var(--page-bg);
  --rule:var(--border-subtle);
  --rule-strong:var(--border-control);

  /* type */
  --font:'Inter','Source Sans 3',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --fs-body:1.0625rem;
  --fs-small:0.875rem;
  --lh:1.62;
  --measure:70ch;

  /* layout */
  --maxw:1200px;
  --pad:32px;
  --section-y:72px;
  --radius:6px;
  --radius-sm:6px;
  --t:150ms;
}

@media (max-width:1060px){
  html{scroll-padding-top:62px}
  .toc{top:78px}
  .docbody section{scroll-margin-top:74px}
}
@media (max-width:760px){
  :root{ --pad:20px; --section-y:48px; --fs-body:1rem; }
  .s-head{margin-bottom:24px}
  .s-head h2{font-size:1.5rem}
  .panel{padding:20px}
  .docpage__head{padding-block:32px 22px}
  .site-foot{padding-block:40px 24px}
}

/* ---------- Reset ----------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{
  margin:0;background:var(--page-bg);color:var(--text-primary);overflow-wrap:break-word;
  font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5{margin:0;color:var(--navy);font-weight:600;line-height:1.22;letter-spacing:-0.01em}
/* Long single words ("Allotransplantation", an email address, a long link)
   must be able to break, or they push the page sideways once text is
   enlarged to 200%. overflow-wrap inherits, so one declaration covers all. */
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.25em}
li{margin:.35em 0}
a{color:var(--accent-dk);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:3px}
hr{border:none;border-top:1px solid var(--rule);margin:2rem 0}
table{border-collapse:collapse;width:100%}
.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}

/* ---------- Layout ---------------------------------------------------- */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.section{padding-block:var(--section-y)}
.section--white{background:var(--surface)}
.section--teal{background:var(--surface-teal)}
.section--blue{background:var(--surface-blue)}
.section--alt{background:var(--surface)}
.section--tight{padding-block:calc(var(--section-y) * .62)}
.section + .section{border-top:1px solid var(--rule)}
.section--alt + .section,.section + .section--alt{border-top:none}
.prose{max-width:var(--measure)}

/* section heading: sentence case, no eyebrow pill, no gradient rule */
.s-head{margin-bottom:28px;max-width:var(--measure)}
.s-head h2{font-size:clamp(1.75rem,2.6vw,2.125rem);font-weight:600}
.s-head .lede{margin:.6rem 0 0;color:var(--muted)}
.s-head .kicker{
  display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.45rem;
}

/* ---------- Buttons --------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;gap:.5em;
  padding:.7em 1.45em;border-radius:6px;min-height:46px;
  font-size:1rem;font-weight:600;line-height:1.2;
  text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:background-color var(--t) ease,border-color var(--t) ease,color var(--t) ease;
}
.btn--primary{background:var(--brand-teal);color:#fff;border-color:var(--brand-teal)}
.btn--primary:hover{background:var(--brand-teal-hover);border-color:var(--brand-teal-hover);color:#fff}
.btn--primary:active{background:#0D4740}
.btn--secondary{background:var(--surface);color:var(--brand-navy);border-color:var(--border-control)}
.btn--secondary:hover{background:var(--surface-teal);border-color:var(--brand-teal);color:var(--brand-teal)}
.btn--onDark{background:#fff;color:var(--navy);border-color:#fff}
.btn--onDark:hover{background:var(--surface-alt);color:var(--navy)}
.btn[aria-disabled="true"],.btn:disabled{background:var(--rule);color:var(--muted);border-color:var(--rule);cursor:not-allowed}
.link-quiet{font-weight:600;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--rule-strong);padding-bottom:1px}
.link-quiet:hover{color:var(--brand-teal);border-bottom-color:var(--brand-teal)}

/* ---------- Site header / nav ---------------------------------------- */
.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--rule);backdrop-filter:saturate(140%) blur(6px)}
.site-head__in{display:flex;align-items:center;gap:20px;min-height:72px}
.site-head__brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.site-head__brand img{height:46px;width:auto}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.site-nav a{
  color:var(--navy);text-decoration:none;font-size:.95rem;font-weight:500;
  padding:9px 11px;border-radius:var(--radius-sm);white-space:nowrap;
}
.site-nav a:hover{background:var(--surface-teal);color:var(--brand-teal)}
.site-nav a[aria-current="true"]{color:var(--brand-teal);box-shadow:inset 0 -2px 0 var(--brand-teal)}
.site-nav .nav-cta{margin-left:10px;background:var(--accent-dk);color:#fff;padding:10px 18px;font-weight:600}
.site-nav .nav-cta:hover{background:var(--brand-teal-hover);color:#fff}
.nav-toggle{display:none;margin-left:auto;align-items:center;gap:8px;background:none;border:1px solid var(--rule-strong);border-radius:var(--radius-sm);padding:9px 13px;font:inherit;font-size:.9rem;font-weight:600;color:var(--navy);cursor:pointer;min-height:44px}
.nav-toggle svg{display:block;flex:0 0 auto}
/* second line under a menu item; only shown in the mobile menu */
.site-nav .nav-sub{display:none}
/* compact Register, shown in the bar itself only on narrow screens */
.head-cta{display:none}

@media (max-width:1060px){
  /* 60–64px bar: logo | Register | Menu, nothing else.
     It wraps rather than overflows when text is enlarged to 200%.        */
  .site-head__in{gap:10px;min-height:62px;flex-wrap:wrap;row-gap:8px;padding-block:8px}
  .site-head__brand{min-width:0}
  .site-head__brand img{height:36px;max-width:100%}
  .head-cta{
    display:inline-flex;align-items:center;justify-content:center;margin-left:auto;
    min-height:44px;padding:10px 16px;border-radius:var(--radius-sm);
    background:var(--brand-teal);color:#fff;font-size:.9375rem;font-weight:600;
    text-decoration:none;white-space:nowrap;flex:0 1 auto;min-width:0;
  }
  .head-cta:hover,.head-cta:focus-visible{background:var(--brand-teal-hover);color:#fff}
  .nav-toggle{display:inline-flex;margin-left:0;flex:0 1 auto;min-width:0}
  .site-nav{
    display:none;position:absolute;left:0;right:0;top:100%;
    background:#fff;border-bottom:1px solid var(--rule);
    flex-direction:column;align-items:stretch;gap:0;padding:4px var(--pad) 22px;
    max-height:calc(100dvh - 62px);overflow-y:auto;
    box-shadow:0 14px 26px -14px rgba(20,45,78,.26);
  }
  .site-nav.is-open{display:flex}
  /* every menu row is its own 48px target */
  .site-nav a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
    gap:1px;min-height:48px;padding:11px 2px;
    border-bottom:1px solid var(--rule);border-radius:0;font-size:1.0625rem}
  .site-nav .nav-sub{display:block;font-size:.8125rem;font-weight:400;
    line-height:1.3;color:var(--text-secondary)}
  .site-nav a:last-child{border-bottom:none}
  /* Register already sits in the bar, so the menu keeps only the info page */
  .site-nav .nav-cta{display:none}
}
@media (max-width:380px){
  .site-head__in{gap:8px}
  .site-head__brand img{height:32px}
  .head-cta{padding:10px 13px;font-size:.875rem}
  .nav-toggle{padding:9px 11px;font-size:.875rem}
}

/* ---------- Hero: full-bleed poster ------------------------------------
   The official congress poster is the primary visual. It runs edge to edge
   directly under the nav bar, keeps its own 16:9 proportions, and is never
   cropped or overlaid with text. Everything a reader needs — meeting name,
   dates, venue — is repeated below it as real, selectable text.          */
.hero{background:var(--page-bg)}
.hero__poster{margin:0;padding:0;background:var(--surface-teal)}
.hero__poster img{
  display:block;width:100%;max-width:1600px;margin-inline:auto;
  height:auto;aspect-ratio:16/9;border-radius:0;
}
.hero__body{padding-top:12px}
.hero__tools{display:flex;justify-content:flex-end;margin:0}
.hero__tools a{display:inline-flex;align-items:center;min-height:36px;
  font-size:.8125rem;color:var(--text-secondary);text-decoration:none;
  border-bottom:1px solid var(--border-subtle)}
.hero__tools a:hover{color:var(--brand-teal);border-bottom-color:var(--brand-teal)}

/* 1 — identity */
.hero__ident{margin:20px 0 0;text-align:center}
.hero__title{margin:0;font-size:clamp(1.75rem,6.4vw,2.125rem);line-height:1.1;letter-spacing:-.02em}
.hero__fullname{margin:8px auto 0;max-width:40ch;font-size:.9375rem;line-height:1.45;color:var(--text-secondary)}
.hero__when{margin:16px 0 0;font-size:1.1875rem;font-weight:600;color:var(--brand-navy);line-height:1.3}
.hero__venue{margin:5px 0 0;font-size:1rem;color:var(--text-secondary);line-height:1.45}

/* From tablet up the poster already carries the title lock-up, so the H1 and
   the society name stay in the document but out of the visual layout.      */
@media (min-width:761px){
  .hero__title,.hero__fullname{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .hero__ident{margin-top:26px}
  .hero__when{margin-top:0}
}

/* 2 — actions: Register and Submit are equal width, 12px apart */
.hero__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero__actions .btn{flex:0 1 232px;justify-content:center;text-align:center}
.hero__proglink{margin:16px 0 0;text-align:center}

/* 3 — deadlines. Label, date and qualifier are each their own block and the
   spacing comes from `gap`, so nothing can ever run together.             */
.hero__deadlines{display:grid;grid-template-columns:repeat(auto-fit,minmax(274px,max-content));
  justify-content:center;gap:12px;margin:32px 0 0;padding:0;list-style:none}
.hero__deadlines li{margin:0;display:flex;flex-direction:column;align-items:flex-start;
  gap:6px;background:var(--accent-warm-bg);border-radius:8px;padding:14px 18px;text-align:left}
.hero__deadlines .k{display:block;font-size:.75rem;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--accent-warm-text);line-height:1.3}
.hero__deadlines .v{display:block;font-size:1.0625rem;font-weight:600;
  color:var(--text-primary);line-height:1.25}
.hero__deadlines .m{display:block;font-size:.8125rem;font-weight:400;
  color:var(--text-secondary);line-height:1.35}
.hero__deadlines a{color:var(--accent-warm-text);font-weight:600}
.hero__close{margin:40px 0 0;border-bottom:1px solid var(--border-subtle)}
.hero__note{margin:1.2rem 0 0;font-size:.875rem;color:var(--text-secondary)}

@media (max-width:760px){
  /* poster stays full-bleed; the text column gets its own 20px gutter */
  .hero__body{padding-top:10px;padding-inline:20px}
  .hero__tools{justify-content:flex-start}
  .hero__ident{margin-top:14px;text-align:left}
  .hero__fullname{margin-inline:0;max-width:none}
  .hero__when{margin-top:14px}
  .hero__actions{justify-content:stretch;margin-top:24px}
  .hero__actions .btn{flex:1 1 calc(50% - 6px);min-width:0}
  .hero__proglink{text-align:left;margin-top:16px}
  .hero__deadlines{grid-template-columns:minmax(0,1fr);margin-top:28px}
  .hero__close{margin-top:32px}
}
@media (max-width:430px){
  /* too narrow for two buttons side by side — stack, still equal width */
  .hero__actions{flex-direction:column}
  .hero__actions .btn{flex:1 1 auto;width:100%}
}

/* ---------- Definition / data lists ----------------------------------- */
.datalist{border-top:1px solid var(--rule);margin:0}
.datalist__row{display:grid;grid-template-columns:minmax(0,30%) minmax(0,70%);gap:6px 20px;padding:14px 0;border-bottom:1px solid var(--border-subtle)}
.datalist__row.is-key{background:var(--accent-warm-bg)}
.datalist__row.is-key .datalist__term{color:var(--accent-warm-text)}
.datalist__row.is-key .datalist__term,.datalist__row.is-key .datalist__desc{padding-inline:14px}
@media (max-width:420px){
  .datalist__row.is-key .datalist__term,.datalist__row.is-key .datalist__desc{padding-inline:10px}
}
.datalist__term{font-weight:600;color:var(--navy);overflow-wrap:break-word}
.datalist__term small,.datalist__term .m{display:block;font-weight:400;color:var(--muted);
  font-size:.8125rem;line-height:1.35;margin-top:3px}
.datalist__desc{color:var(--ink);overflow-wrap:break-word}
.datalist__desc small,.datalist__desc .m{display:block;color:var(--muted);font-size:.875rem;
  line-height:1.4;margin-top:3px}
/* hotel room / price rows: label left, price right, but the price drops to
   its own line rather than squeezing the label at any width or text size  */
.datalist__row--price{display:flex;flex-wrap:wrap;align-items:baseline;
  justify-content:space-between;gap:2px 16px;padding:9px 0}
.datalist__row--price .datalist__desc{margin-left:auto}
@media (max-width:700px){
  .datalist__row{grid-template-columns:minmax(0,1fr);gap:2px;padding:14px 0}
}

/* ---------- News list ------------------------------------------------- */
.newslist{border-top:1px solid var(--rule)}
.newsitem{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 28px;padding:20px 0;border-bottom:1px solid var(--rule)}
.newsitem__date{color:var(--muted);font-size:.875rem;padding-top:3px}
.newsitem h3{font-size:1.0625rem;font-weight:600;margin:0 0 .3rem}
.newsitem p{margin:0;color:var(--muted);max-width:var(--measure)}
@media (max-width:700px){
  .newsitem{grid-template-columns:minmax(0,1fr);gap:0;padding:18px 0}
  .newsitem__date{padding-top:0;margin-bottom:5px;font-size:.8125rem;
    font-weight:600;letter-spacing:.03em}
}

/* ---------- Faculty ----------------------------------------------------
   Order: name -> institution -> focus -> optional biography. Status is
   always spelled out, never colour alone.                                 */
.faculty{border-top:1px solid var(--border-subtle)}
.faculty__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 28px;
  padding:18px 0;border-bottom:1px solid var(--border-subtle);align-items:start}
.faculty__name{font-size:1.1875rem;font-weight:600;color:var(--brand-navy);margin:0;line-height:1.3}
.faculty__org{margin:3px 0 0;color:var(--text-primary);font-size:.9375rem;line-height:1.45}
.faculty__focus{margin:2px 0 0;color:var(--text-secondary);font-size:.9375rem;line-height:1.45}
.faculty__bio{margin-top:.35rem}
.faculty__bio summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;
  font-size:.875rem;font-weight:600;color:var(--brand-teal);padding:4px 0;min-height:32px}
.faculty__bio summary::-webkit-details-marker{display:none}
.faculty__bio summary::after{content:"▸";font-size:.75rem;transition:transform var(--t) ease}
.faculty__bio[open] summary::after{transform:rotate(90deg)}
.faculty__bio summary:hover{color:var(--brand-teal-hover);text-decoration:underline}
.faculty__bio p{margin:.4rem 0 0;color:var(--text-secondary);font-size:.9375rem;max-width:var(--measure)}
.faculty__status{justify-self:end;margin-top:2px;font-size:.75rem;font-weight:600;letter-spacing:.05em;
  text-transform:uppercase;white-space:nowrap;padding:5px 11px;border-radius:999px;
  background:#EEF1F3;color:var(--text-secondary);border:1px solid var(--border-subtle)}
.faculty__status.is-confirmed{background:var(--surface-teal);color:var(--brand-teal);border-color:#BFD9D2}
@media (max-width:700px){
  /* single column, reading order: name -> institution -> focus -> status */
  .faculty__row{grid-template-columns:minmax(0,1fr);gap:0;padding:16px 0}
  .faculty__status{justify-self:start;margin-top:10px}
  .faculty__name{font-size:1.0625rem}
}

/* ---------- Schedule table ------------------------------------------- */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--rule);margin-bottom:0;flex-wrap:wrap}
.tabs button{
  background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;
  font:inherit;font-size:.9375rem;font-weight:600;color:var(--muted);
  padding:12px 16px;cursor:pointer;min-height:44px;
}
.tabs button:hover{color:var(--brand-teal)}
.tabs button[aria-selected="true"]{color:var(--brand-teal);border-bottom-color:var(--brand-teal);background:var(--surface-teal)}
.tabpanel[hidden]{display:none}
.sched{width:100%;font-size:.9375rem}
.sched caption{text-align:left;color:var(--muted);font-size:.875rem;padding:14px 0 8px}
.sched th,.sched td{text-align:left;padding:12px 14px 12px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.sched thead th{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule-strong);padding-top:0}
.sched .t{white-space:nowrap;color:var(--navy);font-variant-numeric:tabular-nums;width:1%;
  font-weight:500;padding-right:28px}
.sched .ttl{font-weight:600;color:var(--navy)}
.sched .ttl small{display:block;font-weight:400;color:var(--muted);font-size:.875rem;margin-top:2px}
.sched tr.is-break .ttl{font-weight:400;color:var(--muted)}
.sched tr.is-key{background:var(--accent-warm-bg)}
/* PS / CS markers: one size, one position — always directly after the title */
.tag{display:inline-block;font-size:.6875rem;line-height:1.5;font-weight:600;letter-spacing:.04em;
  color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-control);
  border-radius:3px;padding:0 6px;margin-left:10px;vertical-align:2px}
@media (max-width:760px){
  .tabs button{padding:12px 13px;font-size:.9375rem}
}
@media (max-width:640px){
  /* time -> session -> location/type, stacked, no horizontal scrolling */
  .sched,.sched tbody,.sched tr,.sched td{display:block;width:100%}
  .sched thead{display:none}
  .sched tr{padding:14px 0;border-bottom:1px solid var(--rule)}
  .sched td{border:none;padding:0}
  .sched .t{width:auto;padding-right:0;font-size:.8125rem;font-weight:600;
    color:var(--text-secondary);margin-bottom:4px}
  .sched caption{display:block;width:100%;padding:12px 0 10px}
  .sched .ttl{font-size:1rem;line-height:1.4}
  .sched .ttl small{margin-top:4px;font-size:.8125rem}
  /* session type goes on its own line, under the session name */
  .tag{display:block;width:max-content;margin:7px 0 0;vertical-align:baseline}
  .sched tr.is-key{padding-inline:12px;border-radius:6px}
}

/* ---------- Fee table ------------------------------------------------- */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tablewrap__hint{display:none}
@media (max-width:760px){
  /* Horizontal scroll is the single strategy for the fee grid — no accordion.
     The hint and the edge rule make it obvious that it moves sideways.      */
  .tablewrap{position:relative;padding-bottom:4px;
    border-inline-end:2px solid var(--accent-apricot);
    scroll-snap-type:x proximity}
  .tablewrap th,.tablewrap td{scroll-snap-align:start}
  .tablewrap__hint{display:flex;align-items:center;gap:7px;margin:0 0 10px;
    font-size:.8125rem;font-weight:600;color:var(--accent-warm-text);
    background:var(--accent-warm-bg);border-radius:6px;padding:9px 12px}
  .tablewrap__hint::before{content:"\2194";font-size:1rem;line-height:1}
}
.feetable{font-size:.9375rem;min-width:620px}
.feetable th,.feetable td{padding:12px 16px;border-bottom:1px solid var(--rule);text-align:right;vertical-align:top}
.feetable th:first-child,.feetable td:first-child{text-align:left;padding-left:0}
.feetable thead th{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule-strong);line-height:1.4}
.feetable thead th span{display:block;text-transform:none;letter-spacing:0;font-weight:400;font-size:.8125rem;margin-top:2px}
.feetable tbody th{text-align:left;padding-left:0;font-weight:600;color:var(--navy);background:var(--surface-alt);font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase}
.feetable td.num{font-variant-numeric:tabular-nums;color:var(--navy);font-weight:500;white-space:nowrap}
.feetable td.num.is-early{color:var(--brand-teal);font-weight:600;background:var(--surface-teal)}
.feetable thead th.is-early{background:var(--surface-teal)}
@media (max-width:700px){.feetable th,.feetable td{padding:10px 12px}}

/* ---------- Callouts (replaces coloured cards) ------------------------ */
.callout{border-left:3px solid var(--rule-strong);padding:2px 0 2px 18px;margin:20px 0;color:var(--ink);max-width:var(--measure)}
.callout > :last-child{margin-bottom:0}
.callout--accent{border-left-color:var(--accent)}
.callout--green{border-left-color:var(--green)}
.callout__title{font-weight:600;color:var(--navy)}

/* ---------- Plain panel (light frame, no shadow) ---------------------- */
.panel{border:1px solid var(--rule);border-radius:var(--radius);padding:24px}
.panel h3{font-size:1.0625rem;margin:0 0 .5rem}
.panel > :last-child{margin-bottom:0}
.panel--alt{background:var(--surface-alt);border-color:transparent}

/* ---------- Generic grids -------------------------------------------- */
.cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.cols-2-7-5{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:52px;align-items:start}
@media (max-width:860px){.cols-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media (max-width:920px){.cols-2-7-5{grid-template-columns:minmax(0,1fr);gap:32px}}
@media (max-width:760px){
  .cols-2,.cols-3,.cols-2-7-5{grid-template-columns:minmax(0,1fr);gap:28px}
}

/* ---------- Steps (numbered, no cards) -------------------------------- */
.steps{counter-reset:step;border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}
.steps li{counter-increment:step;display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 20px;padding:18px 0;border-bottom:1px solid var(--rule);margin:0}
.steps li::before{content:counter(step,decimal-leading-zero);color:var(--brand-teal);font-weight:600;font-size:.875rem;padding-top:2px;font-variant-numeric:tabular-nums}
.steps h3{font-size:1rem;margin:0 0 .25rem}
.steps p{margin:0;color:var(--muted);max-width:var(--measure)}
@media (max-width:560px){
  .steps li{grid-template-columns:26px minmax(0,1fr);gap:0 12px;padding:16px 0}
}

/* ---------- Spec list ------------------------------------------------- */
.speclist{border-top:1px solid var(--rule);margin:0}
.speclist__row{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:4px 28px;padding:13px 0;border-bottom:1px solid var(--rule)}
.speclist dt{font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums}
.speclist dd{margin:0;color:var(--muted)}
@media (max-width:700px){.speclist__row{grid-template-columns:minmax(0,1fr);gap:1px}}

/* ---------- Award comparison ------------------------------------------ */
.awards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--rule-strong)}
.award{padding:26px 28px 26px 0;border-bottom:1px solid var(--rule)}
.award + .award{padding-left:28px;border-left:1px solid var(--rule)}
.award__org{font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-teal);margin-bottom:.4rem}
.award h3{font-size:1.125rem;margin:0 0 .6rem}
.award__amount{font-weight:600;color:var(--navy);margin:0 0 .6rem}
.award p{color:var(--muted)}
.award > :last-child{margin-bottom:0}
@media (max-width:760px){
  .awards{grid-template-columns:minmax(0,1fr)}
  .award{padding:22px 0}
  .award + .award{padding-left:0;border-left:none}
}

/* ---------- Photo cards (Explore) ------------------------------------- */
.photogrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.photocard{text-decoration:none;color:inherit;display:block}
.photocard img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius);border:1px solid var(--rule)}
.photocard__k{display:block;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:12px 0 2px}
.photocard h3{font-size:1.0625rem;margin:0 0 .25rem}
.photocard p{margin:0;color:var(--muted);font-size:.9375rem}
.photocard:hover h3{color:var(--accent-dk)}
@media (max-width:860px){.photogrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (max-width:560px){.photogrid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Venue / map ----------------------------------------------- */
.mapframe{width:100%;height:100%;min-height:320px;border:1px solid var(--rule);border-radius:var(--radius)}

/* ---------- Subscribe ------------------------------------------------- */
.subscribe{background:var(--surface-teal)}
.subscribe__form{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0;max-width:var(--measure)}
.subscribe input[type=email]{
  flex:1 1 260px;min-width:0;min-height:44px;padding:11px 14px;border:1px solid var(--rule-strong);
  border-radius:var(--radius-sm);font:inherit;font-size:1rem;background:#fff;color:var(--ink);
}
.subscribe input[type=email]:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 3px rgba(20,104,95,.16)}
.subscribe__consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:.875rem;color:var(--muted);max-width:var(--measure)}
.subscribe__consent input{margin-top:4px;width:18px;height:18px;accent-color:var(--brand-teal);flex:0 0 auto}
.subscribe__msg{margin:12px 0 0;font-size:.9375rem;font-weight:600;min-height:1.3em;color:var(--brand-teal)}

/* ---------- Footer ---------------------------------------------------- */
.site-foot{background:var(--brand-navy);color:#C3D0DC;font-size:.9375rem;padding-block:52px 28px}
.site-foot h2{color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin:0 0 .8rem}
.site-foot a{color:var(--accent-apricot);text-decoration:none}
.site-foot a:hover{color:#fff;text-decoration:underline}
.site-foot__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:34px}
.site-foot__cols p{margin:0 0 .5rem;line-height:1.7}
.site-foot__links{display:flex;flex-direction:column;gap:.45rem}
.site-foot__orgs{border-top:1px solid rgba(255,255,255,.16);padding-top:24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.site-foot__orgs img{height:44px;width:auto;border-radius:4px;flex:0 0 auto}
.site-foot__orgs span{font-size:.875rem;color:#A9B8C6}
.site-foot__legal{border-top:1px solid rgba(255,255,255,.16);margin-top:22px;padding-top:18px;font-size:.8125rem;color:#93A4B3;display:flex;gap:8px 20px;flex-wrap:wrap}
@media (max-width:760px){.site-foot__cols{grid-template-columns:minmax(0,1fr);gap:28px}}

/* ---------- Document pages (guidelines / awards / registration) ------- */
.docpage__head{padding-block:52px 28px;border-bottom:1px solid var(--rule)}
.docpage__head .kicker{display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-teal);margin-bottom:.5rem}
.docpage__head h1{font-size:clamp(1.9rem,3.6vw,2.75rem);font-weight:600;margin:0 0 .6rem}
.docpage__head .lede{color:var(--muted);max-width:var(--measure);margin:0}
.docpage__meta{display:block;margin-top:20px;border-left:3px solid var(--accent-apricot);padding-left:16px;max-width:var(--measure);color:var(--muted)}
.docpage__meta .k{display:block;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.docpage__meta .v{font-weight:600;color:var(--navy)}
.docpage{display:grid;grid-template-columns:210px minmax(0,1fr);gap:56px;align-items:start;padding-block:40px 72px}
.toc{position:sticky;top:96px;font-size:.9375rem}
.toc h2{font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.toc a{display:block;color:var(--muted);text-decoration:none;padding:6px 0 6px 13px;border-left:2px solid var(--rule);line-height:1.35}
.toc a:hover{color:var(--navy);border-left-color:var(--rule-strong)}
.toc a[aria-current="true"]{color:var(--navy);font-weight:600;border-left-color:var(--accent)}
.docbody{max-width:var(--measure)}
.docbody section{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid var(--rule);scroll-margin-top:96px}
.docbody section:last-of-type{border-bottom:none;margin-bottom:0}
.docbody h2{font-size:1.5rem;font-weight:600;margin:0 0 .7rem}
.docbody h3{font-size:.9375rem;font-weight:600;margin:1.6rem 0 .35rem}
.docbody p,.docbody li{color:var(--ink)}
.docbody ul{padding-left:1.1em}
.docbody--wide{max-width:none}
@media (max-width:900px){
  .docpage{grid-template-columns:minmax(0,1fr);gap:0;padding-block:28px 56px}
  .toc{position:static;border-bottom:1px solid var(--rule);padding-bottom:20px;margin-bottom:28px}
  .toc nav{columns:170px 2;column-gap:24px}
}

/* ---------- Forms ----------------------------------------------------- */
.form fieldset{border:none;margin:0;padding:30px 0 6px;border-top:1px solid var(--rule)}
.form legend{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 12px 0 0}
.form .field{margin-bottom:18px}
.form label.lbl{display:block;font-weight:600;font-size:.9375rem;color:var(--navy);margin-bottom:5px}
.form label.lbl .req{color:var(--accent-dk)}
.form label.lbl .opt{font-weight:400;color:var(--muted);font-size:.875rem}
.form .help{color:var(--muted);font-size:.875rem;margin:2px 0 14px;max-width:var(--measure)}
.form input[type=text],.form input[type=email],.form select,.form textarea{
  width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--rule-strong);
  border-radius:var(--radius-sm);font:inherit;font-size:1rem;color:var(--ink);background:#fff;
}
.form textarea{min-height:120px;line-height:1.6;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 3px rgba(20,104,95,.16)}
.form .field-error{display:block;margin-top:5px;font-size:.875rem;font-weight:600;color:#B3261E}
.form .field-error::before{content:"\26A0  ";font-weight:400}
.form input[aria-invalid="true"],.form select[aria-invalid="true"],.form textarea[aria-invalid="true"]{border-color:#B3261E;border-width:2px}
.form .form-status{margin:16px 0 0;padding:12px 16px;border-radius:6px;font-size:.9375rem;font-weight:600}
.form .form-status.is-ok{background:var(--surface-teal);color:var(--brand-teal)}
.form .form-status.is-err{background:#FDECEA;color:#B3261E}
.form input[type=file]{width:100%;padding:11px;border:1px dashed var(--rule-strong);border-radius:var(--radius-sm);background:var(--surface-alt);font-size:.9375rem}
.form .rowfields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.form .check{display:flex;gap:10px;align-items:flex-start;margin:9px 0;font-size:.9375rem;color:var(--ink)}
.form .check input{margin-top:4px;width:18px;height:18px;accent-color:var(--brand-teal);flex:0 0 auto}
.form .radiogroup{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.form .radiogroup.is-inline{flex-direction:row;gap:20px;flex-wrap:wrap}
.form .radiogroup label{display:flex;gap:8px;align-items:flex-start;font-size:.9375rem;cursor:pointer}
.form .radiogroup input{margin-top:4px;width:18px;height:18px;accent-color:var(--brand-teal);flex:0 0 auto}
.form .counter{font-size:.8125rem;color:var(--muted);text-align:right;margin-top:3px}
.form .counter.is-over{color:#B3261E;font-weight:600}
.form .subpanel{border:1px solid var(--rule);border-radius:var(--radius);padding:22px;margin-top:10px;background:var(--surface-alt)}
.form .actions{margin:32px 0 0}
@media (max-width:640px){.form .rowfields{grid-template-columns:minmax(0,1fr)}}

/* ---------- Motion ----------------------------------------------------- */
/* No entrance animations: content is painted visible on first render.      */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}

/* ---------- Print ----------------------------------------------------- */
@media print{
  .site-head,.nav-toggle,.head-cta,.hero__tools,.hero__proglink,.subscribe,.hero__actions{display:none}
  body{font-size:11pt}
  a{text-decoration:none;color:#000}
}

/* ---------- Document-page content helpers ----------------------------- */
/* fixed layout lets cells wrap instead of forcing the page wider than the
   screen when a reader enlarges text                                      */
.docbody table{font-size:.9375rem;margin:16px 0;table-layout:fixed}
.docbody .tablewrap table{table-layout:auto}
.docbody table th,.docbody table td{text-align:left;padding:11px 16px 11px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.docbody table thead th{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule-strong)}
.docbody table td:first-child,.docbody table th:first-child{font-weight:600;color:var(--navy)}
.docbody table.plain td:first-child{width:34%}
.docbody table tr:last-child td{border-bottom:none}
.amount{display:flex;gap:30px;flex-wrap:wrap;margin:16px 0;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.amount div{min-width:118px}
.amount b{display:block;font-size:1.375rem;font-weight:600;color:var(--navy);line-height:1.2}
.amount small{color:var(--muted);font-size:.8125rem}
dl.struct{display:grid;grid-template-columns:132px minmax(0,1fr);gap:0 24px;margin:14px 0;font-size:.9375rem}
dl.struct dt{font-weight:600;color:var(--navy);padding:9px 0;border-top:1px solid var(--rule)}
dl.struct dd{margin:0;color:var(--ink);padding:9px 0;border-top:1px solid var(--rule)}
@media (max-width:620px){
  dl.struct{grid-template-columns:minmax(0,1fr)}
  dl.struct dt{padding-bottom:0}
  dl.struct dd{border-top:none;padding-top:2px}
}
.refundtable td:last-child{text-align:right;white-space:nowrap;font-weight:600;color:var(--navy)}