/* ============================================================
   SnapCentral
   Brand Foundation v2.3

   Structural reference: Tretsven & Associates website system
   Independent palette: Deep Ocean / Maker Teal

   Preserve the Tretsven family resemblance through typography,
   layout, hierarchy, cards, and interaction patterns. Do not use
   Tretsven's gold palette as the SnapCentral primary identity.
   ============================================================ */

:root{
  --bg:#051116;
  --bg2:#081920;
  --panel:#0b1d24;
  --panel2:#102832;
  --panel3:#153540;
  --text:#f4fbfc;
  --muted:#b6cbd1;
  --soft:#8faab2;
  --teal:#35d6c4;
  --teal2:#79f0e2;
  --blue:#5aabf7;
  --orange:#ff8b52;
  --green:#59dfa0;
  --violet:#a995ff;
  --gold:#edc36b;
  --line:rgba(195,235,239,.18);
  --accent-line:rgba(53,214,196,.46);
  --shadow:0 22px 54px rgba(0,0,0,.34);
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

html,body{overflow-x:hidden}
@supports (overflow:clip){
  html,body{overflow-x:clip}
}

body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 0%,rgba(53,214,196,.12),transparent 29%),
    radial-gradient(circle at 92% 8%,rgba(90,171,247,.09),transparent 25%),
    linear-gradient(180deg,var(--bg),var(--bg2) 46%,var(--bg));
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:16px;
}

a{color:inherit;text-decoration:none}

.skip-link{
  position:fixed;
  z-index:2000;
  top:8px;
  left:8px;
  padding:10px 14px;
  border-radius:4px;
  transform:translateY(-150%);
  background:#fff;
  color:#04151a;
  font-weight:850;
}
.skip-link:focus{transform:translateY(0)}

.container{
  width:96vw;
  max-width:none;
  margin:auto;
}

/* Tretsven-format header with SnapCentral identity */
.nav{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(3,14,18,.92);
  border-bottom:1px solid var(--line);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

.nav-inner{
  min-height:108px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  position:relative;
}

.brand{
  display:flex;
  align-items:center;
  gap:16px;
  flex:0 0 auto;
  position:relative;
  z-index:3;
}

.logo{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border:1px solid rgba(121,240,226,.56);
  border-radius:8px;
  background:
    linear-gradient(145deg,rgba(53,214,196,.26),rgba(90,171,247,.10)),
    var(--panel2);
  color:var(--teal2);
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  font-weight:700;
  letter-spacing:.04em;
  box-shadow:inset 0 0 0 4px rgba(5,17,22,.42),0 12px 28px rgba(0,0,0,.30);
}

.brand-cover{
  width:128px;
  height:72px;
  flex:0 0 auto;
  display:block;
  object-fit:cover;
  border:1px solid rgba(121,240,226,.56);
  border-radius:8px;
  box-shadow:0 12px 28px rgba(0,0,0,.30);
}

.brand strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
  line-height:1.05;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:#fff;
}

.brand>div>span{
  display:block;
  margin-top:7px;
  max-width:390px;
  color:var(--teal2);
  font-size:13px;
  font-weight:700;
  letter-spacing:.20em;
  text-transform:uppercase;
}

/* Larger presentation for the approved SnapCentral Home-page identity. */
.home-brand{gap:22px}
.home-brand .brand-cover{width:414px;height:234px}
.home-brand strong{font-size:57px}
.home-brand>div>span{max-width:620px;font-size:22.5px;line-height:1.45;letter-spacing:.14em}
.home-brand strong .brand-word-snap,
.home-brand strong .brand-word-central{display:inline;margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit}
.home-brand strong .brand-word-snap{color:#fff}
.home-brand strong .brand-word-central{color:#38bdf2}
.home-brand .brand-tagline{
  position:relative;
  max-width:650px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:none;
}
.home-brand .tagline-line{display:block}
.home-brand .tagline-silver{
  color:#e6e9ed;
  background:linear-gradient(180deg,#fff 5%,#d7dce2 48%,#949ba5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.home-brand .tagline-gold{
  margin-top:.08em;
  color:#e7bd68;
  background:linear-gradient(180deg,#fff0b0 0%,#e9bd67 48%,#a76a25 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.home-brand .tagline-empower-word{
  text-shadow:0 0 5px rgba(255,244,199,.85),0 0 12px rgba(234,184,77,.62),0 0 22px rgba(205,125,36,.42);
}
.home-brand .tagline-spark-word{
  position:relative;
  white-space:nowrap;
  text-shadow:0 0 4px rgba(255,255,255,.92),0 0 10px rgba(210,225,239,.72),0 0 19px rgba(151,195,228,.42);
}
.nav-inner.home-nav-inner{
  flex-direction:column;
  align-items:stretch;
  padding:16px 0 12px;
}
.home-nav{position:relative;top:auto;border-bottom:0}
.home-header-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.home-header-row .home-brand{flex:1 1 auto;min-width:0}
.home-header-row .home-brand>div{min-width:0}
.home-header-actions{
  flex:0 0 245px;
  align-items:stretch;
  flex-direction:column;
  margin:0!important;
}
.site-page .home-header-actions .btn{width:100%;text-align:center}
.demo-continuation-section{padding-top:10px}
.demo-continuation{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  padding:22px 24px;
  border-left:4px solid var(--teal);
  background:linear-gradient(120deg,rgba(81,216,194,.12),rgba(90,171,247,.08));
}
.demo-continuation h2{margin:.3rem 0 .45rem}
.demo-continuation p{max-width:820px;margin-bottom:0}
.demo-continuation .btns{margin:0;justify-content:flex-end}
.demo-continuation .btn{white-space:nowrap}
.demo-learning-section{padding-top:10px;scroll-margin-top:125px}
#printer-nozzle-settings,
#layer-height-effects{scroll-margin-top:125px}
.demo-learning-section .section-head{margin-bottom:14px}
.demo-choice-grid{margin-top:16px}
.demo-choice-grid .info-card{display:flex;flex-direction:column}
.demo-choice-grid .text-link{margin-top:auto}
.demo-result-next{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:18px;
  padding:16px 18px;
  border:1px solid rgba(81,216,194,.3);
  border-radius:8px;
  background:rgba(81,216,194,.07);
}
.demo-result-next p{margin:.25rem 0 0}
.demo-result-next .btn{flex:0 0 auto}
.demo-academy-more{
  margin-top:18px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.025);
}
.demo-academy-more>.btns{margin-top:10px}
.demo-entry-section{scroll-margin-top:125px}
#information-groups,
#profile-seed{scroll-margin-top:125px}
.demo-page-purpose{margin-top:18px}
.demo-top-actions{margin-top:14px}
.home-nav-inner>.links{width:100%;justify-content:flex-start}

.home-hero-heading{
  display:block;
}
.home-hero-heading h1{margin-top:0}
.home-action-strip{
  padding:6px 0 8px;
  border-bottom:1px solid var(--line);
  background:rgba(3,14,18,.72);
}
.site-page .home-action-strip .home-hero-actions{margin:0}
.site-page .home-action-strip+.hero{padding:14px 0 10px}
.site-page .home-hero-heading h1{margin:0 0 10px}

.links{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:clamp(18px,1.8vw,34px);
  flex-wrap:wrap;
}

.links a{
  padding:10px 0;
  border-bottom:2px solid transparent;
  color:#edf8fa;
  font-size:15px;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.links a:hover,
.links a:focus-visible{
  color:var(--teal2);
  border-color:var(--teal);
}

/* Page hierarchy */
.hero{
  padding:42px 0 24px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 82% 20%,rgba(53,214,196,.13),transparent 27%),
    linear-gradient(135deg,rgba(5,17,22,.30),rgba(16,40,50,.48) 62%,rgba(5,17,22,.30));
}

.section{padding:24px 0}

.card,
.feature-card{
  position:relative;
  background:rgba(11,29,36,.94);
  border:1px solid var(--accent-line);
  border-radius:8px;
  box-shadow:var(--shadow);
}

.card{padding:36px 38px}
.feature-card{padding:27px 28px;min-height:180px}

.card:before,
.feature-card:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:8px 8px 0 0;
  background:linear-gradient(90deg,var(--teal2),var(--blue),rgba(90,171,247,.05));
}

.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.grid{display:grid;gap:20px}
.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.four{grid-template-columns:repeat(4,minmax(0,1fr))}

.eyebrow{
  color:var(--teal2);
  text-transform:uppercase;
  letter-spacing:.23em;
  font-size:14px;
  font-weight:800;
}

.badge{
  display:inline-flex;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:4px;
  background:rgba(255,255,255,.055);
  color:#eff9fa;
  font-size:12px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.green{background:rgba(89,223,160,.12);border-color:rgba(89,223,160,.34);color:#c9ffe4}
.blue{background:rgba(90,171,247,.13);border-color:rgba(90,171,247,.34);color:#d8ecff}
.violet{background:rgba(169,149,255,.13);border-color:rgba(169,149,255,.32);color:#e7e0ff}

h1,h2,h3{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  text-transform:uppercase;
}

h1{
  max-width:1180px;
  margin:18px 0 14px;
  font-size:clamp(34px,2.75vw,48px);
  line-height:1.02;
  letter-spacing:.025em;
}

h2{
  margin:0 0 16px;
  font-size:clamp(24px,1.65vw,34px);
  line-height:1.08;
  letter-spacing:.035em;
}

h3{
  margin:14px 0 10px;
  font-size:clamp(17px,1.1vw,22px);
  line-height:1.12;
  letter-spacing:.035em;
}

p{
  margin:9px 0;
  color:var(--muted);
  font-size:clamp(17px,1.12vw,23px);
  line-height:1.58;
}

.big{max-width:1160px;font-size:clamp(20px,1.35vw,28px)}

.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:14px 22px;
  border:1px solid transparent;
  border-radius:4px;
  background:linear-gradient(180deg,var(--teal2),var(--teal));
  color:#031411;
  font-size:14px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}

.btn.primary{
  border-color:transparent;
  background:linear-gradient(180deg,var(--teal2),var(--teal));
  color:#031411;
}

.btn:hover,.btn:focus-visible{transform:translateY(-2px);border-color:transparent;background:linear-gradient(180deg,#a9fff5,#58e5d5);color:#031411}
.text-link{color:var(--teal2);font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.text-link:hover,.text-link:focus-visible{color:#fff}

.section-head{margin-bottom:14px}
.summary-badges{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.status-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.status-band>div{padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.035)}
.status-band span{display:block;margin-bottom:5px;color:var(--soft);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.status-band strong{display:block;color:#fff;font-size:14px;line-height:1.35}
.action-card{display:flex;align-items:center;justify-content:space-between;gap:28px}
.action-card>div:first-child{max-width:1050px}
.action-card .btns{flex:0 0 auto;margin-top:0}
.question-list,.evidence-list{margin:14px 0;padding-left:1.3em;color:var(--muted)}
.question-list li,.evidence-list li{margin:8px 0;font-size:clamp(14px,.94vw,18px);line-height:1.45}
.review-path .feature-card{display:flex;flex-direction:column}
.review-path .feature-card p:last-child{margin-top:auto;padding-top:8px}
.example-link{font-size:13px}
.illustrative-notice{margin-bottom:16px}
.example-accordions{display:grid;gap:10px;margin-top:16px}
.example-detail{
  scroll-margin-top:125px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:7px;
  background:rgba(11,29,36,.76);
}
.example-detail[open]{border-color:var(--accent-line)}
.example-detail summary{
  display:grid;
  grid-template-columns:minmax(120px,.25fr) minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:16px 18px;
  color:#fff;
  cursor:pointer;
  list-style-position:inside;
}
.example-detail summary::marker{color:var(--teal2)}
.example-detail summary span{color:var(--teal2);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:none}
.example-detail summary strong{font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:400;text-transform:none}
.example-body{padding:2px 18px 18px;border-top:1px solid var(--line)}
.example-record{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.035)}
.example-record dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:14px 0 0}
.example-record dl>div{display:grid;grid-template-columns:minmax(118px,.38fr) minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.example-record dt{color:var(--soft);font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.example-record dd{margin:0;color:#e1eff2;font-size:13px;line-height:1.45}

/* Product components */
.viewer{
  min-height:340px;
  display:grid;
  place-items:center;
  border:1px solid var(--accent-line);
  border-radius:8px;
  background:
    radial-gradient(circle at 35% 25%,rgba(53,214,196,.24),transparent 34%),
    linear-gradient(145deg,var(--panel3),var(--panel));
}

.cube{
  width:160px;
  height:160px;
  border:1px solid rgba(121,240,226,.55);
  border-radius:18px;
  background:linear-gradient(135deg,var(--teal),var(--blue));
  box-shadow:26px 26px 0 rgba(255,139,82,.16),-24px -20px 0 rgba(90,171,247,.16);
  transform:rotate(-8deg);
}

.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}

.tab{
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:4px;
  background:rgba(255,255,255,.055);
  color:#e8f5f7;
  font-size:12px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.tab.active{border-color:transparent;background:var(--teal);color:#031411}

.checklist{display:grid;gap:10px}

.check{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border:1px solid var(--line);
  border-radius:6px;
  background:rgba(255,255,255,.045);
}

.tick{
  width:24px;
  height:24px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:4px;
  background:var(--green);
  color:#04150e;
  font-weight:950;
}

.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:#e1eff2;font-size:15px}
.table th{background:rgba(53,214,196,.08);color:#fff;text-transform:uppercase;letter-spacing:.055em}

.flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.num{width:32px;height:32px;display:grid;place-items:center;margin-bottom:12px;border-radius:4px;background:var(--teal);color:#031411;font-weight:950}

.footer{
  margin-top:28px;
  padding:42px 0;
  border-top:1px solid var(--line);
  color:var(--soft);
  font-size:15px;
}

:focus-visible{outline:3px solid rgba(121,240,226,.48);outline-offset:4px}

@media(max-width:1350px){
  .nav-inner{min-height:92px}
  .logo{width:60px;height:60px;font-size:21px}
  .brand-cover{width:107px;height:60px}
  .brand strong{font-size:24px}
  .brand>div>span{max-width:330px;font-size:11px}
  .home-brand{gap:19px}
  .home-brand .brand-cover{width:351px;height:198px}
  .home-brand strong{font-size:48px}
  .home-brand>div>span{max-width:570px;font-size:19.5px;line-height:1.42;letter-spacing:.12em}
  .links{gap:16px}
  .links a{font-size:13px}
  .four{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:1100px){
  .nav-inner{align-items:flex-start;flex-direction:column;padding:16px 0}
  .links{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:0 0 8px}
  .links a{white-space:nowrap}
  .hero-grid,.two,.three,.flow{grid-template-columns:1fr}
  .action-card{align-items:flex-start;flex-direction:column}
  .action-card .btns{margin-top:4px}
}

@media(max-width:700px){
  .container{width:92vw}
  .logo{width:52px;height:52px;font-size:18px}
  .brand{gap:10px}
  .brand-cover{width:92px;height:52px}
  .brand strong{font-size:20px}
  .brand>div>span{max-width:220px;font-size:9px;letter-spacing:.10em;line-height:1.35}
  .home-brand{gap:12px}
  .home-brand .brand-cover{width:252px;height:141.75px}
  .home-brand strong{font-size:34.5px}
  .home-brand>div>span{max-width:310px;font-size:13.5px;line-height:1.35;letter-spacing:.08em}
  .home-brand{width:100%;align-items:flex-start;flex-direction:column}
  .home-brand>div{width:100%;max-width:100%}
  .home-brand strong,.home-brand>div>span{max-width:100%}
  .home-header-row{align-items:flex-start;flex-direction:column;gap:14px}
  .home-header-actions{width:100%;flex:0 0 auto}
  .hero{padding-top:26px}
  .card,.feature-card{padding:24px 22px}
  .four{grid-template-columns:1fr}
  h1{font-size:32px}
  .btn{width:100%}
  .viewer{min-height:270px}
  .table{display:block;overflow-x:auto}
  .status-band{grid-template-columns:1fr}
  .example-detail summary{grid-template-columns:1fr;gap:5px}
  .example-record dl{grid-template-columns:1fr}
  .example-record dl>div{grid-template-columns:1fr;gap:4px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn{transition:none}
}

/* ============================================================
   Cute Dragon Model Card - Website Update 2.9
   ============================================================ */

.model-hero{padding:42px 0 26px;border-bottom:1px solid var(--line)}

.model-shell{
  display:grid;
  grid-template-columns:240px minmax(520px,1fr);
  gap:28px;
  align-items:start;
}

.dragon-preview{
  min-height:610px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:28px;
  border:1px solid var(--accent-line);
  border-radius:8px;
  background:
    radial-gradient(circle at 24% 20%,rgba(53,214,196,.28),transparent 28%),
    radial-gradient(circle at 82% 76%,rgba(255,139,82,.18),transparent 27%),
    linear-gradient(145deg,#153541,#07171d 72%);
  box-shadow:var(--shadow);
}

.dragon-preview:before,.dragon-preview:after{
  content:"";
  position:absolute;
  border:1px solid rgba(121,240,226,.14);
  border-radius:50%;
}

.dragon-preview:before{width:420px;height:420px;left:-155px;top:85px}
.dragon-preview:after{width:280px;height:280px;right:-90px;bottom:70px}

.preview-kicker,.preview-footer,.color-map{position:relative;z-index:2}
.preview-kicker{font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--teal2)}

.preview-mark{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.preview-sc{font-family:Georgia,"Times New Roman",serif;font-size:clamp(110px,10vw,190px);line-height:.8;color:rgba(121,240,226,.12);letter-spacing:-.08em}
.preview-model{margin-top:-8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,3.5vw,64px);letter-spacing:.14em;color:#fff}

.preview-footer{display:flex;gap:10px;flex-wrap:wrap}
.preview-footer span{padding:7px 10px;border:1px solid var(--line);border-radius:4px;background:rgba(5,17,22,.55);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e8f8fa}

.color-map{position:absolute;right:26px;top:26px;display:flex;gap:8px;padding:8px;border:1px solid var(--line);border-radius:999px;background:rgba(5,17,22,.66)}
.color-chip{width:18px;height:18px;border:2px solid rgba(255,255,255,.72);border-radius:50%}
.color-red{background:#f33}.color-black{background:#050505}.color-white{background:#fff}.color-yellow{background:#ffe11a}

.model-summary{padding:10px 4px 10px 8px;display:flex;flex-direction:column;justify-content:center}
.summary-badges{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
.status-pending{background:rgba(255,139,82,.12);border-color:rgba(255,139,82,.38);color:#ffd8c3}
.model-summary h1{margin:9px 0 12px}
.source-title{margin:0 0 12px;color:var(--soft);font-size:16px}
.source-title strong{color:#dcebed}
.model-lead{font-size:clamp(17px,1.12vw,23px);max-width:860px}
.model-lead a,.info-card a{color:var(--teal2);font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}

.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}
.spec{padding:14px 15px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.035)}
.spec span{display:block;margin-bottom:6px;color:var(--soft);font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.spec strong{display:block;color:#fff;font-size:15px;line-height:1.35}
.material-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin:-7px 0 13px}
.material-pill{display:inline-flex;padding:7px 10px;border:1px solid var(--line);border-radius:4px;font-size:12px;font-weight:850;letter-spacing:.035em}
.material-pill.red{border-color:#ff6b63;background:#d9231b;color:#fff}
.material-pill.black{border-color:#68747a;background:#080b0c;color:#fff}
.material-pill.white{border-color:#d6dfe1;background:#fff;color:#172228}
.material-pill.yellow{border-color:#ffe35e;background:#f1dc12;color:#171a16}
.variance-note{margin:0 0 20px;color:#ffd8c3;font-size:13px}

.verification-strip{display:flex;gap:12px;align-items:flex-start;padding:16px;border-left:3px solid var(--orange);background:rgba(255,139,82,.08)}
.verification-strip div{display:grid;gap:3px}
.verification-strip strong{color:#fff}.verification-strip span{color:var(--muted);font-size:14px}
.status-dot{width:12px;height:12px;flex:0 0 auto;margin-top:4px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,139,82,.12)}
.file-boundary{margin-top:16px;color:var(--soft);font-size:13px}

.model-print-details{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:10px 16px;
  align-items:stretch;
  padding-top:2px;
}
.model-print-details .spec-grid{
  grid-column:1/-1;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin:0;
}
.model-print-details .spec{padding:9px 10px}
.model-print-details .material-breakdown{grid-column:1;margin:0;align-content:start}
.model-print-details .verification-strip{grid-column:2;grid-row:2/span 2;padding:11px 13px}
.model-print-details .btns{grid-column:1;gap:8px;margin:0}
.model-print-details .btn{min-height:38px;padding:9px 14px;font-size:11px}
.model-print-details .file-boundary{grid-column:1/-1;margin:0;font-size:10px}

.model-card-section{scroll-margin-top:120px}
.model-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 10px;border-bottom:1px solid var(--line)}
.model-tabs button{flex:0 0 auto;padding:13px 17px;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.04);color:#dcebed;font:inherit;font-size:13px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.model-tabs button[aria-selected="true"]{border-color:var(--teal);background:var(--teal);color:#031411}

.model-panel{padding:38px 0 10px}
.model-panel[hidden]{display:none}
.panel-heading{max-width:1120px;margin-bottom:26px}
.panel-heading h2{margin-top:10px}
.content-grid{display:grid;gap:18px}.content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.info-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:7px;background:rgba(11,29,36,.78)}
.overview-info-grid .info-card{padding:20px}
.card-label{color:var(--teal2);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.info-card h3{margin-top:12px}
.model-card-section .info-card{font-size:80%}
.model-card-section .info-card h3{font-size:clamp(17px,1vw,21px)}
.model-card-section .info-card .card-label{font-size:9px}

.notice{display:grid;gap:12px;align-items:flex-start;margin-top:20px;padding:17px 19px;border-left:3px solid var(--blue);background:rgba(90,171,247,.08)}
.notice strong{flex:0 0 auto;color:#fff;text-transform:uppercase;letter-spacing:.05em}.notice span{color:var(--muted)}
.warning-notice{border-color:var(--orange);background:rgba(255,139,82,.08)}
.publishing-gate-return-notice{display:grid}
.picture-gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin-top:22px}
.picture-slot{display:flex;min-height:220px;flex-direction:column;justify-content:flex-end;padding:22px;border:1px dashed rgba(81,216,194,.5);border-radius:7px;background:linear-gradient(145deg,rgba(81,216,194,.08),rgba(90,171,247,.05));color:#fff}
.picture-slot.hero-view{min-height:270px}
.picture-slot span{color:var(--teal2);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.picture-slot strong{margin-top:8px;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:400}
.picture-slot small{margin-top:6px;color:var(--soft)}
.bom-notes{margin-top:20px}
.lesson-anchor{scroll-margin-top:110px}

.settings-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:7px}
.settings-wrap>h3{margin:0;padding:20px 16px 12px;background:rgba(11,29,36,.92)}
.settings-table{width:100%;border-collapse:collapse;min-width:760px;background:rgba(11,29,36,.72)}
.settings-table th,.settings-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.settings-table tr:last-child th,.settings-table tr:last-child td{border-bottom:0}
.settings-table th{width:22%;color:#fff;font-family:Georgia,"Times New Roman",serif;font-weight:400;text-transform:uppercase;letter-spacing:.035em}
.settings-table td{color:var(--muted)}
.settings-table td:last-child{width:18%;text-align:right}
.state{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:4px;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.state.inspected{border-color:rgba(90,171,247,.36);background:rgba(90,171,247,.10);color:#d8edff}
.state.attention{border-color:rgba(255,139,82,.40);background:rgba(255,139,82,.10);color:#ffd8c3}
.state.pending{border-color:rgba(169,149,255,.36);background:rgba(169,149,255,.10);color:#e8e1ff}

.verification-list{display:grid;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:rgba(11,29,36,.72)}
.verification-list>div{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.verification-list>div:last-child{border-bottom:0}
.verification-list>div>span:last-child{color:var(--soft);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.status-dot.verified{background:var(--green);box-shadow:0 0 0 5px rgba(89,223,160,.11)}
.status-dot.partial{background:var(--blue);box-shadow:0 0 0 5px rgba(90,171,247,.11)}
.status-dot.pending-dot{background:var(--violet);box-shadow:0 0 0 5px rgba(169,149,255,.11)}
.public-status{display:grid;gap:7px;margin-top:22px;padding:22px;border:1px solid rgba(255,139,82,.38);border-radius:7px;background:rgba(255,139,82,.075)}
.public-status span{color:#ffd8c3;font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.public-status strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,1.6vw,34px);font-weight:400;text-transform:uppercase}
.attribution{margin-top:22px;font-size:14px;color:var(--soft)}
code{padding:.12em .34em;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.05);color:var(--teal2)}

@media(max-width:1100px){
  .model-shell{grid-template-columns:1fr}
  .dragon-preview{min-height:460px}
  .model-summary{padding:8px 0}
  .content-grid.three{grid-template-columns:1fr}
  .content-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .picture-gallery{grid-template-columns:1fr}
  .picture-slot,.picture-slot.hero-view{min-height:190px}
}

@media(max-width:700px){
  .model-hero{padding-top:24px}
  .dragon-preview{min-height:360px;padding:20px}
  .color-map{right:18px;top:18px}
  .preview-footer{max-width:75%}
  .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-grid.two{grid-template-columns:1fr}
  .content-grid.four{grid-template-columns:1fr}
  .notice{display:grid}
  .verification-list>div{grid-template-columns:22px 1fr}
  .verification-list>div>span:last-child{grid-column:2}
}

/* Print Verified Model Card */
.photo-preview{
  width:203px;
  height:270px;
  min-height:270px;
  max-height:270px;
  justify-self:center;
  align-self:start;
  padding:0;
  isolation:isolate;
  background:#07171d;
}

.photo-preview:before,.photo-preview:after{z-index:1;pointer-events:none}
.photo-preview>img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.photo-preview .preview-kicker,
.photo-preview .photo-caption,
.photo-preview .preview-footer,
.photo-preview .color-map{display:none}
.photo-shade{
  position:absolute;
  z-index:2;
  inset:0;
  background:linear-gradient(180deg,rgba(2,12,16,.18) 0%,rgba(2,12,16,0) 38%,rgba(2,12,16,.92) 100%);
}
.photo-preview .preview-kicker,.photo-preview .color-map,.photo-preview .preview-footer,.photo-caption{
  position:absolute;
  z-index:3;
}
.photo-preview .preview-kicker{top:14px;left:16px;padding:6px 8px;border:1px solid rgba(255,255,255,.25);border-radius:4px;background:rgba(3,18,23,.74);font-size:9px}
.photo-preview .color-map{top:14px;right:16px;gap:5px;padding:6px}
.photo-preview .color-chip{width:13px;height:13px;border-width:1px}
.photo-preview .preview-footer{right:16px;bottom:14px;left:16px;gap:6px}
.photo-preview .preview-footer span{padding:5px 7px;font-size:9px}
.photo-caption{right:16px;bottom:52px;left:16px;display:grid;gap:2px;color:#fff}
.photo-caption strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(17px,1.3vw,24px);font-weight:400}
.photo-caption span{color:#dcebed;font-size:10px}
.status-verified{border-color:rgba(89,223,160,.48);background:rgba(89,223,160,.13);color:#c9ffe7}
.verified-strip{border-left-color:var(--green);background:rgba(89,223,160,.07)}
.verified-strip .status-dot{background:var(--green);box-shadow:0 0 0 5px rgba(89,223,160,.11)}

.gallery-carousel{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  padding:0 clamp(46px,4.5vw,78px);
  overflow:hidden;
  box-sizing:border-box;
}
.verified-gallery{
  display:flex;
  gap:14px;
  width:100%;
  margin:42px 0 0;
  padding:2px 0 10px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  overscroll-behavior-inline:contain;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  scrollbar-color:rgba(121,240,226,.45) transparent;
}
.verified-gallery::-webkit-scrollbar{height:7px}
.verified-gallery::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(121,240,226,.45)}
.verified-gallery::-webkit-scrollbar-track{background:transparent}
.gallery-photo{
  position:relative;
  min-height:210px;
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:7px;
  background:#07171d;
}
.gallery-photo.hero-view{grid-row:span 2;min-height:434px}
.gallery-photo.workflow-view{grid-column:1/-1;min-height:320px}
.gallery-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.verified-gallery .gallery-photo{
  display:grid;
  grid-template-columns:165px minmax(0,1fr);
  flex:0 0 360px;
  height:220px;
  min-height:0;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  background:rgba(11,29,36,.78);
}
.verified-gallery .gallery-photo img{
  position:static;
  width:165px;
  height:220px;
  margin:0;
  object-fit:cover;
  object-position:center;
}
.verified-gallery .gallery-photo img{cursor:zoom-in}
.verified-gallery .gallery-photo img:focus{outline:3px solid var(--teal2);outline-offset:-5px}
.gallery-photo.workflow-view img{object-position:center 46%}
.gallery-photo.top-view img{object-position:center 36%}
.gallery-photo.bottom-view img{object-position:center 44%}
.gallery-photo:hover img{transform:scale(1.018)}
.gallery-photo figcaption{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  padding:38px 17px 15px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  background:linear-gradient(transparent,rgba(2,12,16,.9));
}
.verified-gallery .gallery-photo figcaption{
  position:static;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  padding:18px;
  background:rgba(11,29,36,.96);
  text-align:left;
  overflow-wrap:anywhere;
}
.verified-gallery .gallery-photo figcaption span{color:var(--teal2);font-size:9px}
.verified-gallery .gallery-photo figcaption strong{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:400;line-height:1.2}
.verified-gallery .gallery-photo figcaption small{color:var(--muted);font-size:11px;font-weight:600;line-height:1.4;text-transform:none}
.gallery-arrow{
  position:absolute;
  z-index:5;
  top:50%;
  width:46px;
  height:70px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:7px;
  transform:translateY(-42%);
  background:rgba(235,245,247,.96);
  box-shadow:0 6px 20px rgba(0,0,0,.28);
  color:#17313a;
  font-size:25px;
  font-weight:900;
  cursor:pointer;
}
.gallery-arrow-prev{left:8px}
.gallery-arrow-next{right:8px}
.gallery-arrow:hover{background:#fff}
.gallery-arrow:focus-visible{outline:3px solid var(--teal2);outline-offset:3px}
.gallery-arrow:disabled{opacity:.32;cursor:default}
.gallery-slideshow-toggle{
  position:absolute;
  z-index:6;
  top:3px;
  right:clamp(46px,4.5vw,78px);
  min-height:30px;
  padding:6px 11px;
  border:1px solid rgba(121,240,226,.38);
  border-radius:5px;
  background:rgba(11,29,36,.94);
  color:#dffcf8;
  font:inherit;
  font-size:10px;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}
.gallery-slideshow-toggle:hover{border-color:var(--teal2);background:#12323b}
.gallery-slideshow-toggle:focus-visible{outline:3px solid var(--teal2);outline-offset:3px}
.verified-state{border-color:rgba(89,223,160,.42);background:rgba(89,223,160,.10);color:#c9ffe7}
.success-notice{border-color:var(--green);background:rgba(89,223,160,.07)}
.verified-status{border-color:rgba(89,223,160,.38);background:rgba(89,223,160,.065)}
.verified-status span{color:#c9ffe7}
.quality-findings{margin-top:22px}
.gallery-zoom-tip{margin:10px 0 0;color:var(--soft);font-size:12px;text-align:center}

/* Compact hero copy keeps the model summary proportional to the reduced feature image. */
.model-summary{padding:4px 2px 4px 6px}
.model-summary .summary-badges{gap:6px;margin-bottom:12px}
.model-summary .badge{padding:5px 8px;font-size:10px}
.model-summary .eyebrow{font-size:11px}
.model-summary h1{margin:6px 0 8px;font-size:clamp(32px,2.35vw,48px)}
.model-summary .source-title{margin-bottom:8px;font-size:13px}
.model-summary .model-lead{font-size:clamp(15px,1vw,20px);line-height:1.42}
.model-summary .spec-grid{gap:7px;margin:14px 0}
.model-summary .spec{padding:9px 10px}
.model-summary .spec span{margin-bottom:4px;font-size:9px}
.model-summary .spec strong{font-size:12px}
.model-summary .material-breakdown{gap:6px;margin:-2px 0 9px}
.model-summary .material-pill{padding:5px 7px;font-size:10px}
.model-summary .verification-strip{gap:9px;padding:11px}
.model-summary .verification-strip strong{font-size:13px}
.model-summary .verification-strip span{font-size:11px}
.model-summary .btns{gap:8px;margin-top:14px}
.model-summary .btn{min-height:40px;padding:10px 15px;font-size:11px}
.model-summary .file-boundary{margin-top:8px;font-size:10px}
.lightbox-open{overflow:hidden}
.photo-lightbox[hidden]{display:none}
.photo-lightbox{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:56px 24px 30px;
  background:rgba(1,9,13,.94);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.photo-lightbox-image{max-width:92vw;max-height:82vh;object-fit:contain;border:1px solid rgba(255,255,255,.2);border-radius:7px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.photo-lightbox-close{position:absolute;top:18px;right:20px;padding:10px 15px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background:#102a33;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.photo-lightbox-close:focus{outline:3px solid var(--teal2);outline-offset:3px}
.photo-lightbox-caption{position:absolute;right:24px;bottom:10px;left:24px;margin:0;color:#dcebed;font-size:13px;text-align:center}
.diagnosis-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.diagnosis-gallery .gallery-photo{min-height:340px}
.academy-page .diagnosis-gallery{margin-right:auto;margin-left:auto}
.academy-page .diagnosis-gallery-four{width:72%;grid-template-columns:repeat(4,minmax(0,1fr))}
.academy-page .diagnosis-gallery-two{width:36%;grid-template-columns:repeat(2,minmax(0,1fr))}
.academy-page .diagnosis-gallery .gallery-photo{min-height:110px}
.academy-page .diagnosis-gallery .gallery-photo img{cursor:zoom-in}
.academy-page .diagnosis-gallery .gallery-photo img:focus{outline:3px solid var(--teal2);outline-offset:-4px}
.academy-page .diagnosis-gallery .gallery-photo figcaption{padding:24px 9px 7px;font-size:8px}
.academy-page .diagnosis-gallery .gallery-photo figcaption span,
.academy-page .diagnosis-gallery .gallery-photo figcaption small{display:none}
.term-link{color:var(--teal2);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.term-link:hover{color:#fff}
.term-link:focus-visible{outline:2px solid var(--teal2);outline-offset:3px;border-radius:2px}
.academy-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.academy-topic-card{display:flex;flex-direction:column;align-items:flex-start;min-height:245px}
.academy-topic-card p{flex:1}
.academy-topic-card .btn{margin-top:14px}
.academy-start-card{margin-top:4px}
.lesson-shell{width:min(94vw,1180px)}
.lesson-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--muted);font-size:13px}
.lesson-breadcrumb a{color:var(--teal2);font-weight:800}
.lesson-breadcrumb a:hover{text-decoration:underline}
.lesson-topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.lesson-topic-nav a{padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:rgba(13,38,47,.72);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.035em}
.lesson-topic-nav a:hover,.lesson-topic-nav a:focus-visible{border-color:var(--teal);color:#fff}
.lesson-picture-note{margin:10px 0 0;color:var(--soft);font-size:12px;text-align:center}
.workflow-step-lead{margin-top:16px}
.paint-tool-guide{margin:22px 0;padding:20px;border:1px solid var(--accent-line);border-radius:7px;background:rgba(8,25,32,.72)}
.paint-tool-guide .section-head{margin-bottom:16px}
.paint-tool-guide .section-head p{margin-bottom:0}
.paint-tool-guide>.warning-notice{margin:0 0 16px}
.paint-tool-grid .info-card{padding:18px}
.paint-tool-takeaway{margin-top:16px}
.workflow-followup-steps{margin-top:18px}
.academy-glossary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 0}
.academy-glossary-list>div{padding:15px 17px;border:1px solid var(--line);border-radius:6px;background:rgba(13,38,47,.62)}
.academy-glossary-list dt{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:18px;scroll-margin-top:140px}
.academy-glossary-list dd{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.academy-glossary-list dt:target{color:var(--teal2)}
.academy-glossary-list>div.glossary-linked-target{border-color:var(--teal);box-shadow:0 0 0 2px rgba(53,214,196,.16)}
.academy-glossary-list>div.glossary-linked-target dt{color:var(--teal2)}
.term-more-link{display:block;margin-top:8px;color:var(--teal2);font-size:12px;font-weight:800}
.term-more-link:hover,.term-more-link:focus-visible{text-decoration:underline}
.glossary-tools{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.25fr) auto;align-items:end;gap:14px;padding:18px;border:1px solid var(--line);border-radius:7px;background:rgba(13,38,47,.62)}
.glossary-tools label{display:grid;gap:4px}
.glossary-tools label strong{color:#fff;font-size:15px}
.glossary-tools label span,.glossary-tools p{margin:0;color:var(--muted);font-size:12px}
.glossary-tools input{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(121,240,226,.42);border-radius:5px;background:#07171d;color:#fff;font:inherit}
.glossary-tools input::placeholder{color:var(--soft)}
.glossary-tools input:focus{outline:3px solid rgba(121,240,226,.26);border-color:var(--teal2)}
.glossary-empty{margin-top:18px}
.guide-choice-grid{margin-bottom:18px}
.guide-choice-grid .info-card strong{color:var(--teal2)}
.guide-rating-note{margin-top:18px}
.comparison-table-wrap{overflow-x:auto;margin-top:18px;border:1px solid var(--line);border-radius:7px;background:rgba(7,23,29,.58);scrollbar-color:var(--teal) #07171d}
.comparison-table-wrap:focus{outline:3px solid rgba(121,240,226,.26);outline-offset:3px}
.comparison-table{display:table;min-width:1040px;margin:0}
.comparison-table th[scope="row"]{min-width:135px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:16px;text-transform:none;letter-spacing:0;scroll-margin-top:100px}
.comparison-table tr:target th,.comparison-table tr:target td{background:rgba(53,214,196,.10)}
.comparison-table td:nth-child(2){min-width:300px}
.comparison-table td:last-child{min-width:230px}
.rating{color:#ffd166;font-size:16px;letter-spacing:1px;white-space:nowrap}
.level{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
.level.easy{color:#8ff3b5;background:rgba(60,190,112,.10)}
.level.moderate{color:#ffd166;background:rgba(255,209,102,.10)}
.level.advanced{color:#ffaaa5;background:rgba(255,106,98,.10)}
.guide-footnote{margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.guide-footnote strong{color:#fff}
.source-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px}
.filament-table td:nth-child(2){min-width:260px}
.filament-table td:nth-child(4){min-width:330px}
.guide-detail-link{color:var(--teal2);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;font-weight:900}
.guide-detail-link:hover,.guide-detail-link:focus-visible{color:#fff;text-decoration-thickness:2px}
.detail-accordion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.guide-detail{border:1px solid var(--line);border-radius:7px;background:rgba(13,38,47,.62);scroll-margin-top:92px;overflow:hidden}
.guide-detail:target{border-color:var(--teal2);box-shadow:0 0 0 3px rgba(121,240,226,.12)}
.guide-detail summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;padding:12px 14px;color:#fff;cursor:pointer;list-style:none}
.guide-detail summary::-webkit-details-marker{display:none}
.guide-detail summary::after{content:"+";grid-column:3;color:var(--teal2);font-size:22px;font-weight:800}
.guide-detail[open] summary::after{content:"−"}
.guide-detail summary:focus-visible{outline:3px solid rgba(121,240,226,.26);outline-offset:-3px}
.guide-detail summary strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.25}
.guide-detail summary small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}
.detail-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:2px 14px 15px;border-top:1px solid var(--line)}
.detail-pros-cons>div{padding-top:12px}
.detail-pros-cons h3{margin:0 0 7px;font-family:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.055em}
.detail-pros-cons>div:first-child h3{color:#8ff3b5}
.detail-pros-cons>div:last-child h3{color:#ffaaa5}
.detail-pros-cons ul{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.55}
.pattern-swatch{display:block;width:68px;height:48px;border:1px solid rgba(121,240,226,.34);border-radius:5px;background-color:#07171d;box-shadow:inset 0 0 12px rgba(0,0,0,.45)}
.swatch-lines{background-image:repeating-linear-gradient(0deg,transparent 0 7px,rgba(121,240,226,.85) 7px 9px)}
.swatch-rectilinear{background-image:repeating-linear-gradient(45deg,transparent 0 8px,rgba(121,240,226,.85) 8px 10px)}
.swatch-grid{background-image:repeating-linear-gradient(0deg,transparent 0 10px,rgba(121,240,226,.75) 10px 12px),repeating-linear-gradient(90deg,transparent 0 10px,rgba(121,240,226,.75) 10px 12px)}
.swatch-triangles{background-image:repeating-linear-gradient(0deg,transparent 0 12px,rgba(121,240,226,.68) 12px 14px),repeating-linear-gradient(60deg,transparent 0 13px,rgba(121,240,226,.68) 13px 15px),repeating-linear-gradient(120deg,transparent 0 13px,rgba(121,240,226,.68) 13px 15px)}
.swatch-cubic{background-image:repeating-linear-gradient(30deg,transparent 0 14px,rgba(121,240,226,.72) 14px 16px),repeating-linear-gradient(90deg,transparent 0 14px,rgba(121,240,226,.72) 14px 16px),repeating-linear-gradient(150deg,transparent 0 14px,rgba(121,240,226,.72) 14px 16px)}
.swatch-adaptive{background-image:repeating-linear-gradient(35deg,transparent 0 9px,rgba(121,240,226,.76) 9px 11px,transparent 11px 24px,rgba(121,240,226,.76) 24px 26px),repeating-linear-gradient(145deg,transparent 0 15px,rgba(121,240,226,.62) 15px 17px)}
.swatch-support-cubic{background-image:linear-gradient(to top,rgba(7,23,29,.1),rgba(7,23,29,.92)),repeating-linear-gradient(30deg,transparent 0 11px,rgba(121,240,226,.8) 11px 13px),repeating-linear-gradient(150deg,transparent 0 11px,rgba(121,240,226,.8) 11px 13px)}
.swatch-gyroid{background-image:radial-gradient(ellipse at 0 50%,transparent 0 8px,rgba(121,240,226,.82) 9px 11px,transparent 12px),radial-gradient(ellipse at 100% 50%,transparent 0 8px,rgba(121,240,226,.82) 9px 11px,transparent 12px);background-size:28px 22px;background-position:0 0,14px 11px}
.swatch-honeycomb{background-image:repeating-linear-gradient(60deg,transparent 0 10px,rgba(121,240,226,.72) 10px 12px),repeating-linear-gradient(120deg,transparent 0 10px,rgba(121,240,226,.72) 10px 12px),repeating-linear-gradient(0deg,transparent 0 17px,rgba(121,240,226,.65) 17px 19px)}
.swatch-3d-honeycomb{background-image:linear-gradient(30deg,rgba(53,214,196,.18) 25%,transparent 25% 75%,rgba(53,214,196,.18) 75%),repeating-linear-gradient(60deg,transparent 0 10px,rgba(121,240,226,.76) 10px 12px),repeating-linear-gradient(120deg,transparent 0 10px,rgba(121,240,226,.76) 10px 12px)}
.swatch-lightning{background-image:linear-gradient(65deg,transparent 44%,rgba(121,240,226,.85) 45% 48%,transparent 49%),linear-gradient(115deg,transparent 52%,rgba(121,240,226,.78) 53% 56%,transparent 57%),linear-gradient(25deg,transparent 58%,rgba(121,240,226,.7) 59% 62%,transparent 63%)}
.material-symbol{display:grid;place-items:center;width:66px;min-height:48px;padding:5px;border:1px solid rgba(121,240,226,.34);border-radius:5px;background:linear-gradient(135deg,rgba(53,214,196,.18),rgba(7,23,29,.9));color:var(--teal2);font-size:11px;font-weight:950;line-height:1.15;text-align:center;letter-spacing:.04em}
.layer-height-example{width:min(64%,720px);margin:20px auto 0;border:1px solid var(--line);border-radius:7px;background:rgba(7,23,29,.72);overflow:hidden;box-shadow:0 15px 34px rgba(0,0,0,.26)}
.layer-height-example img{display:block;width:100%;aspect-ratio:16/8.3;object-fit:cover;object-position:center 58%;cursor:zoom-in}
.layer-height-example img:focus-visible{outline:4px solid var(--teal2);outline-offset:-4px}
.layer-height-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.layer-height-labels span{padding:9px 7px;text-align:center}
.layer-height-labels span+span{border-left:1px solid var(--line)}
.layer-height-labels strong{display:block;color:#fff;font-size:12px}
.layer-height-labels small{display:block;margin-top:2px;color:var(--muted);font-size:9px;line-height:1.3}
.layer-height-example figcaption{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;color:var(--muted);font-size:10px;line-height:1.4}
.layer-height-example figcaption strong{color:#fff}
.layer-height-example figcaption small{text-align:right}
.troubleshooting-evidence{margin-top:28px;margin-bottom:0}

@media(max-width:1100px){
  .links{scrollbar-width:none}
  .links::-webkit-scrollbar{display:none}
  .photo-preview{width:203px;height:270px;min-height:270px;max-height:270px}
  .verified-gallery{justify-content:flex-start}
  .gallery-photo.hero-view{grid-row:auto;min-height:280px}
  .gallery-photo.workflow-view{grid-column:span 2;min-height:280px}
  .diagnosis-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .academy-page .diagnosis-gallery-four{width:72%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .academy-page .diagnosis-gallery-two{width:36%;grid-template-columns:1fr}
  .academy-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .model-print-details .spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:700px){
  .links{flex-wrap:wrap;overflow:visible;gap:3px 14px;padding:8px 0 0}
  .links a{padding:6px 0;font-size:11px}
  .photo-preview{width:150px;height:200px;min-height:200px;max-height:200px}
  .photo-preview .preview-kicker{top:18px;left:18px}
  .photo-caption{right:18px;bottom:82px;left:18px}
  .photo-preview .preview-footer{right:18px;bottom:20px;left:18px;max-width:none}
  .gallery-carousel{width:100%;margin-left:0;padding:0 38px}
  .verified-gallery{width:100%}
  .gallery-photo,.gallery-photo.hero-view{min-height:220px}
  .verified-gallery .gallery-photo{grid-template-columns:135px minmax(0,1fr);flex-basis:min(320px,calc(100vw - 84px));height:180px;min-height:0}
  .verified-gallery .gallery-photo img{width:135px;height:180px}
  .verified-gallery .gallery-photo figcaption{gap:6px;padding:12px}
  .gallery-arrow{width:34px;height:58px;font-size:20px}
  .gallery-arrow-prev{left:10px}
  .gallery-arrow-next{right:10px}
  .gallery-slideshow-toggle{right:38px}
  .gallery-photo.workflow-view{grid-column:auto}
  .diagnosis-gallery{grid-template-columns:1fr}
  .diagnosis-gallery .gallery-photo{min-height:250px}
  .academy-page .diagnosis-gallery-four,.academy-page .diagnosis-gallery-two{width:72%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .academy-page .diagnosis-gallery .gallery-photo{min-height:80px}
  .academy-page .diagnosis-gallery .gallery-photo figcaption{padding:20px 6px 5px;font-size:7px}
  .academy-topic-grid{grid-template-columns:1fr}
  .academy-topic-card{min-height:0}
  .academy-glossary-list{grid-template-columns:1fr}
  .glossary-tools{grid-template-columns:1fr;align-items:stretch}
  .detail-accordion-grid{grid-template-columns:1fr}
  .detail-pros-cons{grid-template-columns:1fr;gap:0}
  .guide-detail summary{grid-template-columns:auto minmax(0,1fr)}
  .pattern-swatch{width:58px;height:44px}
  .material-symbol{width:58px}
  .layer-height-example{width:92%}
  .layer-height-example figcaption{display:block}
  .layer-height-example figcaption small{display:block;margin-top:3px;text-align:left}
  .model-print-details{grid-template-columns:1fr}
  .model-print-details .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .model-print-details .material-breakdown,
  .model-print-details .verification-strip,
  .model-print-details .btns,
  .model-print-details .file-boundary{grid-column:1;grid-row:auto}
}

@media(max-width:360px){
  .verified-gallery .gallery-photo figcaption{gap:4px;padding:10px}
  .verified-gallery .gallery-photo figcaption span{font-size:8px}
  .verified-gallery .gallery-photo figcaption strong{font-size:13px;line-height:1.15}
  .verified-gallery .gallery-photo figcaption small{display:none}
}

/* Shared compact page format: carries the Model Card proportions
   across the remaining SnapCentral pages. */
.links a[aria-current="page"]{color:var(--teal2);border-color:var(--teal)}
.site-page main{min-height:55vh}
.site-page .section{padding:18px 0}
.site-page .hero{padding:34px 0 18px}
.site-page .card{padding:24px 26px;box-shadow:0 15px 38px rgba(0,0,0,.28)}
.site-page .feature-card{min-height:0;padding:20px;box-shadow:0 15px 38px rgba(0,0,0,.24)}
.site-page h1{max-width:1020px;margin:10px 0 12px;font-size:clamp(30px,2.15vw,42px)}
.site-page h2{margin-bottom:12px;font-size:clamp(23px,1.5vw,31px)}
.site-page h3{margin:10px 0 7px;font-size:clamp(17px,.96vw,21px)}
.site-page p{margin:7px 0;font-size:clamp(14px,.94vw,18px);line-height:1.5}
.site-page .big{max-width:1060px;font-size:clamp(14px,.94vw,18px);line-height:1.5}
.site-page .eyebrow{font-size:11px}
.site-page .summary-badges{gap:7px;margin-bottom:12px}
.site-page .badge{padding:5px 8px;font-size:10px}
.site-page .btns{gap:8px;margin-top:16px}
.site-page .btn{min-height:40px;padding:10px 15px;font-size:11px}
.site-page .grid,.site-page .content-grid{gap:14px}
.site-page .info-card{padding:20px}
.site-page .info-card .card-label{font-size:9px}
.site-page .notice{margin-top:14px;padding:13px 15px}
.site-page .notice strong{font-size:12px}
.site-page .notice span{font-size:14px;line-height:1.45}
.site-page .table th,.site-page .table td{padding:11px 12px;font-size:13px;line-height:1.4}
.site-page .settings-table th,.site-page .settings-table td{padding:11px 13px;font-size:13px;line-height:1.4}
.site-page .footer{margin-top:10px;padding:14px 0;font-size:12.5px;line-height:1.35}
.site-page .panel-heading{margin-bottom:18px}
.site-page .panel-heading h3{font-size:clamp(19px,1.15vw,25px)}
.site-page .picture-gallery{gap:12px;margin-top:16px}
.site-page .gallery-photo figcaption{font-size:10px}
.site-page .flow{gap:10px}
.site-page .flow .feature-card{padding:16px}
.site-page .flow .num{width:27px;height:27px;margin-bottom:8px;font-size:13px}
.site-page main>.section:first-child{padding-top:34px;padding-bottom:22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(5,17,22,.18),rgba(16,40,50,.26) 62%,rgba(5,17,22,.18))}
.site-page main>.section:first-child>.container.card,.site-page .hero>.container>.card{padding:6px 0 10px;border:0;background:transparent;box-shadow:none}
.site-page main>.section:first-child>.container.card:before,.site-page .hero>.container>.card:before{display:none}
.site-page .gate-requirements{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:1100px){
  .site-page .grid.two,.site-page .grid.three,.site-page .gate-requirements{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-page .flow{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:700px){
  .site-page .section{padding:12px 0}
  .site-page .hero{padding-top:22px}
  .site-page .footer{margin-top:8px;padding:12px 0}
  .site-page .card,.site-page .feature-card,.site-page .info-card{padding:18px}
  .site-page main>.section:first-child{padding-top:22px;padding-bottom:16px}
  .site-page main>.section:first-child>.container.card,.site-page .hero>.container>.card{padding:4px 0 8px}
  .site-page .grid.two,.site-page .grid.three,.site-page .gate-requirements,.site-page .flow{grid-template-columns:1fr}
  .site-page .notice{display:grid}
  .site-page .table{white-space:normal}
}

/* ============================================================
   Readability system v2.10

   Adds page rhythm, restrained category accents, and clear
   takeaway/conclusion treatments while preserving the existing
   SnapCentral palette, content, navigation, and compact layouts.
   ============================================================ */

.site-page main>.section{
  position:relative;
  border-bottom:1px solid rgba(195,235,239,.08);
}

.site-page main>.section:nth-of-type(odd){
  background:rgba(11,29,36,.38);
}

.site-page main>.section:nth-of-type(even){
  background:rgba(13,37,40,.50);
}

.site-page .card,
.site-page .feature-card{
  --section-accent:var(--teal2);
  border-color:rgba(195,235,239,.20);
  box-shadow:0 12px 30px rgba(0,0,0,.24);
}

.site-page .card:before,
.site-page .feature-card:before{
  height:4px;
  background:linear-gradient(90deg,var(--section-accent),transparent 92%);
}

.site-page .grid>:nth-child(4n+1){--section-accent:var(--teal2)}
.site-page .grid>:nth-child(4n+2){--section-accent:var(--blue)}
.site-page .grid>:nth-child(4n+3){--section-accent:var(--violet)}
.site-page .grid>:nth-child(4n+4){--section-accent:var(--gold)}

.site-page .section-head{
  max-width:1040px;
  margin-bottom:18px;
}

.site-page .section-head>p{
  max-width:900px;
}

.home-need-section{
  padding-top:30px;
  padding-bottom:30px;
}

.home-need{
  max-width:1180px;
}

.home-questions-section{
  padding-top:30px;
  padding-bottom:30px;
  background:rgba(7,25,31,.72)!important;
}

/* Land same-page links on the heading itself so visitors immediately see
   the name of the section they opened, including at enlarged browser zoom. */
.home-questions-heading{scroll-margin-top:24px}

.home-questions-actions{justify-content:flex-start;margin-top:18px}

.maker-question-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 34px;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:maker-question;
}

.maker-question-list li{
  position:relative;
  min-height:66px;
  padding:16px 12px 16px 48px;
  border-top:1px solid rgba(195,235,239,.2);
  color:var(--text);
  font-size:clamp(16px,1.05vw,20px);
  line-height:1.35;
  counter-increment:maker-question;
}

.maker-question-list li::before{
  content:"?";
  position:absolute;
  top:15px;
  left:4px;
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  border:1px solid rgba(121,240,226,.55);
  border-radius:50%;
  color:var(--teal2);
  font-size:14px;
  font-weight:900;
}

.home-problem-solution{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:44px;
  align-items:start;
}

.home-problem-solution h2{max-width:520px}
.home-problem-solution .question-list{margin-bottom:0}
.home-answer{padding:24px 26px;border-left:4px solid var(--gold);background:linear-gradient(130deg,rgba(237,195,107,.1),rgba(90,171,247,.06))}
.home-answer .key-takeaway{display:block;margin-top:18px;padding:12px 14px;font-size:clamp(14px,.92vw,17px);text-align:left}
.home-answer .btns{margin-top:18px}

.home-comparison-section{padding-top:28px;padding-bottom:28px;background:rgba(7,25,31,.76)!important}
.home-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.home-comparison-card{min-width:0;padding:18px 20px;border:1px solid rgba(195,235,239,.2);border-top:3px solid var(--orange);border-radius:8px;background:rgba(11,29,36,.86);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.home-comparison-card.comparison-partial{border-top-color:var(--gold)}
.home-comparison-card.comparison-snapcard{border-color:rgba(89,223,160,.48);border-top-color:var(--teal)}
.home-comparison-card h3{margin:5px 0 9px}
.home-comparison-card p{margin:0 0 10px}
.home-comparison-card ul{margin:0;padding-left:19px;color:var(--muted)}
.home-comparison-card li{margin:4px 0}
.comparison-quote{padding:8px 10px;border-left:3px solid currentColor;background:rgba(255,255,255,.035);color:var(--text);font-style:italic}
.home-comparison-actions{margin-top:18px}

.home-feedback-section{padding-top:24px;padding-bottom:24px;background:rgba(53,214,196,.045)!important}
.home-feedback-prompt{display:flex;justify-content:space-between;gap:28px;align-items:center}
.home-feedback-prompt>div:first-child{max-width:820px}
.home-feedback-prompt h2{margin-top:5px}
.home-feedback-prompt p{margin-bottom:0}
.home-feedback-prompt .btns{flex:0 0 auto;margin:0}

.key-takeaway{
  max-width:none;
  margin-top:22px;
  padding:15px 18px;
  border-left:4px solid var(--gold);
  background:rgba(237,195,107,.09);
  color:var(--text);
  font-size:clamp(15px,1vw,19px);
  line-height:1.5;
}

.key-takeaway strong{
  color:#ffe7ad;
}

.home-evidence .evidence-now{--section-accent:var(--blue)}
.home-evidence .evidence-trust{--section-accent:var(--violet)}

.project-credit{
  max-width:1060px;
  margin-top:14px!important;
  padding-top:12px;
  border-top:1px solid rgba(195,235,239,.2);
  color:var(--muted);
}

.project-credit strong{color:var(--text)}

.founding-contributor-credit{
  display:grid;
  gap:4px;
  margin:14px 0 0;
  padding:10px 13px;
  border:1px solid rgba(237,195,107,.34);
  border-left:3px solid var(--gold);
  border-radius:7px;
  background:rgba(237,195,107,.07);
  color:var(--soft);
  font-size:14px;
  line-height:1.45;
}

.founding-contributor-credit strong{color:var(--gold);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.founding-contributor-credit a{color:var(--teal2);font-weight:850;text-underline-offset:3px}
.project-credit.founding-contributor-credit{padding:10px 13px;border-top:1px solid rgba(237,195,107,.34)}

.cover-founding-contributor{
  border-bottom:1px solid rgba(237,195,107,.3);
  background:rgba(5,21,27,.96);
}

.cover-founding-contributor .founding-contributor-credit{
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  margin:0 auto;
  padding-top:9px;
  padding-bottom:9px;
  border:0;
  border-left:3px solid var(--gold);
  border-radius:0;
  background:transparent;
}

@media(max-width:760px){
  .cover-founding-contributor .founding-contributor-credit{grid-template-columns:1fr;gap:3px}
}

.home-start-section,
.academy-quick-start-section{
  background:rgba(7,25,31,.82)!important;
}

.start-here-layout{
  display:grid;
  grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);
  gap:32px;
  align-items:start;
}

.start-here-intro{
  position:sticky;
  top:18px;
}

.start-here-intro h2{max-width:430px}
.start-here-intro p{max-width:500px}

.start-paths{
  display:grid;
  border-top:1px solid rgba(195,235,239,.24);
}

.start-path{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 24px;
  gap:14px;
  align-items:center;
  padding:15px 4px;
  border-bottom:1px solid rgba(195,235,239,.24);
  color:var(--text);
  text-decoration:none;
}

.start-path:hover,
.start-path:focus-visible{
  color:#fff;
  background:rgba(53,214,196,.07);
}

.start-number{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border:1px solid var(--teal);
  border-radius:50%;
  color:var(--teal2);
  font-size:12px;
  font-weight:800;
}

.start-path strong{
  display:block;
  font-size:clamp(16px,1vw,19px);
}

.start-path small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:clamp(13px,.82vw,15px);
  line-height:1.4;
}

.start-arrow{
  color:var(--teal2);
  font-size:22px;
}

.home-problem-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 28px;
  padding-left:1.15em;
}

.home-growth-section{
  padding-top:28px;
  padding-bottom:28px;
}

.home-growth{
  padding:28px 32px;
  border-left:5px solid var(--gold);
  background:linear-gradient(110deg,rgba(237,195,107,.15),rgba(90,171,247,.08));
}

.home-growth .eyebrow{
  color:#ffe09a;
}

.home-growth p{
  max-width:1000px;
}

.home-review{
  padding:0;
}

.site-page .home-review-section{
  padding-top:8px;
  padding-bottom:8px;
  border-bottom:0;
}

.home-review .section-head{margin-bottom:4px}
.home-review p{margin:2px 0}

@media(max-width:700px){
  .home-need-section,
  .home-growth-section{padding-top:20px;padding-bottom:20px}
  .key-takeaway{margin-top:16px;padding:13px 15px}
  .home-growth{padding:22px 20px}
  .home-review{padding:0}
  .site-page .home-review-section{padding-top:8px;padding-bottom:8px}
  .start-here-layout{grid-template-columns:1fr;gap:16px}
  .start-here-intro{position:static}
  .start-path{grid-template-columns:32px minmax(0,1fr) 20px;padding:13px 2px}
  .home-problem-list{grid-template-columns:1fr;gap:4px}
  .maker-question-list{grid-template-columns:1fr}
  .home-problem-solution{grid-template-columns:1fr;gap:24px}
  .home-answer{padding:20px 18px}
  .home-feedback-prompt{align-items:stretch;flex-direction:column}
  .home-feedback-prompt .btns{width:100%}
  .home-feedback-prompt .btn{width:100%}
}

@media(min-width:701px) and (max-width:1000px){
  .start-here-layout{grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:22px}
  .home-problem-list{grid-template-columns:1fr;gap:4px}
  .home-problem-solution{gap:26px}
  .home-feedback-prompt{align-items:flex-start;flex-direction:column}
}

/* Site-wide active-development notice */
.development-notice{
  border-top:1px solid rgba(237,195,107,.3);
  border-bottom:1px solid rgba(237,195,107,.38);
  background:linear-gradient(90deg,rgba(237,195,107,.13),rgba(90,171,247,.08));
}

.development-notice-inner{
  display:grid;
  grid-template-columns:minmax(230px,.42fr) minmax(0,1.58fr);
  gap:18px;
  align-items:center;
  padding-top:13px;
  padding-bottom:13px;
}

.development-notice strong{
  color:#ffe2a0;
  font-size:12px;
  line-height:1.4;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.development-notice p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.development-notice a{
  color:var(--teal2);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:2px;
}

.development-notice a:hover,
.development-notice a:focus-visible{
  color:#fff;
}

@media(max-width:760px){
  .development-notice-inner{
    grid-template-columns:1fr;
    gap:5px;
    padding-top:11px;
    padding-bottom:12px;
  }
  .demo-continuation{grid-template-columns:1fr;gap:16px}
  .demo-continuation .btns{justify-content:stretch}
  .demo-continuation .btn{width:100%;white-space:normal;text-align:center}
  .demo-result-next{align-items:stretch;flex-direction:column}
  .demo-result-next .btn{width:100%;text-align:center}
  .demo-learning-section,
  #printer-nozzle-settings,
  #layer-height-effects,
  .demo-entry-section,
  #information-groups,
  #profile-seed{scroll-margin-top:185px}
}

/* Publishing Gate creator submission form */
.creator-form-shell{max-width:1180px}
.form-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}
.form-progress>div{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.025);color:var(--soft)}
.form-progress span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);font-size:12px;font-weight:900}
.form-progress strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.form-progress .is-active{border-color:rgba(121,240,226,.75);background:rgba(81,216,194,.11);color:#fff}
.form-progress .is-active span{background:var(--teal);color:#031411}
.form-progress .is-complete{border-color:rgba(81,216,194,.3);color:var(--teal2)}
.form-progress .is-complete span{background:rgba(81,216,194,.2);color:var(--teal2)}
.form-review-mode .form-progress>div{cursor:pointer}
.form-review-mode .form-progress>div:hover,.form-review-mode .form-progress>div:focus-visible{border-color:var(--teal2);color:#fff}
.creator-form{padding:26px 28px}
.creator-form fieldset{min-width:0;margin:0;padding:0;border:0}
.creator-form fieldset[hidden]{display:none}
.creator-form legend{display:grid;gap:5px;width:100%;margin:0 0 6px;color:#fff;font-size:clamp(21px,1.45vw,28px);font-weight:900;line-height:1.15}
.creator-form legend span{color:var(--teal2);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.form-intro{max-width:900px;margin:0 0 20px;color:var(--muted)}
.form-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.form-toolbar p{display:grid;gap:3px;margin:0}
.form-toolbar p strong{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.form-toolbar p span{color:var(--soft);font-size:12px}
.form-toolbar .btns{flex:0 0 auto;margin:0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.form-field{display:grid;align-content:start;gap:7px;min-width:0;color:#fff;font-size:14px;font-weight:800}
.form-field.full,.choice-field.full{grid-column:1/-1}
.form-field small{color:var(--soft);font-size:11px;font-weight:500;line-height:1.4}
.form-field input,.form-field select,.form-field textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(121,240,226,.34);border-radius:5px;background:#07171d;color:#fff;font:inherit;font-size:14px;font-weight:500;line-height:1.4}
.form-field textarea{min-height:96px;resize:vertical}
.form-field select{appearance:auto}
.form-field input::placeholder,.form-field textarea::placeholder{color:#75909a}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:3px solid rgba(121,240,226,.22);border-color:var(--teal2)}
.form-field input:user-invalid,.form-field select:user-invalid,.form-field textarea:user-invalid,.choice-field input:user-invalid{border-color:#ff9b70}
.choice-field{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer}
.choice-field input{flex:0 0 auto;width:20px;height:20px;margin:2px 0 0;accent-color:var(--teal)}
.choice-field span{display:grid;gap:3px;font-size:13px;line-height:1.45}
.choice-field strong{color:#fff;font-size:14px}
.permission-box{margin:0 0 18px;padding:18px 20px;border:1px solid rgba(255,139,82,.38);border-left:4px solid var(--orange);border-radius:6px;background:rgba(255,139,82,.07)}
.permission-box h3{margin:0 0 8px;color:#fff}
.permission-box p{margin:7px 0;color:var(--muted);font-size:14px}
.permission-box p strong{color:#fff}
.form-actions{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.form-actions .text-link{margin-right:auto}
.form-message{min-height:22px;margin-top:12px;color:var(--soft);font-size:13px;font-weight:700}
.form-message.success{color:var(--teal2)}
.form-message.error{color:#ffad87}
.submission-review{margin-top:14px;padding:28px}
.submission-review pre{max-height:520px;margin:18px 0 0;padding:18px;overflow:auto;border:1px solid var(--line);border-radius:6px;background:#041117;color:#dcebed;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;white-space:pre-wrap;word-break:break-word}
.submission-review .btns{margin-top:18px}
.integration-potential-notice{display:grid;grid-template-columns:1fr;gap:6px}
.integration-potential-notice strong{display:block}
.integration-potential-notice span{display:block}

@media(max-width:800px){
  .form-progress{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
  .form-progress>div{flex:0 0 128px;scroll-snap-align:start}
  .form-toolbar{align-items:stretch;flex-direction:column}
  .form-toolbar .btns{margin:0}
  .form-grid{grid-template-columns:1fr}
  .form-field.full,.choice-field.full{grid-column:1}
  .form-actions{align-items:stretch;flex-direction:column}
  .form-actions .text-link{margin:0 0 3px;text-align:center}
  .form-actions .btn{width:100%}
}

/* ============================================================
   Human readability refinement v2.11
   Concise hierarchy, varied evidence layouts, and a restrained
   Tretsven-inspired atmospheric background.
   ============================================================ */

body.site-page{
  position:relative;
  isolation:isolate;
}

body.site-page::before,
body.site-page::after{
  content:"";
  position:fixed;
  z-index:0;
  pointer-events:none;
}

body.site-page::before{
  inset:0;
  opacity:.22;
  background:url("submission/snapcentral-print-workshop-background-v2.png") center 18%/cover no-repeat;
  filter:saturate(1.05) contrast(1.12) brightness(1.10);
  -webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.66),#000 74%);
  mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.66),#000 74%);
}

body.site-page::after{
  top:15vh;
  right:-12vw;
  width:min(58vw,880px);
  height:min(58vw,880px);
  opacity:.045;
  background:url("submission/snapcentral-u1-knowledge-emblem-final-v1.0.png") center/contain no-repeat;
  filter:saturate(.7) contrast(1.15);
  -webkit-mask-image:radial-gradient(circle,#000 18%,transparent 70%);
  mask-image:radial-gradient(circle,#000 18%,transparent 70%);
}

@media(max-width:760px){
  body.site-page::before{
    opacity:.16;
    background-position:center top;
    background-size:130vw auto;
    background-repeat:repeat-y;
    -webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.58),#000 76%);
    mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.58),#000 76%);
  }
}

body.site-page>*{position:relative;z-index:1}

.site-page h1,
.site-page h2,
.site-page h3{
  text-transform:none;
  letter-spacing:-.015em;
}

.site-page .eyebrow,
.site-page .badge,
.site-page .card-label{
  letter-spacing:.12em;
}

.site-page .btn:not(.primary),
.site-page .btns .btn.primary~.btn.primary{
  border-color:rgba(121,240,226,.46);
  background:rgba(7,27,34,.80);
  color:var(--teal2);
}

.site-page .btn:not(.primary):hover,
.site-page .btn:not(.primary):focus-visible,
.site-page .btns .btn.primary~.btn.primary:hover,
.site-page .btns .btn.primary~.btn.primary:focus-visible{
  border-color:var(--teal2);
  background:rgba(53,214,196,.12);
  color:#fff;
}

.development-notice-inner{
  grid-template-columns:auto minmax(280px,1fr) auto;
  gap:14px;
  padding-top:9px;
  padding-bottom:9px;
}

.development-notice strong{white-space:nowrap}
.development-notice p{font-size:12px;line-height:1.4}
.development-details{position:relative;color:var(--muted);font-size:11px}
.development-details summary{color:var(--teal2);font-weight:800;cursor:pointer;white-space:nowrap}
.development-details[open]{grid-column:1/-1;padding:10px 0 2px;border-top:1px solid rgba(195,235,239,.14)}
.development-details[open] summary{margin-bottom:7px}
.development-details p{max-width:1050px}

.proof-layout{
  display:grid;
  grid-template-columns:minmax(190px,240px) minmax(0,1fr);
  gap:34px;
  align-items:center;
}

.proof-photo{
  position:relative;
  width:100%;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(121,240,226,.28);
  border-radius:8px;
  background:#07171d;
  box-shadow:var(--shadow);
}

.proof-photo img{display:block;width:100%;height:240px;object-fit:cover;object-position:center 24%}
.proof-photo figcaption{position:absolute;right:10px;bottom:10px;padding:7px 10px;border-radius:4px;background:rgba(3,15,19,.84);color:#fff;font-size:11px;font-weight:800}
.proof-story{max-width:850px}
.proof-findings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:16px 0}
.proof-findings>div{padding:13px 0;border-top:1px solid rgba(195,235,239,.2)}
.proof-findings dt{margin-bottom:4px;color:var(--teal2);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.proof-findings dd{margin:0;color:var(--muted);font-size:clamp(14px,.9vw,17px);line-height:1.45}
.proof-secondary-link{display:inline-block;margin-left:14px}

.academy-library{max-width:1180px}
.academy-categories{display:grid;gap:10px;margin-top:18px}
.academy-category{overflow:hidden;border:1px solid rgba(195,235,239,.19);border-radius:8px;background:rgba(11,29,36,.82)}
.academy-category[open]{border-color:rgba(121,240,226,.42);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.academy-category summary{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:center;padding:17px 20px;cursor:pointer;list-style:none}
.academy-category summary::-webkit-details-marker{display:none}
.academy-category summary::after{content:"+";grid-column:3;color:var(--teal2);font-size:24px;font-weight:300}
.academy-category[open] summary::after{content:"–"}
.academy-category summary strong{display:block;color:#fff;font:400 clamp(18px,1.2vw,23px)/1.2 Georgia,"Times New Roman",serif}
.academy-category summary small{display:block;margin-top:3px;color:var(--muted);font-size:13px;line-height:1.35}
.category-number{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--teal);border-radius:50%;color:var(--teal2);font-size:12px;font-weight:900}
.academy-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(195,235,239,.14)}
.academy-link-list>a,
.academy-coming-soon{display:block;min-height:92px;padding:15px 20px;border-right:1px solid rgba(195,235,239,.12);border-bottom:1px solid rgba(195,235,239,.12)}
.academy-link-list>a:hover,.academy-link-list>a:focus-visible{background:rgba(53,214,196,.075)}
.academy-link-list strong{display:block;margin-bottom:4px;color:#fff;font-size:15px}
.academy-link-list span{display:block;color:var(--muted);font-size:13px;line-height:1.4}
.academy-coming-soon{opacity:.72}
.sample-topic-note{display:flex;gap:14px;align-items:baseline;margin-top:14px;padding:13px 16px;border-left:3px solid var(--gold);background:rgba(237,195,107,.07)}
.sample-topic-note strong{flex:0 0 auto;color:#ffe2a0;font-size:12px}
.sample-topic-note span{color:var(--muted);font-size:13px;line-height:1.45}

/* Model information comparison */
.comparison-cta{margin:18px 0 0}
.listing-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.listing-example{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid rgba(195,235,239,.2);border-radius:8px;background:rgba(11,29,36,.86);box-shadow:0 12px 28px rgba(0,0,0,.16)}
.listing-example.listing-complete{border-color:rgba(89,223,160,.48)}
.listing-preview{display:grid;min-height:170px;place-items:center;padding:20px;background:repeating-linear-gradient(135deg,rgba(121,240,226,.07) 0,rgba(121,240,226,.07) 12px,rgba(5,19,24,.42) 12px,rgba(5,19,24,.42) 24px);color:var(--soft);font-size:12px;font-weight:900;letter-spacing:.12em;text-align:center;text-transform:uppercase}
.listing-real-photo{display:block;width:100%;height:220px;object-fit:cover;object-position:center 24%}
.listing-copy{min-width:0;padding:20px}
.listing-level{color:var(--teal2);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.listing-copy h3{margin:6px 0 10px}
.listing-copy blockquote{margin:10px 0 14px;padding:10px 12px;border-left:3px solid var(--orange);background:rgba(255,145,93,.07);color:var(--text);font-style:italic}
.listing-copy dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}
.listing-copy dl>div{padding:8px 9px;border:1px solid rgba(195,235,239,.13);border-radius:5px;background:rgba(4,17,23,.38)}
.listing-copy dt{margin-bottom:2px;color:var(--soft);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.listing-copy dd{margin:0;color:#fff;font-size:13px;font-weight:700}
.missing-line{margin-top:13px;padding-top:12px;border-top:1px solid rgba(195,235,239,.15)}
.missing-line strong{color:#ffd2bd}
.complete-list{margin:12px 0;padding-left:20px;color:var(--muted)}
.complete-list li{margin:5px 0}
.information-matrix th:first-child{min-width:210px;text-align:left}
.information-matrix td{text-align:center;font-weight:800}
.matrix-no{background:rgba(255,125,91,.08);color:#ffb08e}
.matrix-partial{background:rgba(237,195,107,.07);color:#ffe2a0}
.matrix-yes{background:rgba(89,223,160,.08);color:#bff8dd}
.research-note{max-width:1180px;padding:28px 32px;border:1px solid rgba(237,195,107,.25);border-left:4px solid var(--gold);border-radius:8px;background:linear-gradient(135deg,rgba(237,195,107,.08),rgba(11,29,36,.88) 44%)}
.research-note h2{margin-top:5px}

/* Full Model Workflow: gold distinguishes the detailed path from site actions. */
.site-page .btn.demo-btn,
.btn.demo-btn,
.site-page .btn.workflow-btn,
.btn.workflow-btn{
  border-color:#f6d890;
  background:linear-gradient(180deg,#ffe09a,var(--gold));
  color:#241804;
  box-shadow:0 7px 20px rgba(237,195,107,.18);
}

.site-page .btn.demo-btn:hover,
.site-page .btn.demo-btn:focus-visible,
.btn.demo-btn:hover,
.btn.demo-btn:focus-visible,
.site-page .btn.workflow-btn:hover,
.site-page .btn.workflow-btn:focus-visible,
.btn.workflow-btn:hover,
.btn.workflow-btn:focus-visible{
  border-color:#fff0c8;
  background:linear-gradient(180deg,#fff0c8,#f4ca70);
  color:#171004;
  box-shadow:0 9px 24px rgba(237,195,107,.27);
}

/* Quick Overview: blue identifies the short, locked four-step tour. */
.site-page .btn.quick-overview-btn,
.btn.quick-overview-btn{
  border-color:#83c4ff;
  background:linear-gradient(180deg,#8dcbff,var(--blue));
  color:#061826;
  box-shadow:0 7px 20px rgba(90,171,247,.20);
}

.site-page .btn.quick-overview-btn:hover,
.site-page .btn.quick-overview-btn:focus-visible,
.btn.quick-overview-btn:hover,
.btn.quick-overview-btn:focus-visible{
  border-color:#d7edff;
  background:linear-gradient(180deg,#cbe8ff,#72baff);
  color:#04121c;
  box-shadow:0 9px 24px rgba(90,171,247,.30);
}

.site-page .btn.demo-btn-secondary,
.btn.demo-btn-secondary{
  border-color:rgba(237,195,107,.62);
  background:rgba(237,195,107,.10);
  color:#ffe6aa;
  box-shadow:none;
}

.site-page .btn.demo-btn-secondary:hover,
.site-page .btn.demo-btn-secondary:focus-visible,
.btn.demo-btn-secondary:hover,
.btn.demo-btn-secondary:focus-visible{
  border-color:#f6d890;
  background:rgba(237,195,107,.18);
  color:#fff3d1;
}

.demo-action-strip{
  border-bottom:1px solid rgba(237,195,107,.28);
  background:linear-gradient(90deg,rgba(237,195,107,.10),rgba(7,25,31,.88) 52%);
}

.demo-action-strip-inner{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:9px;
  padding-bottom:9px;
}
.demo-action-strip-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}

.demo-action-strip p{display:grid;gap:2px;margin:0}
.demo-action-strip p span{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.demo-action-strip p strong{color:#fff;font-size:14px}
.demo-action-strip .btn{flex:0 0 auto;margin:0}

.start-path.demo-path{
  margin:7px 0;
  padding-right:12px;
  padding-left:12px;
  border:1px solid rgba(237,195,107,.55);
  border-radius:6px;
  background:linear-gradient(90deg,rgba(237,195,107,.15),rgba(237,195,107,.035));
}

.start-path.demo-path .start-number{
  border-color:var(--gold);
  background:rgba(237,195,107,.13);
  color:#ffe6aa;
}

.start-path.demo-path .start-arrow{color:var(--gold)}
.start-path.demo-path:hover,
.start-path.demo-path:focus-visible{background:linear-gradient(90deg,rgba(237,195,107,.23),rgba(237,195,107,.07))}

@media(max-width:1000px){
  .listing-comparison-grid{grid-template-columns:1fr}
  .listing-example{grid-template-columns:minmax(145px,.38fr) minmax(0,1fr);grid-template-rows:1fr}
  .listing-real-photo{height:100%;min-height:250px}
  .home-comparison-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  .demo-action-strip-inner{align-items:stretch;flex-direction:column;gap:8px}
  .demo-action-strip-actions{flex-direction:column}
  .demo-action-strip .btn{width:100%;text-align:center}
  body.site-page::before{opacity:.08;-webkit-mask-image:none;mask-image:none}
  body.site-page::after{display:none}
  .development-notice-inner{grid-template-columns:1fr;gap:4px}
  .development-notice strong{white-space:normal}
  .development-details,.development-details[open]{grid-column:1}
  .development-details summary{white-space:normal}
  .proof-layout{grid-template-columns:1fr;gap:20px}
  .proof-photo{width:min(240px,100%);justify-self:center}
  .proof-photo img{height:240px}
  .proof-findings{grid-template-columns:1fr}
  .proof-secondary-link{display:block;margin:12px 0 0}
  .academy-link-list{grid-template-columns:1fr}
  .academy-category summary{grid-template-columns:34px minmax(0,1fr) 18px;padding:14px 15px}
  .sample-topic-note{align-items:flex-start;flex-direction:column;gap:4px}
}

@media(max-width:540px){
  .listing-example{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .listing-preview{min-height:130px}
  .listing-real-photo{height:220px;min-height:220px}
  .listing-copy dl{grid-template-columns:1fr}
  .research-note{padding:22px 20px}
}

/* ============================================================
   Readability and demonstration-stage enhancement v2.13
   ============================================================ */

/* Gold journey buttons remain consistent; the destination itself carries
   the stage color through labels, headings, borders, and restrained glow. */
.demo-stage-gate{--stage-accent:var(--gold);--stage-rgb:237,195,107}
.demo-stage-card{--stage-accent:var(--blue);--stage-rgb:90,171,247}
.demo-stage-academy{--stage-accent:var(--violet);--stage-rgb:169,149,255}
.demo-stage-verified{--stage-accent:var(--green);--stage-rgb:89,223,160}

.demo-stage-gate .demo-entry-section>.container.card,
.demo-stage-academy .demo-entry-section>.container.card,
.demo-stage-verified .demo-entry-section>.container.card{
  position:relative;
  overflow:hidden;
  border-left:4px solid var(--stage-accent);
  background:linear-gradient(135deg,rgba(var(--stage-rgb),.10),transparent 42%),var(--panel);
}
.demo-stage-gate .demo-entry-section>.container.card::after,
.demo-stage-academy .demo-entry-section>.container.card::after,
.demo-stage-verified .demo-entry-section>.container.card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 96% 8%,rgba(var(--stage-rgb),.10),transparent 38%);
}
.demo-stage-gate .demo-entry-section>.container.card>*,
.demo-stage-academy .demo-entry-section>.container.card>*,
.demo-stage-verified .demo-entry-section>.container.card>*{position:relative;z-index:1}
.demo-stage-card .model-summary{
  border-left:4px solid var(--stage-accent);
  padding-left:18px;
  background:linear-gradient(90deg,rgba(var(--stage-rgb),.08),transparent 38%);
}
.demo-stage-gate .demo-entry-section h1,
.demo-stage-academy .demo-entry-section h1,
.demo-stage-verified .demo-entry-section h1,
.demo-stage-card .model-summary h1{color:var(--stage-accent)}
.demo-stage-gate .demo-entry-section .eyebrow,
.demo-stage-academy .demo-entry-section .eyebrow,
.demo-stage-verified .demo-entry-section .eyebrow,
.demo-stage-card .model-summary .eyebrow,
.demo-stage-gate .demo-continuation .eyebrow,
.demo-stage-card .demo-learning-section .eyebrow,
.demo-stage-academy .demo-continuation .eyebrow,
.demo-stage-verified .demo-continuation .eyebrow{color:var(--stage-accent)}
.demo-stage-gate .demo-action-strip,
.demo-stage-card .demo-action-strip,
.demo-stage-academy .demo-action-strip,
.demo-stage-verified .demo-action-strip{
  border-bottom-color:rgba(var(--stage-rgb),.34);
  background:linear-gradient(90deg,rgba(var(--stage-rgb),.13),rgba(7,25,31,.9) 54%);
}
.demo-stage-gate .demo-action-strip p span,
.demo-stage-card .demo-action-strip p span,
.demo-stage-academy .demo-action-strip p span,
.demo-stage-verified .demo-action-strip p span{color:var(--stage-accent)}
.demo-stage-gate .demo-continuation,
.demo-stage-card .demo-result-next,
.demo-stage-academy .demo-continuation,
.demo-stage-verified .demo-continuation{
  border-left-color:var(--stage-accent);
  background:linear-gradient(120deg,rgba(var(--stage-rgb),.13),rgba(7,25,31,.82));
}

/* Concise summaries and real-work labels give long pages an immediate entry point. */
.key-takeaway{
  display:grid;
  grid-template-columns:minmax(130px,.22fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
  margin:18px 0 8px;
  padding:16px 18px;
  border:1px solid rgba(var(--stage-rgb,81,216,194),.25);
  border-left:4px solid var(--stage-accent,var(--teal));
  border-radius:7px;
  background:linear-gradient(110deg,rgba(var(--stage-rgb,81,216,194),.10),rgba(7,25,31,.58));
}
.key-takeaway>strong{color:var(--stage-accent,var(--teal2));font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.key-takeaway ul{margin:0;padding-left:19px;color:#dcebee}
.key-takeaway li{margin:3px 0;font-size:14px;line-height:1.45}
.container.key-takeaway,
.container.evidence-stamps{margin-left:auto;margin-right:auto}
.evidence-stamps{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.evidence-stamp{padding:6px 9px;border:1px solid rgba(var(--stage-rgb,81,216,194),.34);border-radius:999px;background:rgba(var(--stage-rgb,81,216,194),.08);color:#eaf7f8;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}

/* Paragraphs remain comfortable to scan while tables, pictures, and grids keep full width. */
.card>p:not(.big),.section-head>p,.section-head>div>p,.lesson-shell>p:not(.big){max-width:80ch}
.big{max-width:74ch}

/* Connected process rails and open bands reduce repetitive card-grid rhythm. */
.journey-rail{position:relative}
.journey-rail>.feature-card:nth-child(1){--section-accent:var(--gold)}
.journey-rail>.feature-card:nth-child(2){--section-accent:var(--blue)}
.journey-rail>.feature-card:nth-child(3){--section-accent:var(--violet)}
.journey-rail>.feature-card:nth-child(4){--section-accent:var(--green)}
.journey-rail>.feature-card{position:relative;padding-top:18px;border-top:3px solid var(--section-accent,var(--teal))}
.compact-card-heading{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center;margin-bottom:10px}
.compact-card-heading h3{min-width:0;margin:0}
.compact-card-heading .badge,.compact-card-heading .card-label{flex:0 0 auto;margin:0}
.compact-flow .compact-card-heading{gap:8px;margin-bottom:6px}
.compact-flow .compact-card-heading .num{flex:0 0 auto;margin:0}
.compact-flow .compact-card-heading h3{font-size:clamp(15px,.95vw,18px)}
.demo-continuation.compact-demo-continuation{grid-template-columns:minmax(0,900px) auto;justify-content:start;gap:6px;padding:16px 20px}
.demo-continuation.compact-demo-continuation .section-head{margin-bottom:6px}
.demo-continuation.compact-demo-continuation p{max-width:none}
@media(max-width:760px){
  .demo-continuation.compact-demo-continuation{grid-template-columns:1fr;gap:8px;padding:14px 16px}
}
.journey-number{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--section-accent,var(--teal));border-radius:50%;color:#fff;font-size:11px;font-weight:900}
.journey-rail .compact-card-heading{gap:6px}
.journey-rail .compact-card-heading h3{font-size:clamp(15px,.95vw,18px)}
.journey-rail>.feature-card>p:last-child{margin-top:12px}
.compact-heading-bands .info-card h3{margin:0;font-size:clamp(16px,1vw,19px)}
.compact-section-head{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline}
.compact-section-head .eyebrow{flex:0 0 auto}
.compact-section-head h2{margin:0}
.panel-heading .compact-section-head>.eyebrow{margin:0}
.notice.compact-notice{grid-template-columns:max-content minmax(0,1fr);gap:10px 14px;align-items:baseline}
.process-bands{gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.process-bands>.info-card{border:0;border-left:1px solid var(--line);border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.process-bands>.info-card:first-child{border-left:0}

/* Optional supporting material stays available without dominating the first scan. */
.learn-more{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:rgba(11,29,36,.72)}
.learn-more[open]{border-color:var(--accent-line)}
.learn-more>summary{display:flex;justify-content:space-between;gap:16px;padding:17px 19px;color:#fff;cursor:pointer;font-weight:850;list-style:none}
.learn-more>summary::-webkit-details-marker{display:none}
.learn-more>summary::after{content:"+";color:var(--teal2);font-size:22px;line-height:1}
.learn-more[open]>summary::after{content:"−"}
.learn-more-body{padding:0 19px 19px;border-top:1px solid var(--line)}
#evaluation-alignment .learn-more-body{padding-top:18px}

@media(max-width:760px){
  .key-takeaway{grid-template-columns:1fr;gap:8px}
  .compact-section-head{display:block}
  .compact-section-head h2{margin-top:5px}
  .notice.compact-notice{grid-template-columns:1fr;gap:6px}
  .process-bands{gap:10px;border:0;background:transparent}
  .process-bands>.info-card{border:1px solid var(--line);border-radius:7px}
  .demo-stage-card .model-summary{padding-left:12px}
}

/* ============================================================
   Concise public introduction v2.16
   ============================================================ */
.intro-page{--intro-accent:var(--gold)}
.intro-page .skip-link{display:none}
.intro-nav{background:rgba(5,22,28,.94)}
.intro-nav-inner{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:8px;padding-bottom:8px}
.intro-brand{min-width:0}
.intro-brand .brand-cover{width:360px;height:202px}
.intro-brand>div>strong{font-size:clamp(26px,2.6vw,36px)}
.intro-brand .brand-tagline{max-width:560px;font-size:clamp(12px,1vw,15px);line-height:1.35;letter-spacing:.12em}
.intro-brand .tagline-line{display:block}
.intro-skip-btn{flex:0 0 auto}
.intro-header-actions{flex:0 0 250px;align-items:stretch;flex-direction:column;margin:0}
.intro-header-actions .btn{width:100%;justify-content:center;text-align:center}
.intro-bottom-actions{justify-content:flex-start;margin-top:18px}
.download-feedback{margin:10px 0 0;padding:9px 12px;border-left:3px solid var(--green);border-radius:5px;background:rgba(89,223,160,.09);color:#dff9eb;font-size:13px;font-weight:750;line-height:1.4}

/* Matching announcement bars beneath the introduction header. */
.intro-page .development-notice,
.intro-page .cover-founding-contributor{
  border:0;
  background:transparent;
}
.intro-page .development-notice-inner,
.intro-page .cover-founding-contributor .founding-contributor-credit{
  min-height:48px;
  padding:12px 18px;
  border:1px solid;
  border-left-width:4px;
  border-radius:9px;
}
.intro-page .development-notice-inner{
  display:block;
  margin:14px auto 0;
  border-color:rgba(53,214,196,.34);
  border-left-color:var(--teal);
  background:linear-gradient(125deg,rgba(53,214,196,.11),rgba(7,25,31,.88) 44%);
}
.intro-page .cover-founding-contributor .founding-contributor-credit{
  margin:8px auto 0;
  border-color:rgba(237,195,107,.34);
  border-left-color:var(--gold);
  background:linear-gradient(125deg,rgba(237,195,107,.11),rgba(7,25,31,.88) 44%);
}
.intro-page .development-notice strong{color:var(--teal2)}
.intro-page .development-notice p{margin-top:4px}
.intro-page .development-details{margin-top:6px}

.intro-hero{padding:7px 0 10px}
.intro-shell{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(260px,.62fr);gap:18px;align-items:center}
.intro-shell.intro-shell-single{grid-template-columns:1fr}
.intro-copy{padding:2px 0}
.intro-copy h1{max-width:770px;margin:3px 0 6px;color:#fff;font-size:clamp(29px,3.6vw,44px);line-height:1.06;letter-spacing:-.025em}
.intro-copy .big{max-width:82ch;margin-bottom:5px;color:#e5f0f2;font-size:clamp(16px,1.45vw,19px);line-height:1.4}
.intro-copy>p:not(.big){max-width:82ch;color:var(--muted);font-size:16px;line-height:1.4}
.intro-copy .intro-video-question{margin:0 0 9px;padding:6px 0 6px 11px;border-left:3px solid var(--gold);color:#edf4f5;font-size:16px;line-height:1.38}
.intro-video-question span,.intro-video-question em{display:inline}
.intro-video-question em{color:var(--gold);font-style:italic;font-weight:750}
.intro-actions{margin-top:8px;margin-bottom:0}

/* Keep related opening paragraphs aligned to the same right edge. */
.intro-page .intro-copy>p,
.card.home-opening-card>p,
.card.proposal-summary>p,
.card.proposal-need>p{width:100%;max-width:1050px}
.intro-central-message{margin-top:0;margin-bottom:0}
.intro-opening-grid{display:grid;grid-template-columns:1fr;gap:7px;max-width:1050px;align-items:start}
.intro-opening-grid .big,.intro-opening-grid .intro-central-message{margin:0;max-width:none}
.intro-cover{width:68%;justify-self:end;overflow:hidden;margin:0;border:1px solid rgba(237,195,107,.32);border-radius:10px;background:#07191f;box-shadow:0 14px 42px rgba(0,0,0,.34)}
.intro-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.intro-cover figcaption{padding:8px 11px;border-top:1px solid rgba(237,195,107,.22);color:var(--muted);font-size:12px;line-height:1.35}

.intro-questions{padding-top:18px;padding-bottom:26px;background:linear-gradient(90deg,rgba(53,214,196,.045),transparent 50%,rgba(90,171,247,.045))!important}
.intro-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--line)}
.intro-question-grid article{position:relative;padding:21px 22px 20px;background:rgba(7,25,31,.95)}
.intro-question-grid h2{margin:4px 0 8px;color:#fff;font-size:19px;line-height:1.25}
.intro-question-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.52}
.intro-question-number{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--teal);border-radius:50%;color:var(--teal2);font-size:12px;font-weight:900}

/* Present the Quick Overview questions as three clear horizontal bars. */
.demo-start-page .intro-question-grid article{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:10px 14px;
}
.demo-start-page .intro-question-grid{grid-template-columns:1fr;gap:6px;overflow:visible;margin-top:14px;border:0;background:transparent}
.demo-start-page .intro-question-grid h3{margin:0;color:#fff;font-size:14px;line-height:1.3}
.demo-start-page .intro-question-grid p{margin:0;font-size:13px;line-height:1.35}

.intro-system-questions{margin-top:17px;padding-top:14px;border-top:1px solid rgba(195,235,239,.18)}
.intro-system-questions h2{margin:0 0 9px;color:#fff;font-size:18px;line-height:1.3}
.intro-page .intro-system-questions .intro-question-grid{grid-template-columns:1fr;gap:6px;overflow:visible;border:0;background:transparent}
.intro-page .intro-system-questions .intro-question-grid article{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:16px;align-items:center;padding:9px 13px;background:rgba(7,25,31,.88)}
.intro-page .intro-system-questions .intro-question-grid h3{margin:0;color:#fff;font-size:14px;line-height:1.3}
.intro-page .intro-system-questions .intro-question-grid p{margin:0;font-size:13px;line-height:1.35}

.intro-route-section{padding-top:26px;padding-bottom:42px}
.intro-route-card{padding:27px;border:1px solid rgba(237,195,107,.32);border-left:4px solid var(--gold);border-radius:9px;background:linear-gradient(125deg,rgba(237,195,107,.11),rgba(7,25,31,.84) 44%)}
.intro-route-heading{display:block}
.intro-route-heading .eyebrow{display:inline-flex}
.intro-route-heading h1,.intro-route-heading h2{margin:3px 0 0;color:#fff;font-size:clamp(23px,2.4vw,30px);line-height:1.18}
.intro-route-heading p{margin:7px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.intro-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none;counter-reset:none}
.intro-route li{position:relative;display:grid;align-content:start;gap:5px;min-height:126px;padding:16px 16px 15px;border:1px solid rgba(195,235,239,.14);border-top:3px solid var(--teal);border-radius:7px;background:rgba(5,21,27,.7)}
.intro-route li:nth-child(1){border-top-color:var(--gold)}
.intro-route li:nth-child(2){border-top-color:var(--blue)}
.intro-route li:nth-child(3){border-top-color:var(--violet)}
.intro-route li:nth-child(4){border-top-color:var(--green)}
.intro-route li span{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.intro-route li strong{color:#fff;font-size:16px}
.intro-route li small{color:var(--muted);font-size:13px;line-height:1.45}
.intro-route-actions{align-items:center;margin-top:20px}
.intro-route-actions .text-link{margin-left:6px}

/* Plain-language project role and repository distinction. */
.intro-identity-section{padding-top:22px;padding-bottom:22px;scroll-margin-top:118px}
.intro-identity-card{padding:26px 28px;border:1px solid rgba(90,171,247,.30);border-left:4px solid var(--blue);border-radius:9px;background:linear-gradient(125deg,rgba(90,171,247,.10),rgba(7,25,31,.90) 44%)}
.intro-identity-card h2{margin:4px 0 10px;color:#fff;font-size:clamp(24px,3vw,34px);line-height:1.18}
.identity-statement{max-width:88ch;margin:0 0 20px;color:#f7fbfc;font-size:clamp(16px,1.6vw,19px);line-height:1.5}
.intro-identity-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}
.intro-identity-grid article{padding:20px 22px;background:rgba(5,21,27,.88)}
.intro-identity-grid h3{margin:0 0 8px;color:var(--teal2);font-size:18px}
.intro-identity-grid p,.intro-identity-grid li{color:var(--muted);font-size:14px;line-height:1.52}
.intro-identity-grid ul{margin:10px 0 0;padding-left:20px}
.intro-identity-grid li{margin:5px 0}
.intro-identity-grid strong{color:#edf8f9}
.intro-identity-actions{margin-top:18px}

/* Intro-page transparency study: keep the workshop artwork continuous,
   remove full-width section bands, and place content on inset surfaces. */
.intro-page main>.section,
.intro-page main>.section:first-child,
.intro-page main>.section:nth-of-type(odd),
.intro-page main>.section:nth-of-type(even){
  border-bottom:0;
  background:transparent!important;
}
.intro-page .intro-hero>.container{
  padding:22px 26px;
  border:1px solid rgba(237,195,107,.30);
  border-left:4px solid var(--gold);
  border-radius:9px;
  background:linear-gradient(125deg,rgba(237,195,107,.08),rgba(5,21,27,.82) 42%);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.intro-page .intro-identity-card{
  background:linear-gradient(125deg,rgba(90,171,247,.08),rgba(5,21,27,.82) 44%);
}
.intro-page .intro-identity-grid article{background:rgba(5,21,27,.82)}

@media(max-width:700px){
  .intro-page .intro-hero>.container{padding:18px 17px}
}

.demo-start-questions-section{padding-top:24px;padding-bottom:14px}
.demo-start-card{padding:24px 26px;border:1px solid rgba(90,171,247,.30);border-left:4px solid var(--blue);border-radius:9px;background:linear-gradient(125deg,rgba(90,171,247,.10),rgba(7,25,31,.90) 44%)}
.demo-start-card h2{margin:4px 0 16px;color:#fff;font-size:clamp(27px,3.2vw,38px);line-height:1.15}
.demo-start-route-section{padding-top:24px;padding-bottom:14px}
.demo-only-nav-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:8px;padding-bottom:8px}
.demo-only-nav-inner>strong{color:var(--gold);font-size:13px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.demo-step-section{padding-top:24px;padding-bottom:38px}
.demo-step-shell{padding:26px 28px;border:1px solid rgba(90,171,247,.30);border-left:4px solid var(--blue);border-radius:9px;background:linear-gradient(125deg,rgba(90,171,247,.09),rgba(7,25,31,.92) 42%)}
.demo-step-shell h1{max-width:1150px;margin:4px 0 16px;color:#fff;font-size:clamp(24px,2.6vw,32px);line-height:1.18}
.demo-step-2-page .demo-step-shell h1{max-width:none;font-size:clamp(22px,2.25vw,29px);letter-spacing:-.02em}
.demo-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 22px;padding:0;list-style:none}
.demo-progress li{padding:8px 10px;border:1px solid rgba(195,235,239,.16);border-radius:6px;background:rgba(5,21,27,.72);color:var(--soft);font-size:12px;font-weight:800;text-align:center}
.demo-progress li[aria-current="step"]{border-color:rgba(237,195,107,.58);background:rgba(237,195,107,.12);color:#ffe2a0}
.demo-step-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:12px}
.demo-purpose-card,.demo-questions-card,.demo-example-card,.demo-next-card,.demo-complete-card{padding:18px 20px;border:1px solid rgba(195,235,239,.16);border-radius:8px;background:rgba(5,21,27,.76)}
.demo-purpose-card{border-top:3px solid var(--blue)}
.demo-questions-card{border-top:3px solid var(--teal)}
.demo-purpose-card h2,.demo-next-card h2,.demo-complete-card h2{margin:5px 0 7px;color:#fff;font-size:19px;line-height:1.3}
.demo-purpose-card p,.demo-questions-card li,.demo-example-card p,.demo-next-card p,.demo-complete-card p{color:var(--muted);font-size:14px;line-height:1.52}
.demo-purpose-card p,.demo-example-card p,.demo-next-card p,.demo-complete-card p{margin:0}
.demo-questions-card ul{margin:8px 0 0;padding-left:20px}
.demo-questions-card li{margin:5px 0}
.demo-example-card{margin-top:12px;border-left:4px solid var(--violet);background:linear-gradient(105deg,rgba(169,149,255,.09),rgba(5,21,27,.76) 45%)}
.demo-example-card .eyebrow{display:block;margin-bottom:5px;color:#c9bcff}
.demo-complete-example{margin-top:12px;padding:18px 20px;border:1px solid rgba(237,195,107,.28);border-left:4px solid var(--gold);border-radius:8px;background:linear-gradient(105deg,rgba(237,195,107,.10),rgba(5,21,27,.78) 45%)}
.demo-complete-example .eyebrow{display:block;margin-bottom:5px;color:#ffe2a0}
.demo-complete-example h2{margin:5px 0 7px;color:#fff;font-size:19px;line-height:1.3}
.demo-complete-example p{margin:0;color:var(--muted);font-size:14px;line-height:1.52}
.demo-complete-example .demo-preferred-action{margin-top:14px}
.demo-complete-example .demo-secondary-actions{margin-top:8px}
.demo-next-card,.demo-complete-card{display:block;margin-top:12px;border-left:4px solid var(--gold);background:linear-gradient(105deg,rgba(237,195,107,.10),rgba(5,21,27,.78) 45%)}
.demo-next-card .btns,.demo-complete-card .btns{margin-top:14px}
.demo-next-card .btn,.demo-complete-card .btn{white-space:nowrap}
.demo-complete-card{border-left-color:var(--green);background:linear-gradient(105deg,rgba(89,223,160,.10),rgba(5,21,27,.78) 45%)}
.community-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:18px;padding:18px 20px;border:1px solid rgba(81,216,194,.28);border-radius:8px;background:linear-gradient(105deg,rgba(81,216,194,.10),rgba(5,21,27,.72))}
.community-callout h3{margin:3px 0 6px;color:#fff;font-size:20px}
.community-callout p{max-width:82ch;margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.community-callout .btn{white-space:nowrap}
.identity-return{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.identity-return p{max-width:82ch;margin:0;color:#dcebed;font-size:15px;line-height:1.5}
.identity-return .btn{white-space:nowrap}

@media(max-width:900px){
  .intro-brand .brand-cover{width:260px;height:146px}
  .intro-header-actions{flex-basis:220px}
  .intro-shell{grid-template-columns:1fr;gap:20px}
  .intro-cover{width:min(620px,100%)}
  .intro-question-grid{grid-template-columns:1fr}
  .intro-identity-grid{grid-template-columns:1fr}
  .intro-route{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:681px){
  .intro-brand .tagline-line{white-space:nowrap}
}

@media(min-width:1050px){
  .intro-copy .intro-video-question{white-space:nowrap;font-size:clamp(14px,1.02vw,16px)}
  .demo-start-page .intro-route-heading h1{white-space:nowrap}
  .demo-start-page .intro-question-grid h3,
  .demo-start-page .intro-question-grid p{white-space:nowrap}
  .intro-page .intro-system-questions .intro-question-grid h3,
  .intro-page .intro-system-questions .intro-question-grid p{white-space:nowrap}
  .demo-step-2-page .demo-step-shell h1{white-space:nowrap}
}

@media(max-width:680px){
  .intro-nav-inner{align-items:stretch;flex-direction:column;gap:10px}
  .intro-brand{width:100%;align-items:flex-start;flex-direction:column}
  .intro-brand>div{width:100%;max-width:100%}
  .intro-brand>div>strong,.intro-brand .brand-tagline{max-width:100%}
  .intro-skip-btn{width:100%;text-align:center}
  .intro-brand .brand-cover{width:min(240px,72vw);height:auto;aspect-ratio:1672/941}
  .intro-header-actions{width:100%;flex:0 0 auto}
  .intro-hero{padding-top:22px}
  .intro-copy{padding:8px 0}
  .intro-copy h1{font-size:clamp(31px,10vw,43px)}
  .intro-opening-grid{grid-template-columns:1fr;gap:7px}
  .intro-actions .btn{width:100%;text-align:center}
  .intro-identity-card{padding:21px 17px}
  .community-callout{grid-template-columns:1fr;gap:13px;padding:17px}
  .community-callout .btn{width:100%;white-space:normal;text-align:center}
  .identity-return{grid-template-columns:1fr;gap:11px}
  .identity-return .btn{width:100%;white-space:normal;text-align:center}
  .intro-route-card{padding:21px 17px}
  .intro-route-heading{grid-template-columns:1fr;gap:7px}
  .intro-route-heading .eyebrow{grid-column:auto}
  .intro-route{grid-template-columns:1fr}
  .intro-route li{min-height:0}
  .intro-route-actions{align-items:stretch;flex-direction:column}
  .intro-route-actions .btn{width:100%;text-align:center}
  .intro-route-actions .text-link{margin:5px 0 0;text-align:center}
  .demo-start-card{padding:20px 16px}
  .demo-start-page .intro-question-grid article{grid-template-columns:1fr;gap:5px}
  .intro-page .intro-system-questions .intro-question-grid article{grid-template-columns:1fr;gap:5px}
  .demo-only-nav-inner{align-items:flex-start;flex-direction:column;gap:8px}
  .demo-step-shell{padding:20px 16px}
  .demo-progress{grid-template-columns:1fr 1fr}
  .demo-step-grid{grid-template-columns:1fr}
  .demo-next-card .btn,.demo-complete-card .btn,.demo-complete-example .btn{width:100%;white-space:normal;text-align:center}
}

/* Site-wide transparent content hierarchy: keep the workshop artwork
   continuous and place each major section on one inset reading surface. */
body.site-page main>section,
body.site-page main>section:first-child,
body.site-page main>section:nth-of-type(odd),
body.site-page main>section:nth-of-type(even){
  border-bottom:0;
  background:transparent!important;
}

/* The background-layer rule above applies positioning to direct body
   children. Restore the skip link's intended accessible hidden state. */
body.site-page>.skip-link{
  position:fixed;
  transform:translateY(-150%);
}
body.site-page>.skip-link:focus,
body.site-page>.skip-link:focus-visible{
  transform:translateY(0);
}

body.site-page:not(.intro-page) main>section>.container,
body.site-page:not(.intro-page) main>.hero>.container>.card{
  padding:24px 26px;
  border:1px solid rgba(195,235,239,.20);
  border-radius:9px;
  background:linear-gradient(125deg,rgba(53,214,196,.055),rgba(5,21,27,.82) 42%);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}

body.site-page:not(.intro-page) main>section>.container.card,
body.site-page:not(.intro-page) main>.hero>.container>.card{
  border-left:4px solid var(--teal);
}

/* Preserve semantic accent colors while using the unified surface depth. */
body.site-page:not(.intro-page) main>section>.container.research-note{
  border-left-color:var(--gold);
}

@media(max-width:700px){
  body.site-page:not(.intro-page) main>section>.container,
  body.site-page:not(.intro-page) main>.hero>.container>.card{
    padding:18px 17px;
  }
}