:root{
    --bg:#12161c;
    --bg-panel:#1a2029;
    --bg-panel-2:#20272f;
    --text:#e9edf2;
    --muted:#8d97a5;
    --muted-dim:#616b78;
    --accent:#e2984b;
    --accent-soft:rgba(226,152,75,0.16);
    --accent-line:rgba(226,152,75,0.45);
    --line:rgba(233,237,242,0.12);
    --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    --serif: "Source Serif 4", Georgia, serif;
    --sans: "Space Grotesk", -apple-system, "Segoe UI", sans-serif;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:var(--serif);
    font-size:17px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  ::selection{background:var(--accent-soft); color:var(--text);}

  a{color:var(--text); text-decoration-color:var(--muted-dim); text-underline-offset:3px;}
  a:hover{text-decoration-color:var(--accent);}
  a:focus-visible, button:focus-visible{outline:2px solid var(--accent); outline-offset:3px;}

  h1,h2,h3,.sans{font-family:var(--sans);}

  .wrap{max-width:1080px; margin:0 auto; padding:0 32px;}

  /* ---------- Nav ---------- */
  header.site-nav{
    position:sticky; top:0; z-index:40;
    background:rgba(18,22,28,0.86);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{
    max-width:1080px; margin:0 auto; padding:18px 32px;
    display:flex; align-items:center; justify-content:space-between;
  }
  .brand{font-family:var(--sans); font-weight:600; font-size:15px; letter-spacing:0.01em; color:var(--text);}
  .brand span{color:var(--accent);}
  nav.links{display:flex; gap:28px;}
  nav.links a{font-family:var(--sans); font-size:14px; color:var(--muted); text-decoration:none; transition:color .15s ease; margin-left:28px;}
  nav.links a:first-child{margin-left:0;}
  nav.links a:hover{color:var(--text);}
  .nav-toggle{display:none; background:none; border:1px solid var(--line); color:var(--text); border-radius:4px; padding:6px 10px; font-family:var(--sans); font-size:13px;}

  /* ---------- Rail layout ---------- */
  .rail-section{
    position:relative;
    padding:88px 0 96px 40px;
    margin-left:32px;
    border-left:1px solid var(--line);
  }
  .rail-section:last-of-type{padding-bottom:64px;}
  .hop{
    position:absolute; left:-6px; top:90px;
    width:11px; height:11px;
    background:var(--bg);
    border:2px solid var(--accent);
    border-radius:50%;
  }
  .rail-section.hero-section{border-left:1px solid transparent; padding-top:88px;}

  .hero-photo{
    position:relative; overflow:hidden;
    border:1px solid var(--line);
    height:clamp(170px,26vw,300px);
    margin-top:32px;
    margin-bottom:8px;
  }
  .hero-photo img{
    width:100%; height:100%; object-fit:cover; display:block;
    filter:saturate(0.82) brightness(0.82);
  }
  .hero-photo::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(18,22,28,0) 35%, rgba(18,22,28,0.88) 100%);
  }
  .hero-photo-tag{
    position:absolute; left:18px; bottom:16px; z-index:2;
    display:inline-flex; align-items:center;
    font-family:var(--mono); font-size:13px; color:var(--text);
    background:rgba(18,22,28,0.55); backdrop-filter:blur(3px);
    padding:7px 13px; border:1px solid var(--line);
  }
  .hero-photo-tag .dot{
    display:inline-block; width:7px; height:7px; border-radius:50%;
    background:var(--accent); margin-right:9px; position:relative; top:-1px;
    animation:pulse 2.4s ease-in-out infinite;
  }
  .hero-photo-credit{
    position:absolute; right:14px; bottom:14px; z-index:2;
    font-family:var(--mono); font-size:11px; color:var(--muted);
    background:rgba(18,22,28,0.55); backdrop-filter:blur(3px);
    padding:6px 11px; border:1px solid var(--line);
  }
  .hero-photo-credit a{color:var(--text); text-decoration-color:var(--muted-dim);}
  .hero-photo-credit a:hover{text-decoration-color:var(--accent);}

  .dc-photo{
    position:relative; overflow:hidden;
    border:1px solid var(--line);
    height:clamp(170px,26vw,300px);
    margin-top:32px; margin-bottom:8px;
  }
  .dc-photo img{width:100%; height:100%; object-fit:cover; display:block; filter:saturate(0.95) brightness(0.92);}
  .dc-photo::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(18,22,28,0) 55%, rgba(18,22,28,0.85) 100%);
  }
  .dc-photo .hero-photo-credit{right:14px; bottom:14px; left:auto;}

  /* ---------- Richmond thumbnail + live clock ---------- */
  /* ---------- Hero photo row: Richmond + headshot, paired ---------- */
  .hero-photo{
    position:relative; overflow:hidden;
    border:1px solid var(--line);
    height:clamp(170px,26vw,300px);
    margin-bottom:32px;
  }
  .hero-photo img{width:100%; height:100%; object-fit:cover; display:block; filter:saturate(0.82) brightness(0.82);}
  .hero-photo::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(18,22,28,0.3) 0%, rgba(18,22,28,0) 25%, rgba(18,22,28,0) 60%, rgba(18,22,28,0.88) 100%);
  }
  .richmond-tag{
    position:absolute; left:14px; bottom:14px; z-index:2;
    display:inline-flex; align-items:center;
    font-family:var(--mono); font-size:13px; color:var(--text);
    background:rgba(18,22,28,0.55); backdrop-filter:blur(3px);
    padding:7px 13px; border:1px solid var(--line);
  }
  .richmond-tag .dot{
    display:inline-block; width:7px; height:7px; border-radius:50%;
    background:var(--accent); margin-right:9px; position:relative; top:-1px;
    animation:pulse 2.4s ease-in-out infinite;
  }
  .clock-widget{position:absolute; left:14px; top:14px; z-index:2; text-align:left; font-family:var(--mono); line-height:1.4;}
  .clock-date{font-size:11px; color:var(--muted);}
  .clock-time{font-size:16px; color:var(--accent); font-weight:600;}
  .hero-photo-credit{
    position:absolute; right:14px; bottom:14px; z-index:2;
    font-family:var(--mono); font-size:11px; color:var(--muted);
    background:rgba(18,22,28,0.55); backdrop-filter:blur(3px);
    padding:6px 11px; border:1px solid var(--line);
  }
  .hero-photo-credit a{color:var(--text); text-decoration-color:var(--muted-dim);}
  .hero-photo-credit a:hover{text-decoration-color:var(--accent);}

  .hero-identity{display:flex; align-items:center; gap:20px; margin-bottom:22px;}
  .headshot{
    width:100px; height:100px; border-radius:50%;
    object-fit:cover; border:2px solid var(--accent);
    flex-shrink:0;
  }
  .hero-identity .hero-name{margin:0;}

  @media (max-width:760px){
    .rail-section{margin-left:16px; padding-left:24px; padding-top:64px; padding-bottom:64px;}
    .hop{top:66px;}
  }

  /* ---------- Hero ---------- */
  .hero-eyebrow{
    font-family:var(--mono); font-size:13px; color:var(--muted);
    margin:0 0 18px 0;
  }
  .hero-eyebrow .dot{
    display:inline-block; width:7px; height:7px; border-radius:50%;
    background:var(--accent); margin-right:9px; position:relative; top:-1px;
    animation:pulse 2.4s ease-in-out infinite;
  }
  @keyframes pulse{
    0%,100%{box-shadow:0 0 0 0 var(--accent-soft);}
    50%{box-shadow:0 0 0 6px transparent;}
  }
  h1.hero-name{
    font-size:clamp(34px,5.4vw,52px);
    line-height:1.08;
    margin:0 0 22px 0;
    font-weight:600;
    max-width:14ch;
  }
  .hero-role{
    font-family:var(--serif);
    font-size:clamp(19px,2.4vw,23px);
    color:var(--text);
    max-width:34ch;
    margin:0 0 40px 0;
    line-height:1.5;
  }
  .hero-role em{font-style:normal; color:var(--accent);}

  .status-panel{
    background:var(--bg-panel);
    border:1px solid var(--line);
    border-top:2px solid var(--accent);
    max-width:560px;
    flex-shrink:0;
    padding:22px 26px;
  }
  .status-row{
    display:flex; gap:20px;
    padding:12px 0;
    border-bottom:1px solid var(--line);
  }
  .status-row:last-child{border-bottom:none; padding-bottom:0;}
  .status-row:first-child{padding-top:0;}
  .status-label{
    font-family:var(--sans); font-size:12.5px; color:var(--muted);
    width:88px; flex-shrink:0; padding-top:2px;
  }
  .status-value{font-family:var(--sans); font-size:14.5px; color:var(--text); line-height:1.55;}
  .status-value .mono{font-family:var(--mono); font-size:13px; color:var(--muted);}

  .hero-links{margin-top:28px; display:flex; gap:14px; flex-wrap:wrap;}
  .btn{
    font-family:var(--sans); font-size:14px; font-weight:500;
    padding:11px 20px; border-radius:2px;
    text-decoration:none; display:inline-block;
    border:1px solid var(--line);
    color:var(--text);
    transition:border-color .15s ease, background .15s ease;
  }
  .btn:hover{border-color:var(--accent); text-decoration:none;}
  .btn.primary{background:var(--accent); border-color:var(--accent); color:#1a1305;}
  .btn.primary:hover{background:#eaa661;}

  /* ---------- Section heads ---------- */
  .section-head{margin-bottom:44px;}
  .section-head h2{
    font-size:clamp(24px,3vw,30px);
    margin:0 0 12px 0;
    font-weight:600;
  }
  .section-head p{
    color:var(--muted); font-family:var(--sans); font-size:15px;
    max-width:56ch; margin:0; line-height:1.6;
  }

  /* ---------- AI section ---------- */
  .ai-grid{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); max-width:760px;}

  .tools-row{display:flex; gap:26px; flex-wrap:wrap; justify-content:space-between; margin-bottom:40px; max-width:520px;}
  .section-head-row{display:flex; justify-content:space-between; align-items:flex-start; gap:20px;}
  .bot-mascot{width:110px; height:110px; flex-shrink:0; margin-top:-6px;}
  .bot-mascot img{width:100%; height:100%; object-fit:contain; display:block;}
  @keyframes bot-bob{0%,100%{transform:translateY(0);} 50%{transform:translateY(-4px);}}
  .bot-antenna{transform-box:fill-box; transform-origin:bottom center; animation:bot-sway 2.6s ease-in-out infinite;}
  @keyframes bot-sway{0%,100%{transform:rotate(-6deg);} 50%{transform:rotate(6deg);}}
  .bot-eye{transform-box:fill-box; transform-origin:center; animation:bot-blink 4.2s ease-in-out infinite;}
  .bot-eye.eye-r{animation-delay:0.06s;}
  @keyframes bot-blink{0%,88%,100%{transform:scaleY(1);} 93%{transform:scaleY(0.12);}}

  .tool-item{display:flex; flex-direction:column; align-items:center; gap:9px; width:78px; position:relative;}
  .tool-icon{
    width:56px; height:56px; border:1px solid var(--line);
    background:var(--bg-panel); padding:11px;
    transition:transform .15s ease, border-color .15s ease;
  }
  .tool-icon svg{width:100%; height:100%; display:block;}
  .tool-label{font-family:var(--sans); font-size:12px; color:var(--muted); text-align:center;}
  .tool-item::after{
    content:attr(data-tip);
    position:absolute; top:100%; left:50%; margin-top:10px;
    transform:translate(-50%,4px); width:max-content; max-width:150px;
    background:var(--bg-panel); border:1px solid var(--accent-line);
    color:var(--text); font-family:var(--sans); font-size:11.5px; line-height:1.4;
    padding:7px 10px; text-align:center;
    opacity:0; pointer-events:none; z-index:5;
    transition:opacity .18s ease, transform .18s ease;
  }
  .tool-item:hover::after{opacity:1; transform:translate(-50%,0);}
  .tool-item:hover .tool-icon{
    border-color:var(--accent);
    animation:tool-wiggle .4s ease;
  }
  @keyframes tool-wiggle{
    0%,100%{transform:rotate(0);}
    25%{transform:rotate(-7deg);}
    75%{transform:rotate(7deg);}
  }
  @media (max-width:760px){.ai-grid{grid-template-columns:1fr;}}
  .ai-card{background:var(--bg); padding:30px 30px 30px 0;}
  .ai-grid .ai-card:nth-child(odd){padding-right:30px;}
  .ai-grid .ai-card:nth-child(even){padding-left:30px; padding-right:0;}
  @media (max-width:760px){
    .ai-grid .ai-card{padding:26px 0 !important;}
    .ai-grid .ai-card:first-child{padding-top:0 !important;}
  }
  .ai-card h3{font-size:17px; margin:0 0 10px 0; font-weight:600; display:flex; align-items:center; gap:10px;}
  .ai-card h3 .tag{
    font-family:var(--mono); font-size:11px; color:var(--accent);
    border:1px solid var(--accent-line); padding:2px 7px; border-radius:2px;
    font-weight:400;
  }
  .ai-card p{margin:0 0 10px 0; font-size:15.5px; color:#c7ccd3;}
  .ai-card p:last-child{margin-bottom:0;}

  .built-with{
    margin-top:40px;
    background:var(--bg-panel);
    border:1px solid var(--line);
    padding:26px 28px;
  }
  .built-with h3{font-size:15px; margin:0 0 10px 0; font-family:var(--sans); color:var(--text); font-weight:600;}
  .built-with p{margin:0; font-size:15px; color:var(--muted); line-height:1.65;}
  .built-with .stack-line{
    margin-top:14px; font-family:var(--mono); font-size:12.5px; color:var(--muted-dim);
  }

  /* ---------- Case studies ---------- */
  .case{
    padding:36px 0;
    border-bottom:1px solid var(--line);
    max-width:760px;
  }
  .case:first-of-type{padding-top:0;}
  .case:last-of-type{border-bottom:none; padding-bottom:0;}
  .case-head{display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:16px; flex-wrap:wrap;}
  .case h3{font-size:21px; margin:0; font-weight:600;}
  .case-status{
    font-family:var(--mono); font-size:11.5px; padding:4px 10px;
    border:1px solid var(--line); color:var(--muted); white-space:nowrap; border-radius:2px;
  }
  .case-status.live{color:var(--accent); border-color:var(--accent-line);}
  .case-meta{
    display:flex; gap:24px; flex-wrap:wrap;
    font-family:var(--sans); font-size:13px; color:var(--muted-dim);
    margin-bottom:18px;
  }
  .case-meta span b{color:var(--muted); font-weight:500;}
  .case p{margin:0 0 14px 0; font-size:16px; color:#c7ccd3; max-width:68ch;}
  .case p:last-child{margin-bottom:0;}
  .case p code{font-family:var(--mono); font-size:0.85em; color:var(--accent);}
  .case ul{margin:0 0 14px 0; padding-left:20px; color:#c7ccd3; max-width:68ch;}
  .case li{margin-bottom:8px; font-size:16px;}
  .tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
  .tag-chip{
    font-family:var(--mono); font-size:12px; color:var(--muted);
    border:1px solid var(--line); padding:4px 10px; border-radius:2px;
  }

  /* ---------- CLI fluency ---------- */
  .cli-panel{
    background:var(--bg-panel); border:1px solid var(--line);
    padding:30px 32px; max-width:760px;
  }
  .cli-panel p{margin:0 0 20px 0; font-size:16px; color:#c7ccd3; max-width:66ch;}
  .cli-row{display:flex; gap:14px; flex-wrap:wrap;}
  .cli-pill{
    font-family:var(--sans); font-size:13.5px; color:var(--text);
    background:var(--bg-panel-2); border:1px solid var(--line);
    padding:8px 16px; border-radius:2px;
  }
  .cli-pill .mono{font-family:var(--mono); font-size:12px; color:var(--accent); margin-left:6px;}

  /* ---------- Background ---------- */
  .arc{position:relative;}
  .arc-item{
    display:flex; gap:28px;
    padding-bottom:34px; margin-bottom:34px;
    border-bottom:1px solid var(--line);
  }
  .arc-item:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0;}
  .arc-label{
    font-family:var(--sans); font-size:13px; color:var(--accent);
    width:150px; flex-shrink:0; padding-top:3px; font-weight:500;
  }
  .arc-body p{margin:0; font-size:16px; color:#c7ccd3; max-width:62ch;}
  @media (max-width:600px){
    .arc-item{flex-direction:column; gap:8px;}
    .arc-label{width:auto;}
  }

  /* ---------- Toolkit ---------- */
  .toolkit-group{margin-bottom:28px;}
  .toolkit-group:last-child{margin-bottom:0;}
  .toolkit-title{font-family:var(--sans); font-size:13px; color:var(--muted); margin:0 0 12px 0;}
  .toolkit-tags{display:flex; flex-wrap:wrap; gap:9px;}

  /* ---------- Where I'm headed ---------- */
  .goals-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); max-width:760px;}
  @media (max-width:760px){.goals-grid{grid-template-columns:1fr;}}
  .goal-item{background:var(--bg); padding:0 28px 0 0;}
  .goals-grid .goal-item:not(:first-child){padding-left:28px;}
  @media (max-width:760px){
    .goal-item{padding:24px 0 !important;}
    .goal-item:first-child{padding-top:0 !important;}
    .goal-item:last-child{padding-bottom:0 !important;}
  }
  .goal-item h3{font-size:16px; margin:0 0 8px 0; font-weight:600; color:var(--accent);}
  .goal-item p{margin:0; font-size:15px; color:var(--muted); line-height:1.6;}

  /* ---------- Method / motto ---------- */
  .motto-label{font-family:var(--sans); font-size:13px; color:var(--muted); margin:0 0 10px 0;}
  .motto{
    font-family:var(--sans); font-weight:600;
    font-size:clamp(24px,3.4vw,32px);
    color:var(--text); margin:0 0 14px 0; max-width:16ch;
  }
  .motto .accent{color:var(--accent);}
  .method-intro{color:var(--muted); font-family:var(--sans); font-size:15px; max-width:56ch; margin:0 0 40px 0; line-height:1.6;}
  .method-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); max-width:760px;}
  @media (max-width:760px){.method-steps{grid-template-columns:1fr;}}
  .method-step{background:var(--bg); padding:0 28px 0 0;}
  .method-steps .method-step:not(:first-child){padding-left:28px;}
  @media (max-width:760px){
    .method-step{padding:26px 0 !important;}
    .method-step:first-child{padding-top:0 !important;}
    .method-step:last-child{padding-bottom:0 !important;}
  }
  .step-num{
    display:inline-flex; align-items:center; justify-content:center;
    width:26px; height:26px; border-radius:50%;
    border:1.5px solid var(--accent); color:var(--accent);
    font-family:var(--mono); font-size:12.5px;
    margin-bottom:14px;
  }
  .method-step h3{font-size:16px; margin:0 0 8px 0; font-weight:600;}
  .method-step p{margin:0; font-size:15px; color:var(--muted); line-height:1.6;}

  /* ---------- Case study icons ---------- */
  .case-top{display:flex; gap:18px; align-items:flex-start; margin-bottom:16px;}
  .case-icon{
    flex-shrink:0; width:56px; height:56px;
    border:1px solid var(--line); background:var(--bg-panel);
    padding:8px;
  }
  .case-icon svg{width:100%; height:100%; display:block;}
  .icon-stroke{stroke:var(--accent); stroke-width:1.6; fill:none; stroke-linecap:round; stroke-linejoin:round;}
  .icon-stroke-dim{stroke:var(--muted-dim); stroke-width:1.4; fill:none; stroke-linecap:round; stroke-linejoin:round;}
  .icon-dot{fill:var(--accent);}

  /* ---------- Folder-tab section colors ---------- */
  .rail-section[data-tab]{--tab-color:var(--accent);}
  .rail-section[data-tab] .hop{border-color:var(--tab-color);}
  .rail-section[data-tab="blue"]{--tab-color:#5B8DEF;}
  .rail-section[data-tab="violet"]{--tab-color:#A78BFA;}
  .rail-section[data-tab="teal"]{--tab-color:#4FBF9F;}
  .rail-section[data-tab="cyan"]{--tab-color:#4FC3D9;}
  .rail-section[data-tab="rose"]{--tab-color:#E88A9A;}
  .rail-section[data-tab="copper"]{--tab-color:#E2984B;}
  .rail-section[data-tab="gold"]{--tab-color:#E5C158;}

  .tab-frame{
    position:relative;
    border:1px solid var(--tab-color);
    border-radius:0 6px 6px 6px;
    background:rgba(255,255,255,0.012);
    padding:34px 36px 38px;
    margin-top:22px;
  }
  .tab-frame::before{
    content:"";
    position:absolute; left:22px; top:-15px;
    width:52px; height:16px;
    background:var(--tab-color);
    border-radius:4px 4px 0 0;
  }
  @media (max-width:760px){
    .tab-frame{padding:26px 22px 30px;}
  }

  .status-row-wrap{display:flex; gap:20px; align-items:stretch; flex-wrap:wrap; margin-bottom:8px;}

  .toc-box{
    border:1px solid var(--line); background:var(--bg-panel);
    padding:20px 22px; flex:1; min-width:240px;
  }
  .toc-label{font-family:var(--sans); font-size:13px; color:var(--muted); margin:0 0 12px 0;}
  .toc-links{display:flex; flex-direction:column; gap:8px;}
  .toc-link{
    display:flex; align-items:center; gap:9px;
    font-family:var(--sans); font-size:13.5px; color:var(--text);
    text-decoration:none; border:1px solid var(--tab-color);
    padding:7px 12px; border-radius:3px;
    transition:background .15s ease;
  }
  .toc-link:hover{background:rgba(255,255,255,0.05);}
  .toc-dot{width:8px; height:8px; border-radius:50%; background:var(--tab-color); flex-shrink:0;}

  .case-top .case-head{flex:1; margin-bottom:0;}

  .whitebox-graphic{
    background:var(--bg-panel); border:1px solid var(--line); border-top:2px solid var(--accent);
    padding:14px 18px 10px; margin:4px 0 20px 0; overflow:hidden;
  }
  .whitebox-graphic svg{width:100%; height:auto; display:block;}
  .whitebox-caption{font-family:var(--sans); font-size:12px; color:var(--muted-dim); margin-top:8px;}

  .diagram-scroll{
    background:var(--bg-panel); border:1px solid var(--line); border-top:2px solid var(--accent);
    padding:14px 18px 10px; margin:4px 0 8px 0;
    overflow-x:auto; -webkit-overflow-scrolling:touch;
  }
  .diagram-scroll svg{display:block; height:auto;}
  .diagram-hint{
    font-family:var(--mono); font-size:11px; color:var(--muted-dim);
    margin:0 0 20px 0; letter-spacing:.02em;
  }

  /* ---------- Footer / contact ---------- */
  .contact-panel{
    background:var(--bg-panel); border:1px solid var(--line); border-top:2px solid var(--accent);
    padding:40px 36px;
  }
  .contact-panel h2{font-size:24px; margin:0 0 14px 0; font-weight:600;}
  .contact-panel p{font-family:var(--sans); color:var(--muted); font-size:15px; max-width:52ch; margin:0 0 26px 0; line-height:1.6;}

  footer{
    padding:40px 32px 60px;
    text-align:left;
  }
  .footer-inner{max-width:1080px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;}
  .footer-note{font-family:var(--mono); font-size:12.5px; color:var(--muted-dim);}

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important;}
  }

  @media (max-width:640px){
    .wrap{padding:0 20px;}
    .nav-inner{padding:16px 20px;}
    nav.links{display:none;}
  }

  /* ---------- Rules replacing former inline styles (kept last so they win) ---------- */
  .tags.tags-flush{margin-top:0;}
  .toc-link.toc-blue{--tab-color:#5B8DEF;}
  .toc-link.toc-violet{--tab-color:#A78BFA;}
  .toc-link.toc-teal{--tab-color:#4FBF9F;}
  .toc-link.toc-cyan{--tab-color:#4FC3D9;}
  .toc-link.toc-rose{--tab-color:#E88A9A;}
  .toc-link.toc-copper{--tab-color:#E2984B;}
  .toc-link.toc-gold{--tab-color:#E5C158;}
  .section-head.section-head-flush{margin-bottom:0;}
  .spacer-44{margin-bottom:44px;}
  .rail-section.contact-section{padding-bottom:80px;}