@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* ════════════════════════════════════════════════════════════
   Bidsquare Documentation — shared design system
   Header: teal · Hero: navy · Body: warm paper
   ════════════════════════════════════════════════════════════ */

:root{
  --bg:#F5F3EE;--bg2:#EDEAE3;--card:#FFFFFF;
  --text:#252B38;--text-mid:#5F6578;--text-light:#9099AC;
  --border:#DDD9D1;--border2:#C9C4BA;
  --nav-bg:#243044;                 /* navy — hero, footer, accents */
  --teal:#2590E3;--teal-dk:#1B7AC4; /* teal — the header bar       */
  --fjord:#2E6B88;--fjord-lt:#E3EFF5;
  --pine:#3A7362;--pine-lt:#E3EFEB;
  --honey:#A87830;--honey-lt:#F6EBCC;
  --rust:#A84E38;--rust-lt:#F5E8E3;
  --iris:#6050A0;--iris-lt:#EEEBF8;
  --nordic:#217480;--nordic-lt:#DFF0F2;
  --sidebar-w:280px;--header-h:60px;
  --maxw:940px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px);}
body{font-family:'Nunito',sans-serif;font-size:16px;line-height:1.8;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;}
a{color:var(--fjord);}
img{max-width:100%;}

/* Accessibility: visible focus + skip link + reduced motion */
:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:4px;}
.skip-link{position:absolute;left:-9999px;top:0;z-index:300;background:var(--nav-bg);color:#fff;padding:12px 18px;border-radius:0 0 8px 0;font-family:'Albert Sans',sans-serif;font-weight:700;text-decoration:none;}
.skip-link:focus{left:0;}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}}

/* ── App header (teal) ──────────────────────────────────── */
.appbar{position:fixed;top:0;left:0;right:0;z-index:120;height:var(--header-h);background:var(--teal);display:flex;align-items:center;padding:0 22px;box-shadow:0 1px 0 rgba(0,0,0,.1),0 3px 18px rgba(0,222,253,.22);}
.appbar-logo{display:flex;align-items:center;gap:14px;width:var(--sidebar-w);flex-shrink:0;padding-right:18px;border-right:1px solid rgba(255,255,255,.28);}
.appbar-logo svg{height:22px;display:block;flex-shrink:0;}
.appbar-logo svg g path,.appbar-logo svg > path{fill:#fff!important;}
.appbar-title{font-family:'Albert Sans',sans-serif;font-size:13px;font-weight:600;color:rgba(255,255,255,.95);letter-spacing:.01em;margin-left:18px;white-space:nowrap;}
.appbar-spacer{flex:1;}
.search-trigger{display:flex;align-items:center;gap:10px;width:300px;max-width:38vw;padding:9px 12px;border:1px solid rgba(255,255,255,.4);border-radius:8px;background:rgba(255,255,255,.16);color:rgba(255,255,255,.92);font-family:'Nunito',sans-serif;font-size:14px;cursor:pointer;transition:background .16s,border-color .16s;}
.search-trigger:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.7);}
.search-trigger svg{flex-shrink:0;}
.search-trigger .st-label{flex:1;text-align:left;}
.search-trigger .kbd{font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.45);border-radius:4px;padding:2px 7px;}
.appbar-hub{margin-left:16px;font-family:'Albert Sans',sans-serif;font-size:13px;font-weight:600;color:rgba(255,255,255,.85);text-decoration:none;white-space:nowrap;transition:color .15s;}
.appbar-hub:hover{color:#fff;}
.menu-btn{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:8px;color:#fff;cursor:pointer;padding:7px;margin-right:12px;transition:background .15s;}
.menu-btn:hover{background:rgba(255,255,255,.26);}

/* ── Sidebar (cross-page nav + in-page anchors) ─────────── */
.sidebar{position:fixed;top:var(--header-h);left:0;bottom:0;width:var(--sidebar-w);background:var(--card);border-right:1px solid var(--border);overflow-y:auto;z-index:60;padding:22px 0 48px;transition:transform .3s ease;}
.sidebar::-webkit-scrollbar{width:5px;}
.sidebar::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;}
.sidebar-overlay{display:none;position:fixed;inset:0;top:var(--header-h);background:rgba(0,0,0,.35);z-index:115;}
.sb-group{padding:0 14px;margin-bottom:20px;}
.sb-label{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:none;border:none;text-align:left;cursor:default;font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--text-light);padding:4px 12px;margin-bottom:8px;transition:color .14s;}
.sb-group-toggle > .sb-label{cursor:pointer;}
.sb-group-toggle > .sb-label:hover{color:var(--text-mid);}
.sb-chevron{flex-shrink:0;opacity:.55;transition:transform .2s ease;}
.sb-group.collapsed > .sb-label .sb-chevron{transform:rotate(-90deg);}
.sb-group-items{display:flex;flex-direction:column;gap:1px;}
.sb-group.collapsed > .sb-group-items{display:none;}
.sb-link{display:flex;align-items:center;gap:9px;padding:9px 12px;color:var(--text-mid);text-decoration:none;font-size:15px;line-height:1.35;border-radius:8px;transition:background .14s,color .14s;}
.sb-link-label{flex:1 1 auto;min-width:0;}
.sb-time{flex-shrink:0;font-size:11px;font-weight:700;color:var(--text-light);background:var(--bg2);border-radius:20px;padding:1px 7px;letter-spacing:.01em;font-variant-numeric:tabular-nums;}
.sb-link:hover .sb-time{color:var(--text-mid);}
.sb-link.current .sb-time{background:#fff;color:var(--fjord);}

/* ── Persistent progress bar + checkable items ──────────── */
.pbar{display:flex;align-items:center;gap:12px;margin:0 0 18px;}
.pbar-track{flex:1 1 auto;height:8px;background:var(--bg2);border-radius:20px;overflow:hidden;}
.pbar-fill{height:100%;width:0;background:var(--pine);border-radius:20px;transition:width .3s ease;}
.pbar-count{flex-shrink:0;font-size:13px;font-weight:700;color:var(--text-mid);font-variant-numeric:tabular-nums;}
.pbar.complete .pbar-fill{background:var(--pine);}
.pbar.complete .pbar-count{color:var(--pine);}
.pbar.complete .pbar-count::after{content:" ✓";}

.day1{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 24px 8px;box-shadow:0 1px 3px rgba(15,30,54,.05);margin:0 0 8px;}
.day1-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:4px;}
.day1-head h3{font-size:19px;font-weight:800;color:var(--text);margin:0;}
.day1-head .day1-tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pine);}
.day1-lead{font-size:15px;color:var(--text-mid);margin:0 0 16px;}
.day1 .pcheck{display:flex;align-items:flex-start;gap:13px;padding:13px 4px;border-top:1px solid var(--border);cursor:pointer;transition:background .12s;}
.day1 .pcheck:hover{background:var(--bg);}
.pcheck-box{flex-shrink:0;width:24px;height:24px;border:2px solid var(--border2);border-radius:7px;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:background .14s,border-color .14s;}
.pcheck-box svg{width:14px;height:14px;stroke:#fff;stroke-width:3.5;opacity:0;transition:opacity .12s;}
.pcheck.checked .pcheck-box{background:var(--pine);border-color:var(--pine);}
.pcheck.checked .pcheck-box svg{opacity:1;}
.pcheck-body{flex:1 1 auto;min-width:0;}
.pcheck-title{font-size:15.5px;font-weight:700;color:var(--text);transition:color .12s;}
.pcheck.checked .pcheck-title{color:var(--text-light);text-decoration:line-through;text-decoration-color:var(--border2);}
.pcheck-desc{font-size:14px;color:var(--text-mid);line-height:1.55;margin-top:2px;}
.pcheck-desc a{color:var(--fjord);font-weight:600;}
.pcheck:focus-visible{outline:2px solid var(--fjord);outline-offset:2px;border-radius:8px;}

/* ── First-auction map (Start Here) ─────────────────────── */
.fauct{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px 22px;box-shadow:0 1px 3px rgba(15,30,54,.05);margin:0 0 8px;}
.fauct-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:5px;}
.fauct-head h3{font-family:'Albert Sans',sans-serif;font-size:19px;font-weight:800;color:var(--text);margin:0;}
.fauct-head .fauct-tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--rust);white-space:nowrap;}
.fauct-lead{font-size:15px;color:var(--text-mid);line-height:1.6;margin:0 0 22px;max-width:66ch;}
.fauct-steps{list-style:none;margin:0;padding:0;}
.fauct-step{position:relative;display:flex;gap:18px;padding:0 0 22px;}
.fauct-step::before{content:"";position:absolute;left:17px;top:36px;bottom:-2px;width:2px;background:var(--border2);}
.fauct-step:last-child{padding-bottom:0;}
.fauct-step:last-child::before{display:none;}
.fauct-num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--rust);color:#fff;font-family:'Albert Sans',sans-serif;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 0 0 4px #fff;}
.fauct-body{padding-top:4px;min-width:0;}
.fauct-title{font-family:'Albert Sans',sans-serif;font-size:16.5px;font-weight:800;color:var(--text);margin-bottom:5px;}
.fauct-desc{font-size:14.5px;line-height:1.58;color:var(--text-mid);margin:0 0 11px;}
.fauct-desc strong{color:var(--text);}
.fauct-links{display:flex;flex-wrap:wrap;gap:8px;}
.fauct-links a{font-size:13px;font-weight:700;color:var(--rust);background:var(--rust-lt);border:1px solid #E2C2B6;border-radius:7px;padding:5px 11px;text-decoration:none;transition:background .12s,border-color .12s;}
.fauct-links a:hover{background:#EFD7CC;border-color:var(--rust);}
.fauct-foot{font-size:14px;color:var(--text-mid);line-height:1.6;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--border);font-style:italic;}

/* ── FAQ ─────────────────────────────────────────────────── */
.faq-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0 0 18px;font-size:13.5px;color:var(--text-mid);}
.faq-legend-label{font-weight:700;color:var(--text);}
.faq-legend-pair{display:inline-flex;align-items:center;gap:7px;}
.tag{display:inline-block;font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:20px;white-space:nowrap;}
.tag-self{color:var(--pine);background:var(--pine-lt);border:1px solid #BCD8CE;}
.tag-support{color:var(--honey);background:var(--honey-lt);border:1px solid #E6D199;}
.faq-filter{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border2);border-radius:10px;padding:0 12px;margin:0 0 8px;box-shadow:0 1px 3px rgba(15,30,54,.05);transition:border-color .15s,box-shadow .15s;}
.faq-filter:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(37,144,227,.14);}
.faq-filter-ico{flex-shrink:0;color:var(--text-light);}
.faq-filter input{flex:1 1 auto;border:0;outline:0;background:transparent;font-family:'Nunito',sans-serif;font-size:15px;color:var(--text);padding:13px 0;min-width:0;}
.faq-filter-clear{flex-shrink:0;border:0;background:transparent;color:var(--text-light);font-size:22px;line-height:1;cursor:pointer;padding:0 4px;border-radius:6px;}
.faq-filter-clear:hover{color:var(--text);}
.faq-noresults{font-size:14.5px;color:var(--text-mid);margin:14px 2px;}
.faq-sep{margin-top:30px;}
.faq-list{display:flex;flex-direction:column;gap:8px;margin-top:4px;}
.faq{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .15s,box-shadow .15s;}
.faq:hover{border-color:#C1CFDF;}
.faq[open]{border-color:var(--teal);box-shadow:0 2px 14px rgba(37,144,227,.1);}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;cursor:pointer;list-style:none;user-select:none;}
.faq-q::-webkit-details-marker{display:none;}
.faq-q:focus-visible{outline:2px solid var(--teal);outline-offset:-2px;border-radius:8px;}
.faq-qt{font-family:'Albert Sans',sans-serif;font-size:15.5px;font-weight:700;color:var(--text);line-height:1.4;margin:0;}
.faq[open] .faq-qt{color:var(--teal-dk);}
.faq-chevron{flex-shrink:0;color:var(--text-light);transition:transform .2s;}
.faq[open] .faq-chevron{transform:rotate(180deg);color:var(--teal);}
.faq-a{padding:4px 18px 18px;font-size:14.5px;color:var(--text-mid);line-height:1.7;border-top:1px solid var(--border);}
.faq-a .tag{margin:12px 0 12px;}
.faq-a p{margin:0 0 10px;}
.faq-a p:last-child{margin-bottom:0;}
.faq-a strong{color:var(--text);font-weight:700;}
.faq-a code{font-family:'Albert Sans',monospace;font-size:13px;color:var(--fjord);background:var(--fjord-lt);border:1px solid #A8C4D4;border-radius:4px;padding:1px 6px;}
.faq-a ol,.faq-a ul{margin:0 0 10px;padding-left:22px;}
.faq-a li{margin-bottom:6px;}
.faq-a li::marker{color:var(--text-light);}
.faq-a a{color:var(--fjord);font-weight:600;}
.callout{display:flex;gap:11px;align-items:flex-start;border-radius:9px;padding:13px 15px;margin:12px 0 4px;font-size:14px;line-height:1.6;}
.callout svg{flex-shrink:0;width:18px;height:18px;margin-top:2px;}
.callout-tip{background:var(--pine-lt);border:1px solid #BCD8CE;color:var(--text-mid);}
.callout-tip svg{color:var(--pine);}
.callout-warning{background:var(--rust-lt);border:1px solid #E2C2B6;color:var(--text-mid);}
.callout-warning svg{color:var(--rust);}
.faq.faq-hidden{display:none;}


/* ── User Manual: numbering, reframe, role filter, TOC ──── */
.mod-num{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;height:1.6em;padding:0 .4em;margin-right:9px;background:var(--bg2);color:var(--text-light);font-size:.62em;font-weight:800;border-radius:6px;vertical-align:middle;font-variant-numeric:tabular-nums;letter-spacing:0;}
.manual-reframe{display:flex;gap:14px;align-items:flex-start;background:var(--fjord-lt);border:1px solid var(--fjord);border-radius:12px;padding:16px 18px;margin:4px 0 22px;}
.manual-reframe .cb-ico{font-size:22px;flex-shrink:0;line-height:1.2;}
.manual-reframe .cb-title{font-weight:800;color:var(--fjord);margin-bottom:3px;}
.manual-reframe p{margin:0;color:var(--text-mid);font-size:14.5px;line-height:1.6;}
.role-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;}
.role-pill{font-family:'Albert Sans',sans-serif;font-size:14px;font-weight:600;color:var(--text-mid);background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:7px 15px;cursor:pointer;transition:all .14s;}
.role-pill:hover{border-color:var(--fjord);color:var(--fjord);}
.role-pill.active{background:var(--fjord);border-color:var(--fjord);color:#fff;}
.manual-progress-wrap{margin:0 0 18px;}
.manual-progress-wrap .mp-label{display:block;font-size:13px;font-weight:700;color:var(--text-mid);margin-bottom:7px;}
.manual-progress-wrap .pbar{margin:0;}

.sb-link:hover{background:var(--bg2);color:var(--text);}
.sb-link.current{background:var(--fjord-lt);color:var(--fjord);font-weight:700;}
.sb-current-wrap{position:relative;}
.sb-current-wrap > .sb-link{padding-right:36px;}
.sb-sub-toggle{position:absolute;top:0;right:0;height:100%;width:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--fjord);cursor:pointer;padding:0;}
.sb-sub-toggle svg{opacity:.55;transition:transform .2s ease;}
.sb-sub-toggle:hover svg{opacity:1;}
.sb-sub-toggle.collapsed svg{transform:rotate(-90deg);}
.sb-link .sb-ico{font-size:16px;flex-shrink:0;width:20px;text-align:center;}
.sb-ico .sb-svg-ico{width:17px;height:17px;display:inline-block;vertical-align:middle;}
/* nested in-page anchors under the current page */
.sb-sub{margin:4px 0 6px 14px;padding-left:14px;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:1px;}
.sb-sub.collapsed{display:none;}
.sb-sub a{display:block;padding:6px 12px;color:var(--text-mid);text-decoration:none;font-size:13.5px;line-height:1.4;border-radius:6px;transition:background .14s,color .14s;}
.sb-sub a:hover{background:var(--bg2);color:var(--text);}
.sb-sub a.active{color:var(--fjord);font-weight:700;background:var(--fjord-lt);}

/* ── Main + hero (navy) ─────────────────────────────────── */
.main{margin-left:var(--sidebar-w);margin-top:var(--header-h);min-height:calc(100vh - var(--header-h));}
.hero{background:var(--nav-bg);padding:clamp(44px,5vw,68px) clamp(24px,4vw,56px) clamp(40px,5vw,54px);position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 15%,rgba(46,107,136,.22) 0%,transparent 55%),radial-gradient(ellipse at 8% 85%,rgba(58,115,98,.15) 0%,transparent 55%);pointer-events:none;}
.hero-inner{max-width:var(--maxw);margin:0 auto;position:relative;}
.hero-back{display:inline-flex;align-items:center;gap:8px;font-family:'Albert Sans',sans-serif;font-size:13px;font-weight:700;color:rgba(255,255,255,.78);text-decoration:none;margin-bottom:20px;padding:7px 15px 7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.06);transition:background .15s,border-color .15s,color .15s,gap .15s;}
.hero-back:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff;text-decoration:none;gap:11px;}
.hero-back .ba{font-size:15px;line-height:1;}
.hero-brand{display:flex;align-items:center;gap:18px;margin-bottom:26px;flex-wrap:wrap;}
.hero-logo{height:36px;width:auto;display:block;filter:drop-shadow(0 2px 14px rgba(37,144,227,.35));}
.hero-brand-sep{width:1px;height:28px;background:rgba(255,255,255,.22);}
.hero-brand-label{font-family:'Albert Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#7FE3FF;}
.hero-eyebrow{font-family:'Albert Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.hero-eyebrow::before{content:'';display:inline-block;width:22px;height:1.5px;background:var(--honey);flex-shrink:0;}
.hero h1{font-family:'Albert Sans',sans-serif;font-size:clamp(28px,4vw,46px);font-weight:900;color:#fff;line-height:1.08;letter-spacing:-.025em;margin-bottom:16px;}
.hero h1 span{color:#A8D4E8;}
.hero-sub{font-size:16px;color:rgba(255,255,255,.6);max-width:min(580px,92%);line-height:1.8;margin-bottom:6px;}
.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px;}
.phase-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid rgba(255,255,255,.18);border-radius:8px;font-family:'Albert Sans',sans-serif;font-size:13px;font-weight:600;text-decoration:none;color:rgba(255,255,255,.7);background:rgba(255,255,255,.05);transition:all .18s;}
.phase-chip:hover{border-color:rgba(168,216,232,.6);color:#fff;background:rgba(46,107,136,.22);}

/* ── Page wrap ──────────────────────────────────────────── */
.page{max-width:var(--maxw);margin:0 auto;padding:0 clamp(22px,3vw,48px) 110px;}
.section-sep{border:none;border-top:1px solid var(--border);margin:0;}

/* ── Section header (+ collapsible) ─────────────────────── */
.section-header{display:flex;align-items:flex-start;gap:18px;padding:48px 0 22px;}
.section-toggle{cursor:pointer;user-select:none;}
.section-toggle:hover .sh-icon{transform:scale(1.06);transition:transform .18s;}
.sh-icon{font-size:28px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--bg2);border-radius:11px;border:1px solid var(--border);flex-shrink:0;margin-top:2px;}
.sh-text{flex:1;padding-top:3px;}
.sh-text h2{font-family:'Albert Sans',sans-serif;font-size:clamp(19px,2.2vw,24px);font-weight:700;letter-spacing:-.01em;line-height:1.25;margin-bottom:6px;}
.sh-text p{font-size:15px;color:var(--text-mid);line-height:1.7;max-width:560px;}
.sh-badge{font-family:'Albert Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:20px;white-space:nowrap;flex-shrink:0;align-self:flex-start;margin-top:14px;}
.toggle-chevron{margin-left:10px;flex-shrink:0;color:var(--text-light);transition:transform .35s cubic-bezier(.4,0,.2,1);align-self:center;}
.section-toggle.open .toggle-chevron{transform:rotate(180deg);}

.sh-fjord  .sh-icon{border-color:var(--fjord);background:var(--fjord-lt);}  .sh-fjord  .sh-text h2{color:var(--fjord);}  .sh-fjord  .sh-badge{color:var(--fjord);border:1px solid #A8C8DA;background:var(--fjord-lt);}
.sh-honey  .sh-icon{border-color:var(--honey);background:var(--honey-lt);}  .sh-honey  .sh-text h2{color:var(--honey);}  .sh-honey  .sh-badge{color:var(--honey);border:1px solid #D4B880;background:var(--honey-lt);}
.sh-pine   .sh-icon{border-color:var(--pine);background:var(--pine-lt);}    .sh-pine   .sh-text h2{color:var(--pine);}   .sh-pine   .sh-badge{color:var(--pine);border:1px solid #9EC0B4;background:var(--pine-lt);}
.sh-rust   .sh-icon{border-color:var(--rust);background:var(--rust-lt);}    .sh-rust   .sh-text h2{color:var(--rust);}   .sh-rust   .sh-badge{color:var(--rust);border:1px solid #CCA098;background:var(--rust-lt);}
.sh-iris   .sh-icon{border-color:var(--iris);background:var(--iris-lt);}    .sh-iris   .sh-text h2{color:var(--iris);}   .sh-iris   .sh-badge{color:var(--iris);border:1px solid #B0A8D4;background:var(--iris-lt);}
.sh-nordic .sh-icon{border-color:var(--nordic);background:var(--nordic-lt);}.sh-nordic .sh-text h2{color:var(--nordic);} .sh-nordic .sh-badge{color:var(--nordic);border:1px solid #88C0C6;background:var(--nordic-lt);}

/* ── Collapsible ────────────────────────────────────────── */
.toggle-summary{display:flex;align-items:center;gap:8px;font-family:'Albert Sans',sans-serif;font-size:12.5px;font-weight:600;color:var(--text-light);padding:0 0 20px;}
.toggle-summary .ts-dot{width:3px;height:3px;border-radius:50%;background:var(--border2);}
.toggle-summary.hidden{display:none;}
.collapsible-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1);}
.collapsible-body.open{grid-template-rows:1fr;}
.collapsible-inner{overflow:hidden;}

/* ── Callouts ───────────────────────────────────────────── */
.warn-box,.tip-box,.info-box,.gold-box{border-radius:9px;padding:15px 18px;margin:0 0 14px;display:flex;gap:13px;align-items:flex-start;}
.warn-box{background:var(--rust-lt);border:1px solid #D0A8A0;border-left:4px solid var(--rust);}
.tip-box{background:var(--pine-lt);border:1px solid #98BAB0;border-left:4px solid var(--pine);}
.info-box{background:var(--fjord-lt);border:1px solid #A4C0D4;border-left:4px solid var(--fjord);}
.gold-box{background:var(--honey-lt);border:1px solid #CEB070;border-left:4px solid var(--honey);}
.cb-ico{font-size:19px;flex-shrink:0;padding-top:2px;}
.cb-title{font-family:'Albert Sans',sans-serif;font-size:14px;font-weight:700;margin-bottom:4px;}
.warn-box .cb-title{color:var(--rust);}.tip-box .cb-title{color:var(--pine);}.info-box .cb-title{color:var(--fjord);}.gold-box .cb-title{color:var(--honey);}
.cb-body p{font-size:14.5px;line-height:1.72;}
.warn-box .cb-body p{color:#7A3020;}.tip-box .cb-body p{color:#2A5040;}.info-box .cb-body p{color:#1E4860;}.gold-box .cb-body p{color:#6A4E18;}
.cb-body p strong{color:inherit;}
.cb-body p code{font-family:'Albert Sans',monospace;font-size:13px;background:rgba(0,0,0,.07);border-radius:3px;padding:1px 5px;}

/* ── Body text + sub-heads ──────────────────────────────── */
.bt{font-size:15.5px;color:var(--text-mid);line-height:1.82;margin:5px 0 14px;}
.bt strong{color:var(--text);}
.bt code{font-family:'Albert Sans',monospace;font-size:13.5px;color:var(--fjord);background:var(--fjord-lt);border:1px solid #A8C4D4;border-radius:4px;padding:1px 6px;}
.sub-head{font-family:'Albert Sans',sans-serif;font-size:16px;font-weight:700;color:var(--text);margin:26px 0 6px;display:flex;align-items:center;gap:10px;}
.sub-head::before{content:'';width:3px;height:16px;border-radius:2px;flex-shrink:0;}
.sub-head.h-fjord::before{background:var(--fjord);}.sub-head.h-honey::before{background:var(--honey);}.sub-head.h-pine::before{background:var(--pine);}.sub-head.h-rust::before{background:var(--rust);}.sub-head.h-iris::before{background:var(--iris);}.sub-head.h-nordic::before{background:var(--nordic);}

/* ── Admin path chip ────────────────────────────────────── */
.admin-path{display:flex;align-items:center;gap:3px 5px;flex-wrap:wrap;background:var(--nav-bg);border-radius:6px;padding:6px 11px;font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:600;color:rgba(255,255,255,.62);margin:6px 0 12px;line-height:1.5;}
.admin-path .sep{color:var(--honey);margin:0 1px;opacity:.8;}
.admin-path strong{color:#A8D4E8;}

/* ── Step list ──────────────────────────────────────────── */
.step-list{display:flex;flex-direction:column;margin:0 0 16px;border-radius:11px;overflow:hidden;border:1px solid var(--border);}
.step-row{display:flex;align-items:stretch;}
.step-num{background:var(--nav-bg);color:#A8D4E8;font-family:'Albert Sans',sans-serif;font-size:16px;font-weight:800;min-width:48px;display:flex;align-items:center;justify-content:center;border-right:3px solid var(--honey);flex-shrink:0;}
.step-body{background:var(--card);border-top:1px solid var(--border);padding:13px 18px;flex:1;}
.step-row:first-child .step-body{border-top:none;}
.step-title{font-family:'Albert Sans',sans-serif;font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:4px;line-height:1.3;}
.step-desc{font-size:14px;color:var(--text-mid);line-height:1.72;}
.step-desc strong{color:var(--text);}
.step-desc code{font-family:'Albert Sans',monospace;font-size:12.5px;color:var(--fjord);background:var(--fjord-lt);border:1px solid #A8C4D4;border-radius:3px;padding:1px 4px;}

/* ── Checklist ──────────────────────────────────────────── */
.checklist{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;}
.cl-item{display:flex;gap:12px;padding:13px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:flex-start;transition:box-shadow .15s;}
.cl-item:hover{box-shadow:0 2px 12px rgba(0,0,0,.06);}
.cl-item.critical{border-left:3px solid var(--rust);}.cl-item.important{border-left:3px solid var(--honey);}.cl-item.standard{border-left:3px solid var(--pine);}.cl-item.info{border-left:3px solid var(--fjord);}
.cl-box{width:20px;height:20px;border-radius:4px;border:1.5px solid var(--border2);flex-shrink:0;margin-top:3px;background:var(--bg2);}
.cl-content{flex:1;}
.cl-title{font-family:'Albert Sans',sans-serif;font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:3px;line-height:1.3;}
.cl-sub{font-size:14px;color:var(--text-mid);line-height:1.65;}
.cl-sub strong{color:var(--text);}.cl-sub code{font-family:'Albert Sans',monospace;font-size:12.5px;color:var(--fjord);background:var(--fjord-lt);border:1px solid #A8C4D4;border-radius:3px;padding:1px 4px;}
.cl-tag{font-family:'Albert Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:20px;flex-shrink:0;margin-top:4px;align-self:flex-start;}
.cl-tag.crit{background:var(--rust-lt);color:var(--rust);}.cl-tag.imp{background:var(--honey-lt);color:var(--honey);}.cl-tag.std{background:var(--pine-lt);color:var(--pine);}.cl-tag.nfo{background:var(--fjord-lt);color:var(--fjord);}

/* ── Environment cards ──────────────────────────────────── */
.env-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 16px;}
@media(max-width:600px){.env-grid{grid-template-columns:1fr;}}
.env-card{background:var(--card);border:1px solid var(--border);border-radius:13px;overflow:hidden;}
.env-header{padding:18px 22px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);}
.env-icon{font-size:23px;flex-shrink:0;}
.env-title{font-family:'Albert Sans',sans-serif;font-size:16px;font-weight:800;letter-spacing:-.01em;}
.env-purpose{font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-left:auto;flex-shrink:0;}
.env-card.demo .env-header{background:var(--pine-lt);}.env-card.demo .env-title{color:var(--pine);}.env-card.demo .env-purpose{background:var(--pine-lt);color:var(--pine);border:1px solid #9EC0B4;}
.env-card.prod .env-header{background:var(--fjord-lt);}.env-card.prod .env-title{color:var(--fjord);}.env-card.prod .env-purpose{background:var(--fjord-lt);color:var(--fjord);border:1px solid #A8C4D4;}
.env-body{padding:18px 22px;}
.env-url{font-family:'Albert Sans',monospace;font-size:13px;font-weight:600;color:var(--nav-bg);background:var(--bg2);border:1px solid var(--border2);border-radius:6px;padding:8px 12px;margin-bottom:12px;display:block;}
.env-rows{display:flex;flex-direction:column;}
.env-row{font-size:13.5px;color:var(--text-mid);line-height:1.68;padding:9px 0;border-bottom:1px solid var(--border);}
.env-row:last-child{border-bottom:none;padding-bottom:0;}
.env-row strong{color:var(--text);font-weight:700;}

/* ── Ecosystem cards ────────────────────────────────────── */
.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 16px;}
@media(max-width:700px){.eco-grid{grid-template-columns:1fr;}}
.eco-card{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:22px 20px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;}
.eco-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.eco-card.training::before{background:var(--honey);}.eco-card.manual::before{background:var(--fjord);}.eco-card.hub::before{background:var(--iris);}
.eco-num{font-family:'Albert Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);margin-bottom:2px;}
.eco-icon{font-size:30px;line-height:1;}
.eco-title{font-family:'Albert Sans',sans-serif;font-size:16px;font-weight:800;color:var(--text);line-height:1.2;}
.eco-desc{font-size:13.5px;color:var(--text-mid);line-height:1.72;flex:1;}
.eco-access{font-family:'Albert Sans',sans-serif;font-size:12px;font-weight:600;color:var(--text-light);padding-top:8px;border-top:1px solid var(--border);display:flex;align-items:center;gap:6px;}
.eco-access strong{color:var(--text-mid);}
.eco-btn{display:block;width:80%;margin:10px auto 2px;text-align:center;padding:11px 16px;background:var(--fjord);color:#fff;border-radius:9px;font-family:'Albert Sans',sans-serif;font-size:13.5px;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;}
.eco-btn:hover{filter:brightness(.92);transform:translateY(-1px);text-decoration:none;}
.eco-card.training .eco-btn{background:var(--honey);}
.eco-card.manual .eco-btn{background:var(--fjord);}
.eco-card.hub .eco-btn{background:var(--iris);}
.paid-note{font-size:12.5px;font-style:italic;color:var(--text-light);line-height:1.6;margin:8px 0 0;}

/* ── Reading-path banner (read both guides before diving in) ── */
.guide-path{background:var(--fjord-lt);border:1px solid #A4C0D4;border-radius:11px;padding:18px 22px;margin:0 0 4px;}
.guide-path-intro{font-size:14.5px;color:var(--text-mid);line-height:1.75;margin:0 0 15px;}
.guide-path-intro strong{color:var(--text);}
.guide-path-steps{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;}
.gp-step{display:flex;gap:13px;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:9px;padding:14px 16px;}
.gp-step.here{border-color:var(--fjord);box-shadow:0 0 0 1px var(--fjord);}
.gp-badge{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Albert Sans',sans-serif;font-size:13px;font-weight:800;background:var(--fjord);color:#fff;}
.gp-step.next-step .gp-badge{background:var(--honey);}
.gp-body{min-width:0;}
.gp-eyebrow{font-family:'Albert Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);margin-bottom:2px;}
.gp-name{font-family:'Albert Sans',sans-serif;font-size:14.5px;font-weight:700;color:var(--text);line-height:1.3;}
.gp-name a{color:var(--fjord);text-decoration:none;}
.gp-name a:hover{text-decoration:underline;}
.gp-here-tag{display:inline-block;margin-top:5px;font-family:'Albert Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fjord);}
.gp-conn{display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--fjord);font-weight:700;}
@media(max-width:620px){.guide-path-steps{grid-template-columns:1fr;}.gp-conn{transform:rotate(90deg);padding:2px 0;}}

/* ── Up-next footer nav (guide-to-guide flow) ──────────────── */
.next-nav{margin:8px 0 0;}
.next-nav-card{display:flex;align-items:center;gap:18px;background:var(--nav-bg);border-radius:12px;padding:22px 26px;text-decoration:none;transition:transform .16s,box-shadow .16s;}
.next-nav-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(36,48,68,.18);}
.nn-icon{flex-shrink:0;font-size:30px;line-height:1;}
.nn-text{flex:1;min-width:0;}
.nn-eyebrow{font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:4px;}
.nn-title{font-family:'Albert Sans',sans-serif;font-size:19px;font-weight:800;letter-spacing:-.01em;color:#fff;margin-bottom:5px;}
.nn-desc{font-size:13.5px;color:rgba(255,255,255,.78);line-height:1.6;}
.nn-arrow{flex-shrink:0;font-family:'Albert Sans',sans-serif;font-size:26px;font-weight:700;color:var(--honey);}

/* ── "Where to go from here" cards (single-column stacked) ── */
.next-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 18px;}
.next-card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon desc" "icon arrow";column-gap:20px;row-gap:7px;align-items:start;background:var(--card);border:1px solid var(--border);border-radius:13px;padding:24px 26px 22px;text-decoration:none;overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s;}
.next-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--fjord);}
.next-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(36,48,68,.12);border-color:var(--border2);}
.next-card.fc::before{background:var(--fjord);}
.next-card.pc::before{background:var(--pine);}
.next-card.hc::before{background:var(--honey);}
.next-card.ic::before{background:var(--iris);}
.next-card.rc::before{background:var(--rust);}
.next-card.nc::before{background:var(--nordic);}
.nc-icon{grid-area:icon;align-self:start;font-size:26px;line-height:1;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--bg2);border:1px solid var(--border);border-radius:12px;margin-bottom:0;}
/*ICO*/.nc-icon .nc-svg-ico{width:30px;height:30px;object-fit:contain;display:block;}
.nc-title{grid-area:title;font-family:'Albert Sans',sans-serif;font-size:16.5px;font-weight:800;color:var(--text);line-height:1.25;}
.nc-desc{grid-area:desc;font-size:14px;color:var(--text-mid);line-height:1.7;}
.nc-arrow{grid-area:arrow;font-family:'Albert Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.01em;padding-top:4px;color:var(--fjord);transition:gap .16s;}
@media(max-width:560px){.next-card{grid-template-columns:1fr;grid-template-areas:"icon" "title" "desc" "arrow";row-gap:8px;}}
.next-card.fc .nc-arrow{color:var(--fjord);}.next-card.pc .nc-arrow{color:var(--pine);}.next-card.hc .nc-arrow{color:var(--honey);}.next-card.ic .nc-arrow{color:var(--iris);}.next-card.rc .nc-arrow{color:var(--rust);}.next-card.nc .nc-arrow{color:var(--nordic);}
.next-card.fc .nc-icon{color:var(--fjord);}.next-card.pc .nc-icon{color:var(--pine);}.next-card.hc .nc-icon{color:var(--honey);}.next-card.ic .nc-icon{color:var(--iris);}


/* ── See-also row (User Manual group level) ──────────────── */
.see-also{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:30px 0 6px;padding:13px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;}
.see-also-label{font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-light);margin-right:2px;}
.see-also a{display:inline-flex;align-items:center;gap:6px;font-family:'Albert Sans',sans-serif;font-size:13.5px;font-weight:700;color:var(--fjord);text-decoration:none;padding:6px 13px;background:var(--card);border:1px solid var(--border);border-radius:20px;transition:border-color .15s,transform .15s,box-shadow .15s;}
.see-also a:hover{border-color:var(--fjord);transform:translateY(-1px);box-shadow:0 3px 10px rgba(36,48,68,.08);}
.see-also a .sa-ico{height:15px;width:15px;object-fit:contain;}
/* ── Stat band ──────────────────────────────────────────── */
.stat-band{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 22px;}
@media(max-width:560px){.stat-band{grid-template-columns:1fr;}}
.stat-card{background:var(--nav-bg);border-radius:11px;padding:22px 20px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;}
.stat-num{font-family:'Albert Sans',sans-serif;font-size:36px;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1;}
.stat-num span{color:#A8D4E8;}
.stat-label{font-family:'Albert Sans',sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.4);}
.stat-sub{font-size:12.5px;color:rgba(255,255,255,.32);line-height:1.6;max-width:160px;}

/* ── Reference table ────────────────────────────────────── */
.ref-table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:14px;}
.ref-table th{background:var(--nav-bg);color:#fff;padding:10px 13px;text-align:left;font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;}
.ref-table th:first-child{border-left:3px solid var(--honey);}
.ref-table td{padding:10px 13px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text-mid);}
.ref-table td:first-child{font-family:'Albert Sans',sans-serif;color:var(--text);font-weight:600;font-size:13.5px;}
.ref-table tr:nth-child(even) td{background:var(--bg2);}
.ref-table tr:last-child td{border-bottom:none;}
@media(max-width:700px){
  .ref-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:8px;}
  .ref-table th,.ref-table td{min-width:120px;}
}

/* ── Bullet list ────────────────────────────────────────── */
/* ── Section group banners (User Manual) ──────────────────── */
.group-banner{display:flex;align-items:center;gap:14px;margin:48px 0 0;padding:18px 20px 18px 0;border-top:3px solid var(--border);cursor:pointer;user-select:none;position:relative;}
.group-banner:hover .gb-title{color:var(--text);}
.group-banner:hover .gb-toggle{opacity:1;}
.gb-pill{font-family:'Albert Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:20px;white-space:nowrap;flex-shrink:0;}
.gb-title{font-family:'Albert Sans',sans-serif;font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--text-mid);flex:1;transition:color .15s;}
.gb-meta{font-family:'Albert Sans',sans-serif;font-size:11.5px;font-weight:500;color:var(--text-light);white-space:nowrap;}
.gb-toggle{display:flex;align-items:center;gap:6px;font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:600;color:var(--text-light);padding:4px 10px;border:1px solid var(--border);border-radius:5px;background:var(--card);opacity:.6;transition:all .15s;flex-shrink:0;cursor:pointer;}
.gb-toggle:hover{opacity:1;border-color:var(--fjord);color:var(--fjord);}
.gb-toggle svg{transition:transform .3s cubic-bezier(.4,0,.2,1);}
.group-banner.collapsed .gb-toggle svg{transform:rotate(-90deg);}
.gb-body{overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);}
.gb-fjord .gb-pill{background:var(--fjord-lt);color:var(--fjord);border:1px solid #A8C8DA;}
.gb-fjord{border-top-color:var(--fjord);}
.gb-honey .gb-pill{background:var(--honey-lt);color:var(--honey);border:1px solid #D4B880;}
.gb-honey{border-top-color:var(--honey);}
.gb-pine .gb-pill{background:var(--pine-lt);color:var(--pine);border:1px solid #9EC0B4;}
.gb-pine{border-top-color:var(--pine);}
.gb-rust .gb-pill{background:var(--rust-lt);color:var(--rust);border:1px solid #CCA098;}
.gb-rust{border-top-color:var(--rust);}
.gb-nordic .gb-pill{background:var(--nordic-lt);color:var(--nordic);border:1px solid #88C0C6;}
.gb-nordic{border-top-color:var(--nordic);}
.gb-iris .gb-pill{background:var(--iris-lt);color:var(--iris);border:1px solid #B0A8D4;}
.gb-iris{border-top-color:var(--iris);}

.req-legend{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px;align-items:center;}
.req{display:inline-block;font-family:'Albert Sans',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:5px;white-space:nowrap;}
.req-yes{background:var(--rust-lt);color:#9A3A28;}
.req-con{background:var(--honey-lt);color:#7A5618;}
.req-opt{background:var(--fjord-lt);color:var(--fjord);}
.req-sys{background:var(--bg2);color:var(--text-light);}
.alias{display:block;font-size:11.5px;color:var(--text-light);margin-top:3px;}
.ref-table td code{font-family:'Albert Sans',monospace;font-size:12.5px;color:var(--fjord);background:var(--fjord-lt);border:1px solid #A8C4D4;border-radius:4px;padding:1px 5px;}
.guide-ul{list-style:none;margin:6px 0 14px;padding:0;}
.guide-ul li{position:relative;padding:5px 0 5px 20px;font-size:15px;color:var(--text-mid);line-height:1.72;}
.guide-ul li::before{content:'›';position:absolute;left:0;top:4px;font-weight:700;color:var(--honey);font-size:17px;}
.guide-ul li strong{color:var(--text);}

/* ── Step-flow component ────────────────────────────────── */
.flow-wrap{display:flex;flex-direction:column;gap:20px;margin:0 0 22px;}
.fp-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.fp-label{font-family:'Albert Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:4px 12px;border-radius:20px;}
.fp-label.ph-fjord{background:var(--fjord-lt);color:var(--fjord);}.fp-label.ph-honey{background:var(--honey-lt);color:var(--honey);}.fp-label.ph-pine{background:var(--pine-lt);color:var(--pine);}.fp-label.ph-iris{background:var(--iris-lt);color:var(--iris);}.fp-label.ph-rust{background:var(--rust-lt);color:var(--rust);}.fp-label.ph-nordic{background:var(--nordic-lt);color:var(--nordic);}
.fp-rule{flex:1;border-top:1px solid var(--border);}
.fp-row{display:flex;align-items:stretch;}
.fp-step{flex:1;min-width:0;background:var(--card);border:1px solid var(--border);padding:16px;transition:box-shadow .18s,border-color .18s;position:relative;}
.fp-step:not(:first-child){border-left:none;}
.fp-step:first-child{border-radius:10px 0 0 10px;}.fp-step:last-child{border-radius:0 10px 10px 0;}
.fp-step:hover{box-shadow:0 4px 18px rgba(0,0,0,.09);border-color:var(--border2);z-index:1;}
.fp-arr{display:flex;align-items:center;justify-content:center;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:20px;flex-shrink:0;color:var(--honey);font-size:13px;font-weight:900;}
.fp-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Albert Sans',sans-serif;font-size:12px;font-weight:800;color:#fff;margin-bottom:10px;flex-shrink:0;}
.fp-num.n-fjord{background:var(--fjord);}.fp-num.n-honey{background:var(--honey);}.fp-num.n-pine{background:var(--pine);}.fp-num.n-iris{background:var(--iris);}.fp-num.n-rust{background:var(--rust);}.fp-num.n-nordic{background:var(--nordic);}
.fp-action{font-family:'Albert Sans',sans-serif;font-size:14px;font-weight:800;color:var(--text);margin-bottom:5px;line-height:1.25;}
.fp-desc{font-size:12.5px;color:var(--text-mid);line-height:1.62;}
.fp-desc strong{color:var(--text);}
@media(max-width:720px){
  .fp-row{flex-direction:column;border-radius:10px;overflow:hidden;}
  .fp-step{border-radius:0!important;border-left:1px solid var(--border)!important;border-top:none!important;}
  .fp-step:first-child{border-top:1px solid var(--border)!important;border-radius:10px 10px 0 0!important;}
  .fp-step:last-child{border-radius:0 0 10px 10px!important;}
  .fp-arr{width:100%;height:20px;border-left:1px solid var(--border);border-right:1px solid var(--border);border-top:none;}
}

/* ── Flow rail (subtle 1→20 underpinning) ───────────────── */
.flow-rail{margin:2px 0 26px;padding:16px 18px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;}
.fr-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;}
.fr-kicker{font-family:'Albert Sans',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid);}
.fr-range{font-size:11px;font-weight:700;color:var(--text-mid);letter-spacing:.04em;white-space:nowrap;}
.fr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.fr-track{position:relative;display:flex;justify-content:space-between;align-items:center;min-width:540px;padding:0 2px;}
.fr-track::before{content:"";position:absolute;left:11px;right:11px;top:50%;transform:translateY(-50%);height:3px;border-radius:2px;background:var(--border2,#d2dbe6);z-index:0;}
.fr-dot{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;background:var(--c);color:#fff;font-family:'Albert Sans',sans-serif;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 1px 3px rgba(0,0,0,.14);border:2px solid var(--card);}
.fr-dot.c-fjord{--c:var(--fjord);}.fr-dot.c-pine{--c:var(--pine);}.fr-dot.c-honey{--c:var(--honey);}.fr-dot.c-rust{--c:var(--rust);}.fr-dot.c-iris{--c:var(--iris);}
.fr-dot.pcheck{cursor:pointer;transition:transform .12s,box-shadow .12s;}
.fr-dot.pcheck:hover{transform:scale(1.18);box-shadow:0 0 0 3px var(--teal-glow);}
.fr-dot.pcheck.checked{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--c);}
.fr-dot.pcheck.checked::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--c);border-radius:50%;font-size:13px;font-weight:800;}
.fr-dot.pcheck:focus-visible{outline:2px solid var(--fjord);outline-offset:2px;}
.fr-pbar{flex:0 1 220px;max-width:58%;margin:0;}
.fr-hint{font-size:12.5px;color:var(--text-mid);margin:0 0 13px;}
.fr-phases{display:flex;margin-top:12px;min-width:540px;}
.fr-phases span{flex:1;text-align:center;font-family:'Albert Sans',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;position:relative;padding-top:11px;line-height:1.2;}
.fr-phases span::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:currentColor;}
.fr-phases .c-fjord{color:var(--fjord);}.fr-phases .c-pine{color:var(--pine);}.fr-phases .c-honey{color:var(--honey);}.fr-phases .c-rust{color:var(--rust);}.fr-phases .c-iris{color:var(--iris);}

.launch-seq{display:flex;flex-direction:column;gap:0;margin:0 0 16px;position:relative;}
.launch-seq::before{content:'';position:absolute;left:24px;top:48px;bottom:48px;width:2px;background:linear-gradient(to bottom,var(--iris),rgba(96,80,160,.15));z-index:0;}
.ls-item{display:flex;gap:16px;align-items:flex-start;position:relative;z-index:1;padding:0 0 4px;}
.ls-bullet{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Albert Sans',sans-serif;font-size:16px;font-weight:800;flex-shrink:0;border:2px solid;}
.ls-bullet.you{background:var(--iris-lt);color:var(--iris);border-color:var(--iris);}
.ls-bullet.us{background:var(--fjord-lt);color:var(--fjord);border-color:var(--fjord);}
.ls-content{flex:1;padding:4px 0 22px;}
.ls-title{font-family:'Albert Sans',sans-serif;font-size:15px;font-weight:800;color:var(--text);margin-bottom:3px;}
.ls-desc{font-size:13.5px;color:var(--text-mid);line-height:1.7;}
.ls-desc strong{color:var(--text);}

/* ── Controls (expand/collapse) ─────────────────────────── */
.controls{display:flex;gap:8px;justify-content:flex-end;padding:18px 0 0;}
.controls button{padding:7px 16px;background:var(--card);border:1px solid var(--border);border-radius:6px;font-family:'Albert Sans',sans-serif;font-size:12.5px;font-weight:600;color:var(--text-mid);cursor:pointer;transition:all .15s;}
.controls button:hover{border-color:var(--fjord);color:var(--fjord);}

/* ── No-results note ────────────────────────────────────── */
.no-results{text-align:center;padding:60px 20px;color:var(--text-light);font-size:16px;display:none;}

/* ════ LANDING + HUB COMPONENTS ════════════════════════════ */
/* Path fork (landing signature element) */
.fork{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:var(--maxw);margin:0 0 8px;}
@media(max-width:760px){.fork{grid-template-columns:1fr;}}
.fork-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px 30px;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.fork-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;}
.fork-card.new::before{background:linear-gradient(90deg,var(--pine),var(--nordic));}
.fork-card.existing::before{background:linear-gradient(90deg,var(--fjord),var(--iris));}
.fork-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(36,48,68,.14);border-color:var(--border2);}
.fork-badge{font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:5px 13px;border-radius:20px;align-self:flex-start;margin-bottom:18px;}
.fork-card.new .fork-badge{background:var(--pine-lt);color:var(--pine);border:1px solid #9EC0B4;}
.fork-card.existing .fork-badge{background:var(--fjord-lt);color:var(--fjord);border:1px solid #A8C4D4;}
.fork-ico{font-size:44px;line-height:1;margin-bottom:16px;}
.fork-card h2{font-family:'Albert Sans',sans-serif;font-size:24px;font-weight:800;letter-spacing:-.015em;color:var(--text);margin-bottom:10px;line-height:1.15;}
.fork-card p{font-size:15.5px;color:var(--text-mid);line-height:1.74;margin-bottom:20px;flex:1;}
.fork-list{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:8px;}
.fork-list li{position:relative;padding-left:26px;font-size:14.5px;color:var(--text-mid);line-height:1.5;}
.fork-list li::before{content:'✓';position:absolute;left:0;top:0;font-weight:800;color:var(--pine);}
.fork-card.existing .fork-list li::before{color:var(--fjord);}
.fork-cta{font-family:'Albert Sans',sans-serif;font-size:15px;font-weight:800;display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:12px 22px;border-radius:9px;color:#fff;}
.fork-card.new .fork-cta{background:var(--pine);}
.fork-card.existing .fork-cta{background:var(--fjord);}
.fork-card:hover .fork-cta{gap:13px;}

/* Generic doc-card grid (hubs) */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0 0 8px;}
.doc-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:13px;padding:24px 22px;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.doc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--fjord);}
.doc-card.c-pine::before{background:var(--pine);}.doc-card.c-honey::before{background:var(--honey);}.doc-card.c-iris::before{background:var(--iris);}.doc-card.c-nordic::before{background:var(--nordic);}.doc-card.c-rust::before{background:var(--rust);}
.doc-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(36,48,68,.12);border-color:var(--border2);}
.doc-card .dc-ico{font-size:30px;line-height:1;margin-bottom:13px;}
.doc-card .dc-svg-ico{width:30px;height:30px;object-fit:contain;display:block;}
.sh-icon .sh-svg-ico{width:32px;height:32px;object-fit:contain;display:block;}
.doc-card h3{font-family:'Albert Sans',sans-serif;font-size:17px;font-weight:800;color:var(--text);margin-bottom:7px;line-height:1.2;}
.doc-card p{font-size:14px;color:var(--text-mid);line-height:1.65;flex:1;margin-bottom:14px;}
.card-compact p{flex:0 !important;margin-bottom:10px;}
.dc-go{font-family:'Albert Sans',sans-serif;font-size:13.5px;font-weight:700;color:var(--fjord);display:inline-flex;align-items:center;gap:7px;}
.doc-card.c-pine .dc-go{color:var(--pine);}.doc-card.c-honey .dc-go{color:var(--honey);}.doc-card.c-iris .dc-go{color:var(--iris);}.doc-card.c-nordic .dc-go{color:var(--nordic);}.doc-card.c-rust .dc-go{color:var(--rust);}
.doc-card:hover .dc-go{gap:11px;}

/* Big primary button */
.btn-primary{display:inline-flex;align-items:center;gap:10px;font-family:'Albert Sans',sans-serif;font-size:15px;font-weight:800;padding:14px 26px;border-radius:10px;background:var(--fjord);color:#fff;text-decoration:none;transition:background .16s,gap .16s;}
.btn-primary:hover{background:#27576f;gap:14px;}
.btn-ghost{display:inline-flex;align-items:center;gap:9px;font-family:'Albert Sans',sans-serif;font-size:15px;font-weight:700;padding:13px 24px;border-radius:10px;background:var(--card);border:1px solid var(--border2);color:var(--text);text-decoration:none;transition:border-color .16s,gap .16s;}
.btn-ghost:hover{border-color:var(--fjord);gap:13px;}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 14px;}

/* ════ SEARCH MODAL ════════════════════════════════════════ */
.search-modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(20,26,38,.5);backdrop-filter:blur(3px);align-items:flex-start;justify-content:center;padding:80px 20px;}
.search-modal.open{display:flex;}
.search-box{width:100%;max-width:640px;background:var(--card);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.3);overflow:hidden;display:flex;flex-direction:column;max-height:72vh;}
.search-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border);}
.search-head svg{flex-shrink:0;color:var(--text-light);}
.search-head input{flex:1;border:none;outline:none;font-family:'Nunito',sans-serif;font-size:17px;color:var(--text);background:transparent;}
.search-head input::placeholder{color:var(--text-light);}
.search-esc{font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;color:var(--text-light);border:1px solid var(--border2);border-radius:5px;padding:3px 8px;flex-shrink:0;}
.search-results{overflow-y:auto;padding:8px;}
.sr-empty{padding:40px 20px;text-align:center;color:var(--text-light);font-size:15px;}
.sr-group-label{font-family:'Albert Sans',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);padding:12px 14px 6px;}
.sr-item{display:block;padding:12px 14px;border-radius:9px;text-decoration:none;color:inherit;}
.sr-item:hover,.sr-item.sel{background:var(--fjord-lt);}
.sr-item .sr-title{font-family:'Albert Sans',sans-serif;font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px;}
.sr-item .sr-page{font-size:12.5px;color:var(--text-light);}
.sr-item .sr-page-tag{display:inline-block;font-size:10px;font-weight:700;color:var(--text-light);letter-spacing:.05em;text-transform:uppercase;background:var(--card);border:1px solid var(--border);border-radius:4px;padding:1px 6px;margin:3px 0 4px;}.sr-default-label{font-family:'Albert Sans',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);padding:10px 14px 6px;}.sr-snip{font-size:13px;color:var(--text-mid);line-height:1.5;margin-top:3px;}
.sr-item mark{background:var(--honey-lt);color:var(--honey);border-radius:3px;padding:0 2px;}
.search-foot{padding:10px 18px;border-top:1px solid var(--border);font-family:'Albert Sans',sans-serif;font-size:11.5px;color:var(--text-light);display:flex;gap:16px;align-items:center;justify-content:space-between;}
.search-foot b{color:var(--text-mid);font-weight:700;}
.search-foot-brand{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--text-mid);}
.search-foot-brand .sf-pin{display:inline-flex;width:11px;color:var(--fjord);}
.search-foot-brand .sf-pin svg{width:11px;height:auto;display:block;}
.sf-keys{display:flex;gap:16px;}

/* ── Footer ─────────────────────────────────────────────── */
.footer{background:var(--nav-bg);color:rgba(255,255,255,.4);padding:30px clamp(22px,4vw,56px);font-size:13.5px;line-height:1.9;margin-left:var(--sidebar-w);}
.footer a{color:#A8D4E8;text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.footer strong{color:rgba(255,255,255,.7);}
.footer-inner{max-width:var(--maxw);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.footer-brand-line{display:flex;align-items:baseline;gap:9px;}
.footer-pin{display:inline-flex;align-self:center;width:13px;color:#2590E3;flex-shrink:0;}
.footer-pin svg{width:13px;height:auto;display:block;}
/* Print brand header — hidden on screen, shown when printing */
.print-brand{display:none;}

/* ── Responsive: widescreen ─────────────────────────────── */
@media(min-width:1280px){:root{--maxw:1060px;}}
@media(min-width:1500px){:root{--sidebar-w:300px;}}
@media(min-width:1680px){:root{--maxw:1160px;}}

/* ── Desktop sidebar collapse (open by default, toggled from the header) ── */
@media(min-width:921px){
  .main,.footer{transition:margin-left .3s ease;}
  body.sidebar-collapsed .sidebar{transform:translateX(-100%);}
  body.sidebar-collapsed .main{margin-left:0;}
  body.sidebar-collapsed .footer{margin-left:0;}
  body.sidebar-collapsed .appbar-logo{border-right-color:transparent;}
}

/* ── Responsive: sidebar collapses ──────────────────────── */
@media(max-width:920px){
  :root{--sidebar-w:0px;}
  .sidebar{transform:translateX(-100%);width:290px;z-index:130;}
  .sidebar.open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.18);}
  .menu-btn{display:block;}
  .appbar-logo{width:auto;border-right:none;}
  .appbar-title{display:none;}
  .main{margin-left:0;}
  .footer{margin-left:0;}
}
@media(max-width:620px){
  :root{--header-h:56px;}
  .appbar{padding:0 14px;}
  .search-trigger{width:auto;max-width:none;flex:1;}
  .search-trigger .st-label,.search-trigger .kbd{display:none;}
  .appbar-hub{display:none;}
  .hero h1{font-size:clamp(26px,8vw,38px);}
  .section-header{flex-wrap:wrap;gap:12px;padding:34px 0 16px;}
  .sh-badge{margin-top:0;}
  .fork-card{padding:26px 22px;}
}

/* ── Print / PDF ────────────────────────────────────────── */
@media print{
  .appbar,.sidebar,.sidebar-overlay,.sb-toggle,.search-overlay,.search-trigger,.footer{display:none !important;}
  .main{margin-left:0 !important;}
  .hero{background:#fff !important;color:var(--text) !important;}
  .hero::before{display:none !important;}
  .hero h1,.hero h1 span{color:var(--text) !important;}
  .hero-eyebrow,.hero-sub{color:var(--text-mid) !important;}
  /* Expand every collapsible so the whole document prints */
  .collapsible-body{grid-template-rows:1fr !important;}
  .collapsible-inner{overflow:visible !important;}
  .toggle-chevron{display:none !important;}
  /* Branded print header */
  .print-brand{display:flex !important;align-items:center;gap:14px;padding:0 0 16px;margin:0 0 22px;border-bottom:2px solid var(--fjord);}
  .print-brand svg{height:26px;width:auto;display:block;}
  .print-brand-label{font-family:'Albert Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--fjord);}
  /* Printable checkbox column — visible empty box that survives print */
  .cl-box{border:1.5px solid #555 !important;background:#fff !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .cl-item{break-inside:avoid;}
  a{text-decoration:none;color:inherit;}
}


/* ═══════════════════════════════════════════════════════════
   REFERENCE-GUIDE COMPONENTS (ported from reference docs)
   ═══════════════════════════════════════════════════════════ */

/* ── Legacy token aliases (reference-guide content) ─────── */
:root{
  --cyan:var(--fjord);--cyan-lt:var(--fjord-lt);--cyan-d:var(--fjord);
  --navy:var(--nav-bg);--navy2:var(--fjord);
  --green:var(--pine);--green-lt:var(--pine-lt);--green-border:#9EC0B4;
  --amber:var(--honey);--amber-lt:var(--honey-lt);--amber-border:#D4B880;
  --red:var(--rust);--red-lt:var(--rust-lt);
  --purple:var(--iris);--purple-lt:var(--iris-lt);
  --teal-ref:var(--nordic);
  --dark:var(--text);--muted:var(--text-mid);--white:var(--card);--mc:var(--honey);
}

/* step label / section label */
.sh-step-label,.sh-label{font-family:'Albert Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-top:8px;white-space:nowrap;flex-shrink:0;align-self:flex-start;background:var(--bg2) !important;color:var(--text-mid) !important;border:1px solid var(--border);margin-left:0;}
/* Icon tints for numbered section headers */
.sh-1 .sh-icon,.sh-4 .sh-icon,.sh-7 .sh-icon{border-color:var(--fjord);background:var(--fjord-lt);}
.sh-2 .sh-icon,.sh-6 .sh-icon{border-color:var(--honey);background:var(--honey-lt);}
.sh-3 .sh-icon,.sh-8 .sh-icon{border-color:var(--pine);background:var(--pine-lt);}
.sh-5 .sh-icon,.sh-10 .sh-icon{border-color:var(--nordic);background:var(--nordic-lt);}
.sh-9 .sh-icon{border-color:var(--iris);background:var(--iris-lt);}
.sh-1 .sh-text h2,.sh-4 .sh-text h2,.sh-7 .sh-text h2{color:var(--fjord);}
.sh-2 .sh-text h2,.sh-6 .sh-text h2{color:var(--honey);}
.sh-3 .sh-text h2,.sh-8 .sh-text h2{color:var(--pine);}
.sh-5 .sh-text h2,.sh-10 .sh-text h2{color:var(--nordic);}
.sh-9 .sh-text h2{color:var(--iris);}
/* Step label tints */
.sh-1 .sh-step-label,.sh-4 .sh-step-label,.sh-7 .sh-step-label{color:var(--fjord) !important;border-color:#A8C8DA !important;background:var(--fjord-lt) !important;}
.sh-2 .sh-step-label,.sh-6 .sh-step-label{color:var(--honey) !important;border-color:#D4B880 !important;background:var(--honey-lt) !important;}
.sh-3 .sh-step-label,.sh-8 .sh-step-label{color:var(--pine) !important;border-color:#9EC0B4 !important;background:var(--pine-lt) !important;}
.sh-5 .sh-step-label,.sh-10 .sh-step-label{color:var(--nordic) !important;border-color:#88C0C6 !important;background:var(--nordic-lt) !important;}
.sh-9 .sh-step-label{color:var(--iris) !important;border-color:#B0A8D4 !important;background:var(--iris-lt) !important;}
/* Named section color mapping → palette */
.sh-prereq .sh-icon,.sh-webhook .sh-icon{border-color:var(--rust);background:var(--rust-lt);}
.sh-prereq .sh-text h2,.sh-webhook .sh-text h2{color:var(--rust);}
.sh-prereq .sh-label,.sh-webhook .sh-label{color:var(--rust) !important;border-color:#CCA098 !important;background:var(--rust-lt) !important;}
.sh-users .sh-icon,.sh-connect .sh-icon,.sh-barcode .sh-icon,.sh-fields .sh-icon,.sh-how .sh-icon{border-color:var(--fjord);background:var(--fjord-lt);}
.sh-users .sh-text h2,.sh-connect .sh-text h2,.sh-barcode .sh-text h2,.sh-fields .sh-text h2,.sh-how .sh-text h2{color:var(--fjord);}
.sh-users .sh-label,.sh-connect .sh-label,.sh-barcode .sh-label,.sh-fields .sh-label,.sh-how .sh-label{color:var(--fjord) !important;border-color:#A8C8DA !important;background:var(--fjord-lt) !important;}
.sh-consignors .sh-icon,.sh-warehouse .sh-icon,.sh-statuses .sh-icon{border-color:var(--pine);background:var(--pine-lt);}
.sh-consignors .sh-text h2,.sh-warehouse .sh-text h2,.sh-statuses .sh-text h2{color:var(--pine);}
.sh-consignors .sh-label,.sh-warehouse .sh-label,.sh-statuses .sh-label{color:var(--pine) !important;border-color:#9EC0B4 !important;background:var(--pine-lt) !important;}
.sh-linking .sh-icon,.sh-workflow .sh-icon,.sh-together .sh-icon,.sh-qb .sh-icon{border-color:var(--iris);background:var(--iris-lt);}
.sh-linking .sh-text h2,.sh-workflow .sh-text h2,.sh-together .sh-text h2,.sh-qb .sh-text h2{color:var(--iris);}
.sh-linking .sh-label,.sh-workflow .sh-label,.sh-together .sh-label,.sh-qb .sh-label{color:var(--iris) !important;border-color:#B0A8D4 !important;background:var(--iris-lt) !important;}
.sh-errors .sh-icon{border-color:var(--honey);background:var(--honey-lt);}
.sh-errors .sh-text h2{color:var(--honey);}
.sh-errors .sh-label{color:var(--honey) !important;border-color:#D4B880 !important;background:var(--honey-lt) !important;}
/* ── CARD GRIDS ───────────────────────────────────────── */
.step-grid,.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:14px;}
.step-grid-2,.card-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,400px));gap:14px;margin-bottom:14px;justify-content:center;}
@media(max-width:600px){
  .step-grid-2,.card-grid-2{grid-template-columns:1fr;}
}
.step-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px;}
.step-grid-wide{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px;}
@media(max-width:700px){
  .step-grid-3,.step-grid-wide{grid-template-columns:1fr;}
}
/* ── STEP/CARD ────────────────────────────────────────── */
.step-card,.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:22px 20px 18px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .18s,transform .18s,border-color .18s;border-top:3px solid transparent;border-left:none !important;}
.step-card:hover,.card:hover{box-shadow:0 4px 20px rgba(0,0,0,.07);transform:translateY(-1px);}
.step-card.c-cyan,.step-card.c-teal,.card.c-cyan,.card.c-teal{border-top-color:var(--nordic);}
.step-card.c-gold,.card.c-gold,.card.c-mc{border-top-color:var(--honey);}
.step-card.c-green,.card.c-green{border-top-color:var(--pine);}
.step-card.c-navy,.card.c-navy{border-top-color:var(--fjord);}
.step-card.c-red,.card.c-red{border-top-color:var(--rust);}
.step-card.c-purple,.card.c-purple{border-top-color:var(--iris);}
.step-card.c-slate,.card.c-slate{border-top-color:var(--text-mid);}
.step-top,.card-top{display:flex;align-items:flex-start;gap:12px;}
.step-icon,.card-icon{font-size:21px;flex-shrink:0;line-height:1.3;}
.step-title,.card-title{font-family:'Albert Sans',sans-serif;font-size:14.5px;font-weight:700;color:var(--text);line-height:1.4;}
.step-body,.card-body{font-size:14px;color:var(--text-mid);line-height:1.78;padding-left:33px;}
.step-tag,.card-tag{display:inline-block;margin-left:33px;margin-top:auto;padding-top:0;font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:20px;}
.step-card > .step-tag,.step-card > .card-tag,.card > .step-tag,.card > .card-tag{margin-top:auto;}
.tag-action,.tag-info{background:var(--fjord-lt);color:var(--fjord);}
.tag-warn{background:var(--rust-lt);color:var(--rust);}
.tag-tip{background:var(--pine-lt);color:var(--pine);}
.tag-note{background:var(--iris-lt);color:var(--iris);}
.tag-critical{background:var(--honey-lt);color:var(--honey);}
.tag-tool{background:var(--nordic-lt);color:var(--nordic);}
.tag-key{background:var(--fjord-lt);color:var(--fjord);}
/* ── FULL STEP/CARD ───────────────────────────────────── */
.step-full,.card-full{background:var(--card);border:1px solid var(--border);border-radius:10px;border-top:3px solid var(--fjord);border-left:none !important;padding:20px 22px;margin:0 0 14px;display:flex;align-items:flex-start;gap:14px;transition:box-shadow .18s;}
.step-full:hover,.card-full:hover{box-shadow:0 4px 20px rgba(0,0,0,.07);}
.step-full.c-cyan,.step-full.c-teal,.card-full.c-cyan,.card-full.c-teal{border-top-color:var(--nordic);}
.step-full.c-gold,.card-full.c-gold{border-top-color:var(--honey);}
.step-full.c-green,.card-full.c-green{border-top-color:var(--pine);}
.step-full.c-red,.card-full.c-red{border-top-color:var(--rust);}
.step-full.c-navy,.card-full.c-navy{border-top-color:var(--fjord);}
.step-full.c-purple,.card-full.c-purple{border-top-color:var(--iris);}
.step-full .step-icon,.step-full .card-icon,.card-full .step-icon,.card-full .card-icon{font-size:22px;flex-shrink:0;padding-top:2px;}
.step-full .step-title,.step-full .card-title,.card-full .step-title,.card-full .card-title{font-family:'Albert Sans',sans-serif;font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.35;}
.step-full .step-body,.step-full .card-body,.card-full .step-body,.card-full .card-body{font-size:14px;color:var(--text-mid);line-height:1.78;padding-left:0;}
.step-full .step-body strong,.step-full .card-body strong,.card-full .step-body strong,.card-full .card-body strong{color:var(--text);}
.warn-box .wb-icon{font-size:19px;flex-shrink:0;padding-top:2px;}
.warn-box .wb-title{font-family:'Albert Sans',sans-serif;font-size:13.5px;font-weight:700;color:var(--rust);margin-bottom:5px;}
.warn-box .wb-text p,.warn-box p{font-size:14px;color:#7A3020;line-height:1.75;}
.note-box,.tip-box{background:var(--pine-lt);border:1px solid #9EBDB4;border-left:4px solid var(--pine);border-radius:8px;padding:16px 18px;margin:0 0 14px;display:flex;gap:14px;align-items:flex-start;}
.note-box .nb-icon,.tip-box .tb-icon{font-size:19px;flex-shrink:0;padding-top:2px;}
.note-box .nb-title,.tip-box .tb-title{font-family:'Albert Sans',sans-serif;font-size:13.5px;font-weight:700;color:var(--pine);margin-bottom:5px;}
.note-box .nb-text p,.note-box p,.tip-box p{font-size:14px;color:#2A5045;line-height:1.75;}
.note-box code,.tip-box code{font-family:'Albert Sans',monospace;font-size:12.5px;color:var(--fjord);background:rgba(58,115,98,.08);border:1px solid rgba(58,115,98,.2);border-radius:4px;padding:1px 6px;}
.info-box .ib-icon{font-size:19px;flex-shrink:0;padding-top:2px;}
.info-box .ib-title{font-family:'Albert Sans',sans-serif;font-size:13.5px;font-weight:700;color:var(--fjord);margin-bottom:5px;}
.info-box .ib-text p{font-size:14px;color:#1E4A60;line-height:1.75;}
.honey-box,.amber-box{background:var(--honey-lt);border:1px solid #D4B880;border-left:4px solid var(--honey);border-radius:8px;padding:16px 18px;margin:0 0 14px;display:flex;gap:14px;align-items:flex-start;}
.honey-box .hb-icon,.amber-box .ab-icon{font-size:19px;flex-shrink:0;padding-top:2px;}
.honey-box .hb-title,.amber-box .ab-title{font-family:'Albert Sans',sans-serif;font-size:13.5px;font-weight:700;color:var(--honey);margin-bottom:5px;}
.honey-box .hb-text p,.amber-box p{font-size:14px;color:#6A4E18;line-height:1.75;}
/* ── URL BLOCK ────────────────────────────────────────── */
.url-block{background:var(--nav-bg);border-radius:8px;padding:12px 16px;margin:10px 0;display:flex;align-items:center;gap:10px;overflow:hidden;}
.url-block code{font-family:'Albert Sans',monospace;font-size:12.5px;color:#A8D4E8;word-break:break-all;flex:1;line-height:1.6;}
.url-block .url-label{font-size:10px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;}
/* ── SUB-LIST ─────────────────────────────────────────── */
.sub-list{list-style:none;padding-left:33px;margin:6px 0 2px;}
.sub-list li{font-size:14px;color:var(--text-mid);line-height:1.78;padding:2px 0;position:relative;}
.sub-list li::before{content:'·';color:var(--honey);font-size:18px;font-weight:700;margin-right:8px;vertical-align:middle;line-height:1;display:inline-block;}
.step-body ul,.card-body ul{list-style:none;padding-left:0;margin-top:6px;}
.step-body ul li,.card-body ul li{display:flex;gap:8px;padding:2px 0;font-size:13px;color:var(--text-mid);}
.step-body ul li::before,.card-body ul li::before{content:'·';color:var(--honey);font-size:18px;font-weight:700;flex-shrink:0;line-height:1.4;}
/* ── REF TABLE / FIELD TABLE ──────────────────────────── */
.ref-table,.field-table,.error-table,.label-compare,.ex-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;}
.ref-table th,.field-table thead th,.error-table thead th,.label-compare thead th,.ex-table thead th{background:var(--nav-bg);color:#fff;padding:11px 16px;text-align:left;font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;}
.ref-table th:first-child,.field-table thead th:first-child,.error-table thead th:first-child,.label-compare thead th:first-child,.ex-table thead th:first-child{border-left:3px solid var(--honey);}
.ref-table td,.field-table tbody td,.error-table tbody td,.label-compare tbody td,.ex-table tbody td{padding:11px 16px;border-bottom:1px solid var(--border);vertical-align:top;}
.ref-table tr:nth-child(even) td,.field-table tbody tr:nth-child(even) td,.error-table tbody tr:nth-child(even) td,.label-compare tbody tr:nth-child(even) td,.ex-table tbody tr:nth-child(even) td{background:var(--bg2);}
.ref-table tr:last-child td,.field-table tbody tr:last-child td,.error-table tbody tr:last-child td,.label-compare tbody tr:last-child td,.ex-table tbody tr:last-child td{border-bottom:none;}
.field-table tbody tr:hover,.error-table tbody tr:hover,.label-compare tbody tr:hover,.ex-table tbody tr:hover{background:var(--fjord-lt);}
/* code in tables */
.field-table td code,.error-table td code,.ex-table td code,.label-compare td code{font-family:'Albert Sans',monospace;font-size:12px;color:var(--fjord);background:var(--fjord-lt);border:1px solid #A8C8DA;border-radius:4px;padding:1px 5px;}
/* field name mono */
.fname{font-family:'Albert Sans',monospace;font-size:12.5px;font-weight:600;color:var(--fjord);background:var(--fjord-lt);border:1px solid #A8C8DA;border-radius:5px;padding:2px 7px;display:inline-block;margin-bottom:3px;}
.falso{font-size:11.5px;color:var(--text-light);margin-top:2px;}
.falso code{font-family:'Albert Sans',monospace;font-size:11px;color:var(--text-mid);background:var(--bg2);border:1px solid var(--border);border-radius:3px;padding:1px 4px;}
/* ── REQUIRED BADGES ──────────────────────────────────── */
.req-badge,.req-yes,.req-opt,.req-cond,.req-sys,.req-no{font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;display:inline-block;letter-spacing:.03em;}
.req-cond{background:var(--honey-lt);color:var(--honey);}
/* ── STATUS PILLS ─────────────────────────────────────── */
.status-pill{display:inline-block;font-family:'Albert Sans',sans-serif;font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:20px;letter-spacing:.03em;}
.sp-new{background:#F0F4F8;color:#4A5568;border:1px solid #CBD5E0;}
.sp-sent{background:var(--fjord-lt);color:var(--fjord);border:1px solid #A8C8DA;}
.sp-partial{background:var(--honey-lt);color:var(--honey);border:1px solid #D4B880;}
.sp-paid{background:var(--pine-lt);color:var(--pine);border:1px solid #9EC0B4;}
/* status chips (custom fields guide) */
.status-chip{display:inline-block;font-family:'Albert Sans',sans-serif;font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:20px;border:1px solid;white-space:nowrap;}
.sc-intake{background:var(--fjord-lt);color:var(--fjord);border-color:#A8C8DA;}
.sc-photo{background:var(--honey-lt);color:var(--honey);border-color:#D4B880;}
.sc-catalogue{background:var(--iris-lt);color:var(--iris);border-color:#B0A8D4;}
.sc-review{background:var(--nordic-lt);color:var(--nordic);border-color:#88C0C6;}
.sc-approved{background:var(--pine-lt);color:var(--pine);border-color:#9EC0B4;}
.sc-sold{background:var(--fjord-lt);color:var(--fjord);border-color:#A8C8DA;}
.sc-shipped{background:var(--bg2);color:var(--text-mid);border-color:var(--border);}
.sc-returned{background:var(--rust-lt);color:var(--rust);border-color:#CCA098;}
.sc-relisted{background:var(--honey-lt);color:var(--honey);border-color:#D4B880;}
/* error badges */
.error-badge,.eb-skip,.eb-fail,.eb-wrong,.eb-silent{font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase;display:inline-block;}
.eb-skip{background:var(--bg2);color:var(--text-mid);}
.eb-fail{background:var(--rust-lt);color:var(--rust);}
.eb-wrong{background:var(--honey-lt);color:var(--honey);}
.eb-silent{background:var(--iris-lt);color:var(--iris);}
/* ── FIELD TYPE BADGES ────────────────────────────────── */
.ftype{display:inline-block;font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.03em;margin-left:6px;}
.ftype-text{background:var(--fjord-lt);color:var(--fjord);border:1px solid #A8C8DA;}
.ftype-drop{background:var(--iris-lt);color:var(--iris);border:1px solid #B0A8D4;}
.ftype-check{background:var(--pine-lt);color:var(--pine);border:1px solid #9EC0B4;}
.ftype-textarea{background:var(--honey-lt);color:var(--honey);border:1px solid #D4B880;}
.step-content{background:var(--card);border:1px solid var(--border);border-left:none;padding:16px 20px;flex:1;}
.step-row:not(:first-child) .step-content{border-top:none;}
.step-row:first-child .step-content{border-radius:0 10px 0 0;}
.step-row:last-child .step-content{border-radius:0 0 10px 0;}
.step-row:first-child:last-child .step-content{border-radius:0 10px 10px 0;}
.step-content-title{font-family:'Albert Sans',sans-serif;font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px;}
.step-content-body{font-size:14px;color:var(--text-mid);line-height:1.78;}
.step-content-body p{margin-bottom:8px;}
.step-content-body p:last-child{margin-bottom:0;}
.step-content-body strong{color:var(--text);}
.step-content-body code{font-family:'Albert Sans',monospace;font-size:12.5px;color:var(--fjord);background:var(--fjord-lt);border:1px solid #A8C8DA;border-radius:4px;padding:1px 6px;}
.step-content-body ul{padding-left:0;list-style:none;margin-top:8px;}
.step-content-body ul li{display:flex;gap:8px;align-items:flex-start;padding:3px 0;font-size:13.5px;color:var(--text-mid);}
.step-content-body ul li::before{content:'·';color:var(--honey);font-size:18px;font-weight:700;flex-shrink:0;line-height:1;}
/* ── BEST PRACTICE LIST ───────────────────────────────── */
.bp-list{display:flex;flex-direction:column;gap:10px;margin:16px 0;}
.bp-item{display:flex;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px 16px;}
.bp-num{background:var(--nav-bg);color:#A8D4E8;font-family:'Albert Sans',sans-serif;font-size:16px;font-weight:800;min-width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.bp-content-title{font-family:'Albert Sans',sans-serif;font-size:14px;font-weight:700;color:var(--text);margin-bottom:3px;}
.bp-content-body{font-size:13.5px;color:var(--text-mid);line-height:1.72;}
.bp-content-body code{font-family:'Albert Sans',monospace;font-size:12px;color:var(--fjord);background:var(--fjord-lt);border:1px solid #A8C8DA;border-radius:4px;padding:1px 5px;}
.bp-content-body strong{color:var(--text);}
/* ── PIPELINE ─────────────────────────────────────────── */
.pipeline{display:flex;align-items:stretch;gap:0;overflow-x:auto;margin:20px 0;padding-bottom:4px;}
.pipeline-stage{display:flex;flex-direction:column;align-items:center;position:relative;}
.pipeline-node{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px 14px;min-width:140px;text-align:center;font-size:12px;flex:1;}
.pipeline-node .pn-label{font-family:'Albert Sans',sans-serif;font-weight:700;color:var(--text);margin-bottom:3px;font-size:12.5px;}
.pipeline-node .pn-desc{font-size:11px;color:var(--text-mid);line-height:1.4;}
.pipeline-node.pn-intake{border-top:3px solid var(--fjord);}
.pipeline-node.pn-photo{border-top:3px solid var(--honey);}
.pipeline-node.pn-catalogue{border-top:3px solid var(--iris);}
.pipeline-node.pn-review{border-top:3px solid var(--nordic);}
.pipeline-node.pn-approved{border-top:3px solid var(--pine);}
.pipeline-node.pn-sold{border-top:3px solid var(--fjord);}
.pipeline-node.pn-shipped{border-top:3px solid var(--text-mid);}
.pipeline-arrow{display:flex;align-items:center;padding:0 4px;color:var(--border);font-size:20px;flex-shrink:0;margin-top:-2px;}
/* ── LABEL COMPARE ────────────────────────────────────── */
.two-tag{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;}
@media(max-width:640px){
  .two-tag{grid-template-columns:1fr;}
}
.tag-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;}
.tag-card-header{padding:12px 16px;font-family:'Albert Sans',sans-serif;font-weight:700;font-size:13px;color:#fff;}
.tag-card-header.intake{background:var(--fjord);}
.tag-card-header.display{background:var(--pine);}
.tag-card-body{padding:14px 16px;}
.tag-field{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border);font-size:12.5px;}
.tag-field:last-child{border-bottom:none;}
.tag-field-label{color:var(--text-mid);min-width:120px;flex-shrink:0;}
.tag-field-value{font-family:'Albert Sans',sans-serif;font-size:12px;background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:2px 7px;color:var(--text-mid);}
.tag-field-value.yes{background:var(--pine-lt);color:var(--pine);border-color:#9EC0B4;}
.tag-field-value.no{background:var(--bg2);color:var(--text-light);border-color:var(--border);}
.tag-when{padding:10px 16px;background:var(--fjord-lt);font-size:12px;color:var(--fjord);border-top:1px solid #A8C8DA;font-family:'Albert Sans',sans-serif;font-weight:600;}
/* ── SCENARIO BLOCKS ──────────────────────────────────── */
.scenario-block{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:0 0 18px;}
.scenario-header{display:flex;align-items:center;gap:14px;padding:18px 22px 14px;}
.scenario-body{padding:0 22px 18px;}
.scenario-step-row{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed var(--border);}
.scenario-step-row:last-child{border-bottom:none;}
.step-badge{font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
.step-badge.fjord{background:var(--fjord-lt);color:var(--fjord);}
.step-badge.honey{background:var(--honey-lt);color:var(--honey);}
.step-badge.pine{background:var(--pine-lt);color:var(--pine);}
.step-badge.rust{background:var(--rust-lt);color:var(--rust);}
.step-badge.iris{background:var(--iris-lt);color:var(--iris);}
.step-badge.nordic{background:var(--nordic-lt);color:var(--nordic);}
.scenario-step-text{font-size:14px;color:var(--text-mid);line-height:1.72;flex:1;}
.scenario-step-text strong{color:var(--text);}
/* ── LAUNCH WARNING ───────────────────────────────────── */
.launch-warning{background:linear-gradient(135deg,#3a1810 0%,#7A3020 100%);border-radius:12px;padding:28px 32px;margin:0 0 32px;display:flex;gap:20px;align-items:flex-start;position:relative;overflow:hidden;}
.launch-warning::before{content:'';position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.05);}
.launch-warning .lw-icon{font-size:36px;flex-shrink:0;line-height:1;}
.launch-warning .lw-title{font-family:'Albert Sans',sans-serif;font-size:16px;font-weight:800;color:#fff;margin-bottom:8px;}
.launch-warning p{font-size:13.5px;color:rgba(255,255,255,.8);line-height:1.75;margin:0;}
.launch-warning p+p{margin-top:8px;}
.launch-warning strong{color:#fff;}
.launch-warning code{font-family:'Albert Sans',monospace;font-size:12px;background:rgba(0,0,0,.3);border-radius:3px;padding:1px 6px;color:#F5C6BC;}
/* ── H3 HEADINGS ──────────────────────────────────────── */
.h3{font-family:'Albert Sans',sans-serif;font-size:17px;font-weight:700;color:var(--text);margin:28px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border);}
/* ── BODY TEXT ────────────────────────────────────────── */
.body-text{font-size:14.5px;color:var(--text-mid);line-height:1.78;margin:10px 0;}
.body-text strong{color:var(--text);}
/* ── CSV TYPE CHOOSER ─────────────────────────────────── */
.csv-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:32px 0;}
.csv-type{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 20px;display:flex;align-items:flex-start;gap:14px;transition:box-shadow .15s,transform .15s;}
.csv-type:hover{box-shadow:0 4px 18px rgba(0,0,0,.08);transform:translateY(-1px);}
.csv-type.primary{border-top:3px solid var(--fjord);}
.csv-type.secondary{border-top:3px solid var(--honey);}
.csv-type.tertiary{border-top:3px solid var(--pine);}
.csv-type-icon{font-size:24px;flex-shrink:0;padding-top:2px;}
.csv-type-title{font-family:'Albert Sans',sans-serif;font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:4px;}
.csv-type-desc{font-size:13px;color:var(--text-mid);line-height:1.55;}
/* ── LEGEND ───────────────────────────────────────────── */
.legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 18px;margin-bottom:32px;}
.legend-label{font-family:'Albert Sans',sans-serif;font-size:12px;font-weight:700;color:var(--text-mid);margin-right:4px;text-transform:uppercase;letter-spacing:.06em;}

/* ── Reference-guide components (additional, from all 7 docs) ── */
.step-grid-3c{display:grid;grid-template-columns:repeat(3,minmax(0,340px));gap:14px;margin-bottom:14px;justify-content:center;}
@media(max-width:700px){
  .step-grid-3c{grid-template-columns:1fr;}
}
.sub-list.indent{padding-left:52px;}
.sub-list.indent li::before{content:'○';font-size:9px;color:var(--text-light);vertical-align:middle;}
/* Numbered scenario blocks */
.scenario-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-family:'Albert Sans',sans-serif;font-size:16px;font-weight:800;flex-shrink:0;margin-top:2px;}

/* ── Tips & Tricks components (defined for the suite) ───── */
.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:14px;}
.tip-card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--fjord);border-radius:10px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .18s,transform .18s;}
.tip-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.07);transform:translateY(-1px);}
.tip-card.tip-cyan{border-top-color:var(--nordic);}
.tip-card.tip-gold{border-top-color:var(--honey);}
.tip-card.tip-green{border-top-color:var(--pine);}
.tip-card.tip-navy{border-top-color:var(--fjord);}
.tip-card.tip-red{border-top-color:var(--rust);}
.tip-card.tip-purple{border-top-color:var(--iris);}
.tip-top{display:flex;align-items:flex-start;gap:12px;}
.tip-icon{font-size:21px;flex-shrink:0;line-height:1.3;}
.tip-title{font-family:'Albert Sans',sans-serif;font-size:14.5px;font-weight:700;color:var(--text);line-height:1.4;}
.tip-body{font-size:14px;color:var(--text-mid);line-height:1.78;padding-left:33px;}
.tip-card>.tip-body{padding-left:33px;}
.tip-body strong{color:var(--text);}
.tip-body code{font-family:'Albert Sans',monospace;font-size:12.5px;color:var(--fjord);background:var(--fjord-lt);border:1px solid #A8C8DA;border-radius:4px;padding:1px 6px;}
.tip-tag{display:inline-block;margin-left:33px;margin-top:2px;font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:20px;background:var(--fjord-lt);color:var(--fjord);align-self:flex-start;}
.tip-full{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--honey);border-radius:10px;padding:20px 22px;margin:0 0 14px;display:flex;align-items:flex-start;gap:14px;}
.tip-full.tip-cyan{border-top-color:var(--nordic);}.tip-full.tip-gold{border-top-color:var(--honey);}.tip-full.tip-green{border-top-color:var(--pine);}.tip-full.tip-navy{border-top-color:var(--fjord);}.tip-full.tip-red{border-top-color:var(--rust);}.tip-full.tip-purple{border-top-color:var(--iris);}
.tip-full .tip-icon{padding-top:2px;}
.tip-content{flex:1;}
.tip-content .tip-title{margin-bottom:6px;}
.tip-full .tip-body{padding-left:0;}
.hero-roles{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px;}
.role-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border:1px solid rgba(255,255,255,.14);border-radius:6px;font-family:'Albert Sans',sans-serif;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;color:rgba(255,255,255,.62);background:rgba(255,255,255,.05);transition:border-color .18s,color .18s,background .18s;}
.role-chip:hover{border-color:rgba(168,216,232,.5);color:#fff;background:rgba(46,107,136,.2);}
.sh-role-label{font-family:'Albert Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:20px;white-space:nowrap;flex-shrink:0;align-self:flex-start;margin-top:8px;background:var(--bg2);color:var(--text-mid);border:1px solid var(--border);}
.pitfall-box{background:var(--rust-lt);border:1px solid #D8B0A8;border-left:4px solid var(--rust);border-radius:8px;padding:16px 18px;margin:0 0 14px;display:flex;gap:14px;align-items:flex-start;}
.pf-icon{font-size:19px;flex-shrink:0;padding-top:2px;}
.pf-title{font-family:'Albert Sans',sans-serif;font-size:13.5px;font-weight:700;color:var(--rust);margin-bottom:5px;}
.pf-text p{font-size:14px;color:#7A3020;line-height:1.75;}
.pf-text code{font-family:'Albert Sans',monospace;font-size:12.5px;background:rgba(168,78,56,.1);border:1px solid rgba(168,78,56,.25);border-radius:4px;padding:1px 5px;color:var(--rust);}
.qr-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;}
.qr-table th{background:var(--nav-bg);color:#fff;padding:11px 16px;text-align:left;font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;}
.qr-table th:first-child{border-left:3px solid var(--honey);}
.qr-table td{padding:11px 16px;border-bottom:1px solid var(--border);vertical-align:top;}
.qr-table tr:nth-child(even) td{background:var(--bg2);}
.qr-table tr:last-child td{border-bottom:none;}
.qr-table td code{font-family:'Albert Sans',monospace;font-size:12px;color:var(--fjord);background:var(--fjord-lt);border:1px solid #A8C8DA;border-radius:4px;padding:1px 5px;}

/* ── Addendum badge (advanced settings hero) ───────────── */
.hero-addendum-badge{display:inline-block;margin-top:4px;font-family:'Albert Sans',sans-serif;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.78);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:9px 15px;line-height:1.5;}

/* ═══════════════════════════════════════════════════════════
   DETERMINISTIC GRID COLUMNS + TEXT-WRAP SAFETY
   (build assigns cols-N / last-span per grid by card count;
    two-class selectors override every base grid family)
   ═══════════════════════════════════════════════════════════ */
.card-grid.cols-1,.card-grid-2.cols-1,.step-grid.cols-1,.step-grid-2.cols-1,.step-grid-3.cols-1,.step-grid-3c.cols-1,.step-grid-wide.cols-1,.tips-grid.cols-1,.comp-grid.cols-1{grid-template-columns:1fr;justify-content:stretch;}
.card-grid.cols-2,.card-grid-2.cols-2,.step-grid.cols-2,.step-grid-2.cols-2,.step-grid-3.cols-2,.step-grid-3c.cols-2,.step-grid-wide.cols-2,.tips-grid.cols-2,.comp-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;}
.card-grid.cols-3,.card-grid-2.cols-3,.step-grid.cols-3,.step-grid-2.cols-3,.step-grid-3.cols-3,.step-grid-3c.cols-3,.step-grid-wide.cols-3,.tips-grid.cols-3,.comp-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;}
.card-grid.last-span > :last-child,.card-grid-2.last-span > :last-child,.step-grid.last-span > :last-child,.step-grid-2.last-span > :last-child,.step-grid-3.last-span > :last-child,.step-grid-3c.last-span > :last-child,.step-grid-wide.last-span > :last-child,.tips-grid.last-span > :last-child,.comp-grid.last-span > :last-child{grid-column:1 / -1;}
@media(max-width:820px){
  .card-grid.cols-3,.card-grid-2.cols-3,.step-grid.cols-3,.step-grid-2.cols-3,.step-grid-3.cols-3,.step-grid-3c.cols-3,.step-grid-wide.cols-3,.tips-grid.cols-3,.comp-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .card-grid.cols-2,.card-grid-2.cols-2,.step-grid.cols-2,.step-grid-2.cols-2,.step-grid-3.cols-2,.step-grid-3c.cols-2,.step-grid-wide.cols-2,.tips-grid.cols-2,.comp-grid.cols-2,.card-grid.cols-3,.card-grid-2.cols-3,.step-grid.cols-3,.step-grid-2.cols-3,.step-grid-3.cols-3,.step-grid-3c.cols-3,.step-grid-wide.cols-3,.tips-grid.cols-3,.comp-grid.cols-3{grid-template-columns:1fr;}
  .card-grid.last-span > :last-child,.card-grid-2.last-span > :last-child,.step-grid.last-span > :last-child,.step-grid-2.last-span > :last-child,.step-grid-3.last-span > :last-child,.step-grid-3c.last-span > :last-child,.step-grid-wide.last-span > :last-child,.tips-grid.last-span > :last-child,.comp-grid.last-span > :last-child{grid-column:auto;}
}
/* Text-wrap safety: never let titles, bodies or tags break past the card edge */
.card,.doc-card,.comp,.tip-card,.next-card,.step-card{min-width:0;overflow-wrap:break-word;}
.card-title,.step-title,.doc-card h3,.comp h4,.tip-title{overflow-wrap:break-word;}
.card-body,.step-body,.doc-card p,.tip-body{overflow-wrap:break-word;}
.card-tag,.step-tag{white-space:normal;overflow-wrap:anywhere;max-width:100%;}

/* ── Live Console bid buttons (Live Auction Clerking) ──── */
.bid-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Albert Sans',sans-serif;font-size:13px;font-weight:700;padding:7px 16px;border-radius:8px;margin:3px 4px 3px 0;vertical-align:middle;color:#fff;}
.bid-btn-green{background:#1a8a4a;}
.bid-btn-blue{background:#1a5c8a;}
.bid-btn-purple{background:#6050A0;}
.bid-btn-orange{background:#c45000;}
.bid-btn .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.bid-btn-green .dot{background:#7fffc4;}
.bid-btn-blue .dot{background:#a8d4ff;}
.bid-btn-purple .dot{background:#d4c8ff;}
.bid-btn-orange .dot{background:#ffcba8;}

/* ── Grid card alignment ────────────────────────────────── */
/* step-card & doc-card grids stretch so footer tags/links pin to a shared
   bottom (oversized procedures are promoted to .feature-card, so stretch is
   safe). tips/comp grids stay top-aligned — their cards vary too much. */
.tips-grid,.comp-grid{align-items:start;}
.step-card,.card,.doc-card{height:100%;}
.doc-card .dc-go{margin-top:auto;}

/* ── Full-width feature card (a procedure promoted out of a card grid) ──── */
.feature-card{background:var(--card);border:1px solid var(--border);border-radius:13px;border-top:3px solid var(--fjord);padding:22px 26px 20px;margin:0 0 14px;}
.feature-card .step-top{margin-bottom:10px;}
.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 6px;}
@media(max-width:820px){.method-grid{grid-template-columns:1fr;}}
.method{background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:14px 16px;}
.method-label{font-family:'Albert Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--fjord);margin-bottom:6px;}
.method p{font-size:13.5px;color:var(--text-mid);line-height:1.65;}
.method p strong{color:var(--text);}
/* QuickBooks integration advert lockup (auction-workflow) */
.qb-lockup{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.13);position:relative;z-index:1;}
.qb-lockup svg{display:block;}
.lk-bsq{height:25px;width:auto;}
.lk-qbk{height:34px;width:auto;}
.qb-connect{font-family:'Albert Sans',sans-serif;font-size:25px;font-weight:300;color:rgba(255,255,255,.4);line-height:1;}
/* Bidsquare + Mailchimp lockup chip (white, sits inside the navy hero) */
.hero-brand-chip{display:inline-flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border-radius:10px;padding:11px 18px;margin-bottom:20px;box-shadow:0 2px 14px rgba(0,0,0,.18);}
.hero-brand-chip svg{display:block;}
.lk-bsq-d{height:22px;width:auto;}
.lk-mc{height:27px;width:auto;}
.mc-connect{font-family:'Albert Sans',sans-serif;font-size:22px;font-weight:300;color:var(--text-light);line-height:1;}
.seq-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 4px;}
@media(max-width:760px){.seq-flow{grid-template-columns:1fr;}}
.seq-step{display:flex;align-items:flex-start;gap:11px;background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:12px 14px;}
.seq-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--honey);color:#fff;font-family:'Albert Sans',sans-serif;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.seq-step p{font-size:13.5px;color:var(--text-mid);line-height:1.5;}

/* ── Brand watermarks (pin glyph) ───────────────────────── */
.fork-card > *{position:relative;z-index:1;}
:root{--pin-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22221%200%2054%2074.5%22%3E%3Cpath%20d%3D%22M274.3%2025.6c0-14.1-11.7-25.6-26.1-25.6C233.7%200%20222%2011.5%20222%2025.6c0%208.1%203.8%2015.3%209.7%2020%20c1.3%201.2%202.7%202.2%204.2%203.1c0.4%200.3%200.7%200.6%201.1%200.8c0%200%204.9%203.8%205.6%204.6c1%201.2%201.6%202%202%203.2c0.4%201.6%200.5%202.3%200.2%204.1%20c-0.3%201.9-1%202.8-1%202.8h0c-0.9%201.1-1.4%202.5-1.4%204.1c0%203.4%202.5%206.2%205.7%206.2c3.1%200%205.7-2.8%205.7-6.2c0-1.7-0.7-3-1.7-4.4%20c-0.4-0.8-0.6-1.4-0.8-2.7c-0.3-1.8-0.2-2.4%200.2-3.9c0.3-1.2%200.9-2.1%202-3.2c0.7-0.8%202.5-2.5%204.9-4.1c0.6-0.4%201.3-0.8%201.9-1.3%20c1.5-0.9%202.9-1.9%204.2-3.1C270.4%2040.9%20274.3%2033.7%20274.3%2025.6z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");}
/* 5 · Landing choice-cards: large faint pin bleeding off the corner */
.fork-card > *{position:relative;z-index:1;}
.fork-card::after{content:'';position:absolute;right:-30px;bottom:-34px;width:200px;height:200px;-webkit-mask:var(--pin-mask) no-repeat center/contain;mask:var(--pin-mask) no-repeat center/contain;opacity:.06;pointer-events:none;z-index:0;}
.fork-card.new::after{background:var(--pine);}
.fork-card.existing::after{background:var(--fjord);}
/* 6 · Hub-page hero eyebrow pin */
.eyebrow-pin{height:13px;width:auto;color:#7FE3FF;flex-shrink:0;}
/* 7 · User Manual group banners: faint pin texture on the right */
.group-banner > *{position:relative;z-index:1;}
.group-banner::after{content:'';position:absolute;right:18px;top:50%;transform:translateY(-50%);width:58px;height:58px;-webkit-mask:var(--pin-mask) no-repeat center/contain;mask:var(--pin-mask) no-repeat center/contain;background:currentColor;color:var(--text-mid);opacity:.045;pointer-events:none;z-index:0;}
/* 8 · Empty / zero-results search state */
.sr-empty::before{content:'';display:block;width:50px;height:50px;margin:0 auto 16px;-webkit-mask:var(--pin-mask) no-repeat center/contain;mask:var(--pin-mask) no-repeat center/contain;background:var(--fjord);opacity:.28;}



/* sub-heading scroll targets */
[id^="quick-"],[id^="ref-"],[id^="setup-step"],[id^="best-"]{scroll-margin-top:calc(var(--header-h) + 16px);}