
:root {
  --navy:#0B2D5B; --teal:#0E9F8F; --mint:#7CD5C7; --blue:#4988C4;
  --ink:#183047; --muted:#647687; --line:#DDE8EC; --bg:#F7FAFB; --panel:#FFFFFF;
  --soft-teal:rgba(124,213,199,.15); --soft-blue:rgba(73,136,196,.10);
  --warning:#FFF8E8; --warning-line:#E9B949;
  --shadow:0 14px 38px rgba(11,45,91,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit}
button,input{font:inherit}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px;z-index:99} .skip:focus{left:10px;top:10px}
.topbar{height:70px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:18px}
.brand{display:flex;align-items:center;gap:12px;min-width:285px;text-decoration:none}
.brandmark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800;letter-spacing:-.04em;box-shadow:inset 0 -4px 0 rgba(14,159,143,.85)}
.brandtext b{display:block;font-size:16px;color:var(--navy)} .brandtext span{font-size:11px;color:var(--muted)}
.searchbox{position:relative;flex:1;max-width:650px}
.searchbox input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 44px 12px 42px;background:#fff;outline:none;color:var(--ink)}
.searchbox input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(73,136,196,.12)}
.search-icon{position:absolute;left:14px;top:11px;color:var(--muted)}
.clear-search{position:absolute;right:9px;top:7px;border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
.top-actions{margin-left:auto;display:flex;gap:8px}
.top-actions button{border:1px solid var(--line);background:#fff;color:var(--navy);padding:9px 11px;border-radius:10px;cursor:pointer}
.layout{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:calc(100vh - 70px)}
.sidebar{position:sticky;top:70px;height:calc(100vh - 70px);overflow:auto;background:#fff;border-right:1px solid var(--line);padding:18px 14px 30px}
.sidebar-home{display:block;text-decoration:none;padding:11px 12px;margin-bottom:8px;border-radius:10px;font-weight:700;color:var(--navy)}
.sidebar-home:hover,.sidebar-home.active{background:var(--soft-teal)}
.nav-group{border-bottom:1px solid #EDF2F4;padding:5px 0}
.nav-group summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.075em;font-weight:800;color:#597184;display:flex;justify-content:space-between}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary span{font-size:10px;background:#F0F5F7;border-radius:999px;padding:2px 7px}
.nav-link{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;text-decoration:none;padding:9px 12px;border-radius:9px;font-size:13px;line-height:1.28}
.nav-link:hover{background:var(--soft-blue)} .nav-link.active{background:var(--soft-teal);color:var(--navy);font-weight:700}
.nav-link small{font-size:9px;color:#5E7485;text-align:right;max-width:74px;line-height:1.15}
.sidebar-foot{font-size:11px;color:var(--muted);line-height:1.5;padding:18px 12px}
.content{min-width:0;padding:34px 44px 60px;max-width:1260px;width:100%;margin:0 auto}
.home,.topic{display:none} .home.active,.topic.active{display:block}
.hero{background:
 radial-gradient(circle at 82% 22%, rgba(124,213,199,.42), transparent 32%),
 linear-gradient(135deg, rgba(73,136,196,.12), rgba(255,255,255,.96) 52%);
 border:1px solid var(--line);border-radius:22px;padding:42px;display:grid;grid-template-columns:1.35fr .8fr;gap:34px;box-shadow:var(--shadow)}
.kicker,.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:var(--teal)}
.hero h1{font-size:42px;line-height:1.08;margin:12px 0 16px;color:var(--navy);letter-spacing:-.03em}
.hero p{font-size:17px;line-height:1.65;color:#4B6475;margin:0;max-width:760px}
.hero-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.primary-link,.secondary-link{text-decoration:none;border-radius:10px;padding:11px 15px;font-weight:750;font-size:14px}
.primary-link{background:var(--navy);color:#fff} .secondary-link{background:#fff;border:1px solid var(--line);color:var(--navy)}
.journey-mini{display:grid;gap:8px;align-content:center}
.journey-mini div{background:rgba(255,255,255,.86);border:1px solid rgba(73,136,196,.16);border-radius:12px;padding:10px 13px;display:flex;align-items:center;gap:12px}
.journey-mini b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft-teal);color:var(--navy);font-size:11px}
.journey-mini span{font-weight:750;color:var(--navy)}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.principle{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.principle span{display:block;color:var(--teal);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:8px}
.principle b{font-size:14px;line-height:1.45;color:#2B465C}
.section-title{color:var(--navy);font-size:22px;margin:34px 0 14px}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.role-grid a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;transition:.15s}
.role-grid a:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:rgba(14,159,143,.35)}
.role-grid b{display:block;color:var(--navy);margin-bottom:6px} .role-grid span{font-size:13px;color:var(--muted);line-height:1.45}
.guardrail{background:var(--navy);border-radius:18px;padding:8px 24px;color:#fff}
.guardrail div{display:grid;grid-template-columns:190px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.guardrail div:last-child{border-bottom:0} .guardrail b{color:var(--mint)} .guardrail span{color:#DDE8F0}
.topic{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 40px;box-shadow:var(--shadow)}
.topic-header{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:22px}
.topic h1{font-size:34px;letter-spacing:-.025em;color:var(--navy);margin:7px 0 10px;line-height:1.12}
.lede{font-size:16px;color:#526A7B;line-height:1.6;max-width:800px;margin:0}
.badge{align-self:flex-start;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.badge.required{background:rgba(14,159,143,.12);color:#08786B;border:1px solid rgba(14,159,143,.24)}
.badge.environment{background:rgba(73,136,196,.11);color:#2F6C9F;border:1px solid rgba(73,136,196,.23)}
.badge.release{background:#F6F4EC;color:#7C6726;border:1px solid #E8DFC2}
.breadcrumb{margin:18px 0 28px;color:#526A7B;font-size:12px} .breadcrumb span{margin:0 5px;color:#647687}
.topic section{max-width:900px;margin:26px 0}
.topic h3{font-size:17px;color:#29465B;margin:0 0 10px}
.topic p,.topic li{font-size:14px;line-height:1.67;color:#425C6D}
.topic ol,.topic ul{padding-left:24px;margin:8px 0} .topic li{margin:7px 0}
.note{max-width:900px;background:var(--warning);border-left:4px solid var(--warning-line);border-radius:8px;padding:14px 16px;margin-top:30px}
.note strong{color:#6E5500} .note p{margin:4px 0 0;color:#6E5B21}
.table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
table{width:100%;border-collapse:collapse;font-size:13px} th,td{text-align:left;vertical-align:top;padding:11px 12px;border-bottom:1px solid var(--line);line-height:1.45}
th{background:#F3F8FA;color:#36546A;font-size:11px;text-transform:uppercase;letter-spacing:.05em} tr:last-child td{border-bottom:0}
.topic-actions{display:flex;gap:8px;margin-top:28px;border-top:1px solid var(--line);padding-top:18px}
.secondary{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:9px;padding:9px 12px;cursor:pointer}
.pager{display:flex;justify-content:space-between;gap:10px;margin-top:18px}
.pager button{border:0;background:transparent;color:var(--blue);font-weight:750;cursor:pointer;padding:8px 0}
.search-results{display:none;position:fixed;z-index:40;top:62px;left:340px;right:180px;max-width:650px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 48px rgba(11,45,91,.18);max-height:55vh;overflow:auto}
.search-results.open{display:block}
.search-result{display:block;padding:12px 14px;text-decoration:none;border-bottom:1px solid #EEF3F5}
.search-result:last-child{border-bottom:0} .search-result:hover{background:var(--soft-blue)}
.search-result b{display:block;color:var(--navy);font-size:13px} .search-result span{font-size:11px;color:var(--muted)}
.no-results{padding:18px;color:var(--muted);font-size:13px}
.footer{margin-top:30px;color:#647687;font-size:11px;line-height:1.55}
.mobile-nav{display:none}
@media(max-width:1000px){
  .layout{grid-template-columns:270px minmax(0,1fr)} .brand{min-width:235px} .content{padding:28px}
  .hero{grid-template-columns:1fr} .principle-grid{grid-template-columns:repeat(2,1fr)} .role-grid{grid-template-columns:repeat(2,1fr)}
  .search-results{left:280px;right:120px}
}
@media(max-width:760px){
  .topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 14px} .brand{min-width:0;flex:1}
  .top-actions{display:none} .searchbox{order:3;flex-basis:100%;max-width:none}
  .mobile-nav{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 10px;color:var(--navy)}
  .layout{display:block} .sidebar{display:none;position:fixed;inset:126px 0 0 0;height:auto;z-index:30} .sidebar.open{display:block}
  .content{padding:18px} .hero{padding:28px 22px} .hero h1{font-size:33px}
  .principle-grid,.role-grid{grid-template-columns:1fr} .topic{padding:24px 20px;border-radius:16px}
  .topic-header{display:block} .badge{display:inline-block;margin-top:12px} .topic h1{font-size:28px}
  .guardrail div{grid-template-columns:1fr;gap:4px} .search-results{position:fixed;left:14px;right:14px;top:120px;max-width:none}
}
@media print{
  .topbar,.sidebar,.topic-actions,.pager,.search-results{display:none!important}
  .layout{display:block} .content{padding:0;max-width:none} body{background:#fff}
  .home,.topic{display:none!important;box-shadow:none;border:0;padding:0}
  .home.active,.topic.active{display:block!important}
  .topic h1{font-size:28px}
}


/* TrustPlane website palette and support-extension refinements */
:root{
  --navy:#0B2D5B;
  --teal:#0E9F8F;
  --mint:#7CD5C7;
  --blue:#4988C4;
  --website-white:#FFFFFF;
}
body{
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
  padding-bottom:env(safe-area-inset-bottom);
}
.topbar{
  padding-left:max(22px,env(safe-area-inset-left));
  padding-right:max(22px,env(safe-area-inset-right));
}
.guide-title-link{
  text-decoration:none;
  color:var(--navy);
  font-size:13px;
  font-weight:760;
  border-left:1px solid var(--line);
  padding-left:16px;
  white-space:nowrap;
}
.top-support-link{
  border:1px solid var(--line);
  background:#fff;
  color:var(--navy);
  padding:9px 11px;
  border-radius:10px;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}
.badge.pack{
  background:rgba(124,213,199,.16);
  color:#08786B;
  border:1px solid rgba(14,159,143,.28);
}
.badge.feature{
  background:rgba(73,136,196,.10);
  color:#2F6C9F;
  border:1px solid rgba(73,136,196,.23);
}
.capability-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.capability-grid a{
  background:linear-gradient(145deg,#fff,rgba(124,213,199,.075));
  border:1px solid var(--line);
  border-radius:16px;
  padding:19px;
  text-decoration:none;
  min-height:145px;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.capability-grid a:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
  border-color:rgba(14,159,143,.35);
}
.capability-grid span{
  display:block;
  color:var(--teal);
  text-transform:uppercase;
  letter-spacing:.075em;
  font-size:10px;
  font-weight:850;
  margin-bottom:10px;
}
.capability-grid b{
  display:block;
  color:var(--navy);
  font-size:14px;
  line-height:1.5;
}
.nav-scrim,.mobile-quick{display:none}
.nav-link,.sidebar-home,.top-actions button,.top-support-link,.primary-link,.secondary-link,.secondary,.pager button{
  min-height:42px;
}
.topic h1{font-size:clamp(27px,3vw,34px)}
.hero h1{font-size:clamp(34px,4.1vw,48px)}
.content{padding-bottom:84px}
@media(max-width:1120px){
  .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-title-link{display:none}
}
@media(max-width:760px){
  .topbar{
    position:sticky;
    padding-left:max(14px,env(safe-area-inset-left));
    padding-right:max(14px,env(safe-area-inset-right));
  }
  .brandmark{width:38px;height:38px}
  .sidebar.open{
    display:block;
    inset:126px auto 0 0;
    width:min(88vw,360px);
    box-shadow:18px 0 46px rgba(11,45,91,.16);
    padding-bottom:calc(90px + env(safe-area-inset-bottom));
  }
  .nav-scrim.open{
    display:block;
    position:fixed;
    inset:126px 0 0 0;
    z-index:29;
    border:0;
    background:rgba(11,45,91,.35);
    backdrop-filter:blur(2px);
  }
  .mobile-quick{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    position:fixed;
    z-index:45;
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    bottom:max(8px,env(safe-area-inset-bottom));
    border:1px solid rgba(11,45,91,.12);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(14px);
    box-shadow:0 12px 36px rgba(11,45,91,.18);
    border-radius:16px;
    overflow:hidden;
  }
  .mobile-quick a{
    text-decoration:none;
    min-height:58px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:2px;
    color:var(--navy);
    font-weight:800;
    font-size:13px;
  }
  .mobile-quick a span{color:var(--teal)}
  .mobile-quick a small{font-size:9px;font-weight:750;color:#5E7485}
  .mobile-quick a:active{background:var(--soft-teal)}
  .capability-grid{grid-template-columns:1fr}
  .capability-grid a{min-height:0}
  .topic{box-shadow:none}
  .topic p,.topic li{font-size:15px}
  .topic section{margin:24px 0}
  .table-wrap{margin-left:-4px;margin-right:-4px}
  .content{padding-bottom:110px}
}
@media(max-width:420px){
  .hero{padding:24px 18px}
  .topic{padding:22px 17px}
  .principle{padding:15px}
  .brandtext span{display:none}
}
@media print{
  .mobile-quick,.nav-scrim,.top-support-link,.guide-title-link{display:none!important}
}

/* v1.2 guided / non-technical experience */
.nontech-strip{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:0 0 18px;padding:12px 14px;border:1px solid rgba(14,159,143,.18);
  background:rgba(124,213,199,.10);border-radius:12px;color:#405A6B;font-size:13px;
}
.nontech-strip b{color:#0B2D5B}
.nontech-strip a{margin-left:auto;color:#08786B;font-weight:800;text-decoration:none}
.guided-start{
  margin:18px 0 0;background:#fff;border:1px solid #DDE8EC;border-radius:20px;
  padding:28px;box-shadow:0 14px 38px rgba(11,45,91,.06)
}
.guided-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.guided-head h2{margin:8px 0 8px;color:#0B2D5B;font-size:28px;letter-spacing:-.02em}
.guided-head p{margin:0;max-width:760px;color:#647687;line-height:1.6}
.guided-badge{
  white-space:nowrap;border-radius:999px;background:rgba(124,213,199,.16);
  color:#08786B;border:1px solid rgba(14,159,143,.25);padding:7px 11px;
  font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.055em
}
.guided-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.guided-steps a{
  display:flex;gap:12px;text-decoration:none;background:#F9FCFC;border:1px solid #E3ECEF;
  border-radius:14px;padding:15px;color:#183047
}
.guided-steps a>b{
  width:32px;height:32px;min-width:32px;display:grid;place-items:center;border-radius:50%;
  background:#0B2D5B;color:#fff;font-size:12px
}
.guided-steps strong{display:block;color:#0B2D5B;font-size:14px;margin-bottom:4px}
.guided-steps small{display:block;color:#647687;line-height:1.45;font-size:12px}
.friendly-note{
  margin-top:16px;background:#FFF8E8;border-left:4px solid #E9B949;border-radius:8px;
  padding:13px 15px;color:#655521;font-size:13px;line-height:1.5
}
.plain-panel{
  max-width:900px;margin:0 0 28px;padding:20px;border-radius:16px;
  background:linear-gradient(135deg,rgba(124,213,199,.12),rgba(73,136,196,.05));
  border:1px solid rgba(14,159,143,.16)
}
.plain-top{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.task-owner,.plain-label{
  display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;
  font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.045em
}
.task-owner.self{background:rgba(14,159,143,.13);color:#08786B}
.task-owner.joint{background:rgba(73,136,196,.12);color:#2F6C9F}
.task-owner.it{background:#F6F4EC;color:#7C6726}
.plain-label{background:#fff;color:#6B7E8C;border:1px solid #DDE8EC}
.plain-panel h2{color:#0B2D5B;font-size:18px;margin:10px 0 7px}
.plain-panel>p{font-size:15px;line-height:1.6;color:#405B6D;margin:0}
.owner-help{margin-top:15px;padding-top:13px;border-top:1px solid rgba(11,45,91,.08)}
.owner-help b{color:#0B2D5B;font-size:13px}
.owner-help p{margin:4px 0 0!important;color:#536A79!important;font-size:13px!important;line-height:1.5!important}
.topic-terms{margin-top:15px}
.topic-terms h3{margin:0 0 8px!important;font-size:13px!important;color:#0B2D5B!important}
.topic-terms details{
  background:#fff;border:1px solid #DDE8EC;border-radius:9px;margin:6px 0;padding:8px 10px
}
.topic-terms summary{cursor:pointer;color:#0B2D5B;font-size:12px;font-weight:750}
.topic-terms p{font-size:12px!important;line-height:1.5!important;color:#5D7281!important;margin:7px 0 0!important}
.stuck-box{
  max-width:900px;background:#F7FAFB;border:1px solid #DDE8EC;border-radius:12px;padding:15px 17px!important
}
.stuck-box h3{margin:0 0 6px!important}
.stuck-box p{margin:0!important;font-size:13px!important;line-height:1.55!important}
.glossary-home{margin-top:36px}
.glossary-home>h2{color:#0B2D5B;font-size:22px;margin:8px 0 14px}
.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.glossary-item{background:#fff;border:1px solid #DDE8EC;border-radius:12px;padding:14px}
.glossary-item b{color:#0B2D5B;font-size:13px}
.glossary-item p{margin:5px 0 0;color:#647687;font-size:12px;line-height:1.5}
.guided-link{background:rgba(124,213,199,.11)}
@media(max-width:900px){
  .guided-steps{grid-template-columns:1fr}
  .glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .nontech-strip{font-size:12px}
  .nontech-strip a{margin-left:0;width:100%}
  .guided-start{padding:20px 16px;border-radius:16px}
  .guided-head{display:block}
  .guided-badge{display:inline-flex;margin-top:12px}
  .guided-head h2{font-size:24px}
  .plain-panel{padding:16px}
  .glossary-grid{grid-template-columns:1fr}
}

/* v1.3 prerequisites + full glossary + legal references */
.prereq-cards{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
.prereq-cards div{
  background:#fff;border:1px solid #DDE8EC;border-radius:12px;padding:15px;
}
.prereq-cards b{display:block;color:#0B2D5B;font-size:13px;margin-bottom:6px}
.prereq-cards span{display:block;color:#647687;font-size:12px;line-height:1.48}
.capacity-warning{
  max-width:900px;background:rgba(73,136,196,.07);border:1px solid rgba(73,136,196,.20);
  border-radius:14px;padding:18px 20px!important
}
.capacity-warning h3{color:#0B2D5B!important}
.capacity-warning p{margin:7px 0!important}
.glossary-search-label{
  display:block;color:#0B2D5B;font-size:13px;font-weight:800;margin-bottom:7px
}
.glossary-search{
  width:min(720px,100%);border:1px solid #DDE8EC;border-radius:11px;padding:12px 14px;
  font:inherit;color:#183047;background:#fff;outline:none
}
.glossary-search:focus{
  border-color:#4988C4;box-shadow:0 0 0 3px rgba(73,136,196,.12)
}
.full-glossary dl{margin:18px 0 0}
.full-glossary-item{
  display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:18px;
  padding:13px 4px;border-bottom:1px solid #E8EFF2
}
.full-glossary-item dt{font-weight:800;color:#0B2D5B;font-size:13px}
.full-glossary-item dd{margin:0;color:#526A7B;font-size:13px;line-height:1.55}
.full-glossary-item.hidden{display:none}
.legal-disclaimer{
  background:#fff;border:1px solid #DDE8EC;border-radius:16px;padding:20px!important;
  box-shadow:0 10px 28px rgba(11,45,91,.05)
}
.legal-disclaimer h3{font-size:19px!important;color:#0B2D5B!important}
.legal-disclaimer p{font-size:13px!important;line-height:1.65!important}
.official-ref-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px
}
.official-ref{
  display:block;text-decoration:none;background:#fff;border:1px solid #DDE8EC;border-radius:13px;
  padding:15px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease
}
.official-ref:hover{
  transform:translateY(-1px);border-color:rgba(14,159,143,.36);
  box-shadow:0 10px 25px rgba(11,45,91,.07)
}
.official-ref b{display:block;color:#0B2D5B;font-size:13px;line-height:1.4;margin-bottom:6px}
.official-ref span{display:block;color:#647687;font-size:11px;line-height:1.45;margin-bottom:9px}
.official-ref small{color:#2F6C9F;font-weight:800}
.footer-link{color:#2F6C9F;text-decoration:none;font-weight:700}
@media(max-width:900px){
  .prereq-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .prereq-cards,.official-ref-grid{grid-template-columns:1fr}
  .full-glossary-item{grid-template-columns:1fr;gap:4px}
  .prereq-table{min-width:760px}
}

/* v1.4 publication accessibility hardening */
.kicker,.eyebrow,.principle span,.capability-grid span{color:#08786B}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{
  outline:3px solid rgba(73,136,196,.46);
  outline-offset:3px;
}
#guided-start,.topic{scroll-margin-top:96px}
.reference-reviewed{
  margin-top:16px!important;padding-top:14px;border-top:1px solid #DDE8EC;
  color:#405A6B!important
}
@media(max-width:760px){
  #guided-start,.topic{scroll-margin-top:138px}
}

/* v1.5 — exact current TrustPlane website theme alignment */
:root{
  --web-ink:#0A1733;
  --web-ink-2:#22314F;
  --web-cobalt:#2767F5;
  --web-cobalt-2:#174DD6;
  --web-cyan:#16C7F3;
  --web-violet:#8478FF;
  --web-periwinkle:#A9B8FF;
  --web-mint:#CFF8E8;
  --web-lime:#DDF58B;
  --web-sky:#EDF7FF;
  --web-lilac:#F1EFFF;
  --web-line:#E5EAF1;
  --web-soft:#F8FAFD;
  --web-shadow:0 18px 55px rgba(30,71,134,.11);
  --web-shadow-soft:0 10px 30px rgba(30,71,134,.07);
  --ink:var(--web-ink);
  --muted:#6D7890;
  --line:#E2E8F0;
  --bg:var(--web-soft);
  --panel:#fff;
  --soft-blue:rgba(39,103,245,.065);
  --soft-teal:rgba(22,199,243,.075);
  --shadow:var(--web-shadow-soft);
}
html{background:var(--web-soft)}
body{
  color:var(--web-ink);
  background:
    radial-gradient(circle at 82% 1%,rgba(22,199,243,.10),transparent 24rem),
    radial-gradient(circle at 61% 8%,rgba(132,120,255,.075),transparent 22rem),
    var(--web-soft);
  font-family:"Manrope","Montserrat",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.topbar{
  background:rgba(255,255,255,.88);
  border-color:rgba(226,232,240,.90);
  backdrop-filter:blur(18px);
  box-shadow:0 8px 26px rgba(35,72,125,.035);
}
.brandmark{
  border:0;
  background:linear-gradient(145deg,var(--web-cobalt),var(--web-cyan));
  box-shadow:0 10px 26px rgba(39,103,245,.24);
}
.brandtext b,.guide-title-link,.top-support-link{color:var(--web-ink)}
.brandtext b,.hero h1,.topic h1,.section-title,.capability-grid b{font-family:"Montserrat","Manrope",sans-serif}
.brandtext span{color:#7D89A0}
.searchbox input,.top-actions button,.top-support-link{
  border-color:#E1E7EF;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(35,72,125,.035)
}
.searchbox input:focus{border-color:rgba(39,103,245,.42);box-shadow:0 0 0 4px rgba(39,103,245,.07)}
.top-actions button:hover,.top-support-link:hover{border-color:#CAD7E7;background:#FBFCFE}
.sidebar{
  background:
    radial-gradient(circle at 20% 3%,rgba(22,199,243,.075),transparent 14rem),
    radial-gradient(circle at 90% 25%,rgba(132,120,255,.055),transparent 13rem),
    rgba(255,255,255,.95);
  border-color:rgba(226,232,240,.90);
  box-shadow:12px 0 38px rgba(28,64,115,.025);
}
.sidebar-home{color:var(--web-ink)}
.sidebar-home:hover,.sidebar-home.active,.guided-link{
  background:linear-gradient(90deg,rgba(39,103,245,.075),rgba(22,199,243,.055),rgba(132,120,255,.035));
  color:var(--web-cobalt-2)
}
.nav-group{border-color:#EEF2F7}
.nav-group summary{color:#7B879B}
.nav-group summary span{background:#F2F6FB;color:#63728D}
.nav-link{color:#526078;border:1px solid transparent}
.nav-link:hover{background:linear-gradient(90deg,rgba(39,103,245,.055),rgba(22,199,243,.04));color:var(--web-ink)}
.nav-link.active{
  background:linear-gradient(90deg,rgba(39,103,245,.11),rgba(22,199,243,.08),rgba(132,120,255,.045));
  border-color:rgba(39,103,245,.10);color:var(--web-cobalt-2);font-weight:750
}
.content{background:transparent}
.hero{
  border:1px solid rgba(39,103,245,.10);
  background:
    radial-gradient(circle at 78% 20%,rgba(22,199,243,.17),transparent 16rem),
    radial-gradient(circle at 92% 80%,rgba(132,120,255,.13),transparent 15rem),
    linear-gradient(135deg,#FFFFFF 5%,#F8FBFF 48%,#F8F8FF 100%);
  box-shadow:var(--web-shadow);position:relative;overflow:hidden
}
.hero h1,.topic h1,.section-title,.principle b,.role-grid b,.capability-grid b,.search-result b{color:var(--web-ink)}
.kicker,.eyebrow,.principle span,.capability-grid span{color:var(--web-cobalt)}
.hero p,.lede,.role-grid span{color:#738097}
.primary-link{
  border:0;background:linear-gradient(100deg,var(--web-cobalt),#4D7CF7 55%,var(--web-cyan));
  box-shadow:0 9px 21px rgba(39,103,245,.19)
}
.secondary-link,.secondary{
  border-color:#DDE5EF;background:#fff;color:var(--web-cobalt-2);box-shadow:0 4px 12px rgba(33,72,128,.035)
}
.journey-mini div,.principle,.role-grid a,.capability-grid a,.topic{
  border-color:rgba(224,231,240,.90);background:rgba(255,255,255,.95);box-shadow:var(--web-shadow-soft)
}
.journey-mini b{
  background:linear-gradient(145deg,rgba(39,103,245,.12),rgba(22,199,243,.13));color:var(--web-cobalt-2)
}
.role-grid a:hover,.capability-grid a:hover{
  border-color:rgba(39,103,245,.16);box-shadow:0 16px 40px rgba(30,71,134,.09)
}
.capability-grid a:nth-child(1){background:linear-gradient(155deg,#fff 55%,rgba(39,103,245,.045))}
.capability-grid a:nth-child(2){background:linear-gradient(155deg,#fff 55%,rgba(22,199,243,.055))}
.capability-grid a:nth-child(3){background:linear-gradient(155deg,#fff 55%,rgba(132,120,255,.045))}
.capability-grid a:nth-child(4){background:linear-gradient(155deg,#fff 55%,rgba(207,248,232,.30))}
.guardrail{
  background:linear-gradient(105deg,var(--web-ink),#17366F 58%,#225996);box-shadow:var(--web-shadow)
}
.guardrail b{color:#BEEFFF}.guardrail span{color:#E7EEF9}
.topic{border-radius:20px}
.topic-header{border-color:#E7ECF2}
.badge.required,.badge.pack{
  background:linear-gradient(100deg,#EEF3FF,#F1F7FF);color:#315ED1;border-color:#E2E9FF
}
.badge.environment,.badge.feature{
  background:linear-gradient(100deg,rgba(22,199,243,.10),rgba(39,103,245,.065));color:#2358CB;border-color:rgba(39,103,245,.12)
}
.badge.release{background:#FFF7D8;color:#8A6900;border-color:#F8EAB3}
.plain-panel,.guided-start{
  background:
    radial-gradient(circle at 90% 10%,rgba(22,199,243,.09),transparent 13rem),
    linear-gradient(135deg,rgba(39,103,245,.045),rgba(132,120,255,.032),#fff);
  border-color:rgba(39,103,245,.11);box-shadow:var(--web-shadow-soft)
}
.task-owner.self{background:#E8FBF4;color:#0D8C72}
.task-owner.joint{background:#EEF3FF;color:#315ED1}
.task-owner.it{background:#FFF7D8;color:#8A6900}
.guided-badge{background:linear-gradient(100deg,#EEF3FF,#F1F7FF);color:#315ED1;border-color:#E2E9FF}
.guided-steps a{
  background:linear-gradient(155deg,#fff,#FBFCFF);border-color:#E2E8F0;box-shadow:0 7px 22px rgba(31,72,130,.035)
}
.guided-steps a>b{background:linear-gradient(145deg,var(--web-cobalt),var(--web-cyan));box-shadow:0 7px 18px rgba(39,103,245,.18)}
.topic-terms details,.glossary-item,.prereq-cards div,.official-ref{
  border-color:#E2E8F0;background:linear-gradient(155deg,#fff,#FBFCFF);box-shadow:0 7px 22px rgba(31,72,130,.035)
}
.table-wrap{border-color:#E1E8F0}
th{background:linear-gradient(180deg,#FBFCFE,#F7F9FC);color:#6F7D93}
td{border-color:#EEF2F6}
.search-results{border-color:#DDE5EF;box-shadow:0 20px 48px rgba(30,71,134,.16)}
.search-result:hover{background:linear-gradient(90deg,rgba(39,103,245,.045),rgba(22,199,243,.035))}
.pager button,.footer-link,.official-ref small,.nontech-strip a{color:var(--web-cobalt-2)}
.mobile-quick{
  border-color:rgba(39,103,245,.12);background:rgba(255,255,255,.96);box-shadow:0 12px 36px rgba(30,71,134,.16)
}
.mobile-quick a{color:var(--web-ink)}
.mobile-quick a span{color:var(--web-cobalt)}
.mobile-quick a:active{background:rgba(39,103,245,.06)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline-color:rgba(39,103,245,.48)}
