/* Styles externalized from HMT-A_q353_metabolite_reference_353_master_v12.html */

/* <style> */
  @import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&family=DM+Mono:wght@300;400&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap');
  *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
  * { cursor: none !important; }
  :root{ --gold:#4ab3f4;--amber:#5ec4ff;--orange:#2d8fd6;--gold-bright:#80d4ff;--border:rgba(74,179,244,0.22); }
  html,body{width:100%;min-height:100%;background:#020609;overflow-x:hidden}
  #cursor{ position:fixed;z-index:9999;pointer-events:none;left:50%;top:50%;
    width:10px;height:10px;border-radius:50%;background:rgba(94,196,255,0.92);
    box-shadow:0 0 10px 3px rgba(74,179,244,0.75),0 0 22px 7px rgba(74,179,244,0.28);
    transform:translate(-50%,-50%); }
  #cursor-ring{ position:fixed;z-index:9998;pointer-events:none;left:50%;top:50%;
    width:36px;height:36px;border-radius:50%;border:1px solid rgba(74,179,244,0.55);
    transform:translate(-50%,-50%);
    transition:left .10s cubic-bezier(.23,1,.32,1),top .10s cubic-bezier(.23,1,.32,1); }
  canvas#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}
  #vignette{position:fixed;inset:0;z-index:1;pointer-events:none;
    background:radial-gradient(ellipse 82% 82% at 50% 50%,transparent 22%,rgba(2,6,18,0.52) 62%,rgba(2,6,18,0.90) 100%)}
  #scanlines{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0.018;
    background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(74,179,244,1) 2px,rgba(74,179,244,1) 3px)}
  #ui-nav{position:fixed;top:0;left:0;right:0;z-index:100;
    background:linear-gradient(to bottom,rgba(2,6,16,0.96) 0%,rgba(2,6,16,0.80) 75%,transparent 100%);
    backdrop-filter:blur(4px)}
  nav{display:flex;align-items:center;justify-content:space-between;padding:24px 52px 18px}
  .nav-logo{display:flex;flex-direction:column;gap:6px}
  .logo-img{width:170px;height:auto;display:block;flex-shrink:0}
  .nav-sub{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.24em;
    color:rgba(200,220,255,0.55);text-transform:uppercase;margin-top:2px}
  
  .nav-links a{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.22em;
    color:rgba(180,220,255,0.78);text-decoration:none;text-transform:uppercase;
    transition:color 0.3s;padding:10px 14px;margin:-10px -14px;display:inline-block}
  .nav-links a:hover,.nav-links a.active{color:var(--gold)}
  .nav-cta{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.2em;
    color:#020810;background:var(--gold);padding:10px 22px;text-decoration:none;
    text-transform:uppercase;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
    transition:background 0.3s}
  .nav-cta:hover{background:var(--gold-bright)}
  #content{position:relative;z-index:10;padding:120px 52px 90px;min-height:100vh}
  .page-tag{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.3em;
    color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:12px;
    margin-bottom:18px;opacity:0;animation:fadeUp 0.9s 0.2s forwards}
  .page-tag::before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold)}
  .page-h1{font-family:"Cormorant Garamond",serif;font-weight:300;
    font-size:clamp(36px,4.5vw,62px);line-height:1.08;color:#fff;
    letter-spacing:-0.01em;margin-bottom:18px;opacity:0;animation:fadeUp 1s 0.35s forwards}
  .page-h1 em{font-style:italic;color:var(--gold)}
  .page-intro{font-family:"DM Mono",monospace;font-size:13.5px;line-height:1.9;
    color:rgba(200,230,255,0.85);letter-spacing:0.04em;
    max-width:660px;margin-bottom:62px;opacity:0;animation:fadeUp 1s 0.5s forwards}
  .section-block{margin-bottom:56px;opacity:0;animation:fadeUp 1s both}
  .section-title{font-family:"Cormorant Garamond",serif;font-weight:300;
    font-size:30px;color:#fff;margin-bottom:24px;
    padding-bottom:12px;border-bottom:1px solid var(--border)}
  .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
  .card{background:rgba(4,12,28,0.72);border:1px solid var(--border);
    padding:26px 28px;transition:border-color 0.4s,background 0.4s}
  .card:hover{border-color:rgba(74,179,244,0.55);background:rgba(5,14,34,0.88)}
  .card-icon{ display:flex;align-items:center;justify-content:center;
    width:38px;height:38px;margin-bottom:14px;
    border:1px solid rgba(74,179,244,0.35);color:#5ec4ff;flex-shrink:0; }
  .card-icon svg{ display:block; }
  .card-title{font-family:"DM Mono",monospace;font-size:13px;letter-spacing:0.18em;
    color:var(--gold);text-transform:uppercase;margin-bottom:12px}
  .card-body{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.85;
    color:rgba(190,225,255,0.88)}
  .card-tag{display:inline-block;font-family:"DM Mono",monospace;font-size:10px;
    letter-spacing:0.18em;color:rgba(94,196,255,0.80);
    border:1px solid rgba(74,179,244,0.30);padding:3px 8px;
    text-transform:uppercase;margin-top:12px}
  #mol-label{position:fixed;z-index:200;pointer-events:none;
    font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;
    color:rgba(150,215,255,0.92);text-shadow:0 0 10px rgba(74,179,244,0.55);
    opacity:0;transition:opacity 0.25s;white-space:nowrap}
  .page-footer{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.22em;
    color:rgba(74,179,244,0.55);text-align:center;padding:32px 0 16px;text-transform:uppercase}
  @keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

  /* ── Dropdown Nav ── */
  .nav-links{display:flex;gap:40px;list-style:none}
  .nav-links > li{position:relative}
  .nav-links a{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;
    color:rgba(160,210,255,0.55);text-decoration:none;text-transform:uppercase;
    transition:color 0.3s;padding:10px 14px;margin:-10px -14px;display:inline-block}
  .nav-links > li > a{display:inline-block}
  .nav-links a:hover,
  .nav-links a.active{color:var(--gold)}
  .dropdown{position:absolute;top:calc(100% + 8px);left:-14px;min-width:220px;
    background:rgba(2,8,20,0.97);border:1px solid var(--border);
    backdrop-filter:blur(8px);display:none;z-index:200}
  .nav-links > li:hover .dropdown{display:block}
  .dropdown a{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.18em;
    color:rgba(180,220,255,0.78);text-decoration:none;text-transform:uppercase;
    display:block;padding:10px 18px;border-bottom:1px solid rgba(74,179,244,0.08);
    transition:color 0.2s,background 0.2s}
  .dropdown a:last-child{border-bottom:none}
  .dropdown a:hover{color:var(--gold);background:rgba(74,179,244,0.06)}
  .dropdown a.active{color:var(--gold);background:rgba(74,179,244,0.06)}

  .card-learn-more{display:inline-block;font-family:"DM Mono",monospace;font-size:11px;
    letter-spacing:0.20em;color:var(--gold);text-decoration:none;text-transform:uppercase;
    margin-top:16px;transition:color 0.3s,border-color 0.3s,opacity 0.3s;
    opacity:1;cursor:none;
    border:1px solid rgba(74,179,244,0.38);padding:6px 14px;border-radius:2px}
  .card-learn-more:hover{color:#fff;border-color:rgba(74,179,244,0.80);background:rgba(74,179,244,0.08)}

  /* ═══════════════════════════════════════════════════════════
     HOMEPAGE STYLES
  ═══════════════════════════════════════════════════════════ */

  /* Shared section typography */
  .sec-eyebrow{font-family:"DM Mono",monospace;font-size:15px;letter-spacing:0.38em;color:var(--gold-bright);text-transform:uppercase;margin-bottom:18px;opacity:1;font-weight:400}
  .sec-h2{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(40px,4.8vw,68px);line-height:1.08;color:#fff;margin-bottom:20px;letter-spacing:-0.012em}
  .sec-sub{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.9;color:rgba(200,230,255,0.82);letter-spacing:0.03em;max-width:640px;margin-bottom:40px}

  /* ── HERO ────────────────────────────────────────────────── */
  .hp-hero{padding:170px 52px 140px;max-width:780px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
  .hero-eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.32em;color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:20px;opacity:0;animation:fadeUp 0.8s 0.2s forwards}
  .hero-eyebrow::before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold)}
  .hero-h1{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(42px,5.5vw,76px);line-height:1.05;color:#fff;letter-spacing:-0.015em;margin-bottom:22px;opacity:0;animation:fadeUp 1s 0.35s forwards}
  .hero-h1 em{font-style:italic;color:var(--gold)}
  .hero-sub{font-family:"DM Mono",monospace;font-size:13px;line-height:1.9;color:rgba(200,230,255,0.85);letter-spacing:0.03em;max-width:620px;margin-bottom:38px;opacity:0;animation:fadeUp 1s 0.5s forwards}
  .hero-ctas{display:flex;gap:18px;flex-wrap:wrap;opacity:0;animation:fadeUp 1s 0.65s forwards}
  .cta-primary{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.2em;color:#020810;background:var(--gold);padding:14px 30px;text-decoration:none;text-transform:uppercase;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:background 0.3s;display:inline-block}
  .cta-primary:hover{background:var(--gold-bright)}
  .cta-ghost{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.2em;color:var(--gold);border:1px solid rgba(74,179,244,0.38);padding:13px 28px;text-decoration:none;text-transform:uppercase;transition:all 0.3s;display:inline-block}
  .cta-ghost:hover{border-color:rgba(74,179,244,0.80);background:rgba(74,179,244,0.06);color:#fff}

  /* ── WHY METABOLOMICS ──────────────────────────────────────── */
  .hp-why{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:8px}
  .why-card{background:rgba(4,12,28,0.65);border:1px solid var(--border);padding:30px 28px;transition:border-color 0.35s,background 0.35s}
  .why-card:hover{border-color:rgba(74,179,244,0.50);background:rgba(5,14,34,0.85)}
  .why-icon{color:#5ec4ff;margin-bottom:16px}
  .why-title{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:0.18em;color:#fff;text-transform:uppercase;margin-bottom:12px}
  .why-desc{font-family:"DM Mono",monospace;font-size:12px;line-height:1.90;color:rgba(190,220,255,0.82)}

  /* ── HMT USPs ─────────────────────────────────────────────── */
  .hp-usps{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .usp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:8px}
  .usp-item{background:rgba(4,12,28,0.65);border:1px solid var(--border);padding:30px 28px;transition:border-color 0.35s,background 0.35s}
  .usp-item:hover{border-color:rgba(74,179,244,0.50);background:rgba(5,14,34,0.85)}
  .usp-featured{border-color:rgba(74,179,244,0.38);background:rgba(6,18,40,0.75);grid-column:1/-1}
  .usp-num{font-family:"Cormorant Garamond",serif;font-size:32px;font-weight:300;color:var(--gold);opacity:0.45;margin-bottom:10px;line-height:1}
  .usp-title{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:0.18em;color:#fff;text-transform:uppercase;margin-bottom:12px;line-height:1.5}
  .usp-desc{font-family:"DM Mono",monospace;font-size:12px;line-height:1.90;color:rgba(190,220,255,0.82)}

  /* ── STATS STRIP ─────────────────────────────────────────── */
  .hp-stats{padding:10px 52px 10px;display:flex;align-items:center;gap:0;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 52px 140px;opacity:0;animation:fadeUp 1s 0.8s forwards}
  .stat-item{flex:1 1 160px;padding:28px 24px;text-align:center}
  .stat-num{font-family:"Cormorant Garamond",serif;font-size:clamp(28px,3vw,42px);font-weight:300;color:var(--gold);display:block;line-height:1}
  .stat-label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;color:rgba(180,220,255,0.65);text-transform:uppercase;display:block;margin-top:8px;line-height:1.5}
  .stat-divider{width:1px;height:60px;background:var(--border);flex-shrink:0}

  /* ── PLATFORM WIZARD ─────────────────────────────────────── */
  .hp-wizard{padding:40px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .wizard-box{background:rgba(4,12,28,0.72);border:1px solid var(--border);padding:40px 44px;max-width:760px;margin-top:32px;position:relative}
  .wiz-step{display:none}
  .wiz-step.active{display:block}
  .wiz-q{font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:300;color:#fff;margin-bottom:24px}
  .wiz-opts{display:flex;flex-direction:column;gap:10px}
  .wiz-btn{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:0.14em;color:rgba(180,220,255,0.85);background:rgba(74,179,244,0.04);border:1px solid rgba(74,179,244,0.22);padding:14px 20px;text-align:left;cursor:none;transition:all 0.25s;text-transform:none}
  .wiz-btn:hover{border-color:rgba(74,179,244,0.60);background:rgba(74,179,244,0.10);color:#fff}
  .wiz-back{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;color:rgba(74,179,244,0.60);background:none;border:none;cursor:none;margin-top:20px;padding:0;text-transform:uppercase;transition:color 0.2s}
  .wiz-back:hover{color:var(--gold)}
  .wiz-result-label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.28em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}
  .wiz-result-name{font-family:"Cormorant Garamond",serif;font-size:36px;font-weight:300;color:#fff;margin-bottom:14px}
  .wiz-result-desc{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.85;color:rgba(200,230,255,0.85);margin-bottom:28px}
  .wiz-result-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}



  /* ── HOW IT WORKS TIMELINE ────────────────────────────────── */
  .hp-how{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .timeline{display:flex;flex-direction:column;gap:0;max-width:720px;margin-top:8px}
  .tl-step{display:flex;gap:28px;align-items:flex-start;padding:28px 0}
  .tl-num{font-family:"Cormorant Garamond",serif;font-size:40px;font-weight:300;color:var(--gold);opacity:0.45;flex-shrink:0;line-height:1;width:52px;text-align:right}
  .tl-body{flex:1;border-left:1px solid var(--border);padding-left:28px}
  .tl-title{font-family:"DM Mono",monospace;font-size:13px;letter-spacing:0.18em;color:#fff;text-transform:uppercase;margin-bottom:8px}
  .tl-desc{font-family:"DM Mono",monospace;font-size:12px;line-height:1.85;color:rgba(190,220,255,0.82)}
  .tl-time{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.16em;color:var(--gold);opacity:0.70;margin-top:10px;text-transform:uppercase}
  .tl-connector{width:1px;height:0;background:var(--border);margin-left:calc(52px + 28px - 0.5px)}

  /* ── PUBLICATIONS ──────────────────────────────────────────── */
  .hp-pubs{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .pub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:8px}
  .pub-card{background:rgba(4,12,28,0.72);border:1px solid var(--border);padding:26px 28px;display:flex;flex-direction:column;gap:10px;transition:border-color 0.35s}
  .pub-card:hover{border-color:rgba(74,179,244,0.50)}
  .pub-journal{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;color:var(--gold);text-transform:uppercase;opacity:0.80}
  .pub-title{font-family:"Cormorant Garamond",serif;font-size:16px;font-weight:300;color:rgba(220,240,255,0.95);line-height:1.45;flex:1}
  .pub-authors{font-family:"DM Mono",monospace;font-size:11px;color:rgba(160,210,255,0.65);letter-spacing:0.10em}
  .pub-platform{display:flex;gap:8px;flex-wrap:wrap}
  .pub-tag{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.16em;color:rgba(94,196,255,0.75);border:1px solid rgba(74,179,244,0.28);padding:2px 7px;text-transform:uppercase}
  .pubs-cta-row{margin-top:28px}

  /* ── INQUIRY FORM ─────────────────────────────────────────── */
  .hp-contact{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .hp-contact .sec-sub a.inline-link{color:var(--gold);text-decoration:none}
  .hp-contact .sec-sub a.inline-link:hover{text-decoration:underline}
  .inquiry-form{max-width:720px;margin-top:8px}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
  .form-group{display:flex;flex-direction:column;gap:6px}
  .form-group-full{margin-bottom:16px}
  .form-label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;color:rgba(150,210,255,0.75);text-transform:uppercase}
  .form-input{font-family:"DM Mono",monospace;font-size:12px;color:rgba(210,235,255,0.90);background:rgba(4,12,28,0.72);border:1px solid rgba(74,179,244,0.30);padding:12px 14px;outline:none;transition:border-color 0.25s;letter-spacing:0.06em}
  .form-input:focus{border-color:rgba(74,179,244,0.70)}
  .form-input::placeholder{color:rgba(150,200,255,0.35)}
  .form-select{appearance:none;cursor:none}
  .form-textarea{resize:vertical;min-height:100px}
  .form-submit-row{display:flex;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}
  .form-note{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.16em;color:rgba(120,180,255,0.55);text-transform:uppercase}

  /* ── RESOURCES ─────────────────────────────────────────────── */
  .hp-resources{padding:160px 52px 140px;opacity:0;animation:fadeUp 1s 0.4s both}
  .resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:8px}
  .resource-card{background:rgba(4,12,28,0.72);border:1px solid var(--border);padding:28px 24px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:border-color 0.35s,background 0.35s;cursor:none}
  .resource-card:hover{border-color:rgba(74,179,244,0.55);background:rgba(5,14,34,0.88)}
  .resource-icon{font-size:26px;line-height:1}
  .resource-type{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;color:var(--gold);text-transform:uppercase;opacity:0.80}
  .resource-title{font-family:"Cormorant Garamond",serif;font-size:17px;font-weight:300;color:rgba(220,240,255,0.95);line-height:1.4;flex:1}
  .resource-cta{font-family:"DM Mono",monospace;font-size:10.5px;letter-spacing:0.16em;color:rgba(94,196,255,0.75);text-transform:uppercase;margin-top:4px}
  .resource-card:hover .resource-cta{color:#fff}

  /* ── RESPONSIVE ─────────────────────────────────────────────── */
  @media(max-width:700px){
    .hp-hero{padding:140px 24px 80px;min-height:100vh}
    .hp-stats{margin:0 24px 90px;padding:10px 0}
    .stat-divider{display:none}
    .hp-why,.hp-usps,.hp-how,.hp-pubs,.hp-contact,.hp-resources{padding:100px 24px 90px}
    .hp-wizard{padding:30px 24px 90px}
    .usp-featured{grid-column:auto}
    .form-row{grid-template-columns:1fr}
    .wizard-box{padding:28px 22px}
    .hero-ctas{flex-direction:column;gap:12px}
    .sec-eyebrow{font-size:13px;letter-spacing:0.32em}
  }

  /* Nav solidifies on scroll */
  #ui-nav.scrolled{background:rgba(2,6,16,0.98) !important;backdrop-filter:blur(8px)}

  .res-hero{padding:148px 52px 56px;max-width:720px;opacity:0;animation:fadeUp 1s 0.2s forwards}
  .res-eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.32em;color:var(--gold-bright);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:18px}
  .res-eyebrow::before{content:"";display:inline-block;width:24px;height:1px;background:var(--gold)}
  .res-hero h1{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(40px,5vw,64px);line-height:1.05;color:#fff;letter-spacing:-0.015em;margin-bottom:16px}
  .res-hero h1 em{font-style:italic;color:var(--gold)}
  .res-hero-sub{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.9;color:rgba(200,230,255,0.82);max-width:580px}
  .res-tabs{display:flex;gap:0;margin:0 52px 40px;border-bottom:1px solid var(--border)}
  .res-tab{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(180,210,255,0.55);padding:12px 24px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all 0.25s;background:none;border-top:none;border-left:none;border-right:none}
  .res-tab.active,.res-tab:hover{color:var(--gold);border-bottom-color:var(--gold)}
  .res-panel{display:none;padding:0 52px 60px;opacity:0;transition:opacity 0.3s}
  .res-panel.active{display:block;opacity:1}
  .ebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:8px}
  .ebook-card{background:rgba(4,12,28,0.7);border:1px solid var(--border);padding:28px 24px;transition:border-color 0.3s,transform 0.3s;cursor:pointer}
  .ebook-card:hover{border-color:rgba(74,179,244,0.5);transform:translateY(-2px)}
  .ebook-icon{width:40px;height:40px;margin-bottom:16px;opacity:0.8}
  .ebook-type{font-family:"DM Mono",monospace;font-size:8.5px;letter-spacing:0.24em;color:var(--gold);text-transform:uppercase;margin-bottom:8px}
  .ebook-title{font-family:"Cormorant Garamond",serif;font-size:19px;font-weight:300;color:#fff;line-height:1.3;margin-bottom:12px}
  .ebook-desc{font-family:"DM Mono",monospace;font-size:11px;line-height:1.8;color:rgba(180,215,255,0.7);margin-bottom:16px}
  .ebook-download-btn{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(74,179,244,0.35);padding:8px 16px;background:none;cursor:pointer;transition:all 0.25s;width:100%}
  .ebook-download-btn:hover{border-color:rgba(74,179,244,0.8);background:rgba(74,179,244,0.08)}
  .email-gate{display:none;position:fixed;inset:0;background:rgba(2,6,15,0.88);z-index:1000;align-items:center;justify-content:center}
  .email-gate.open{display:flex}
  .gate-box{background:#040c1e;border:1px solid rgba(74,179,244,0.4);padding:44px 48px;max-width:480px;width:90%;position:relative}
  .gate-close{position:absolute;top:16px;right:20px;background:none;border:none;color:rgba(180,210,255,0.5);font-size:20px;cursor:pointer;font-family:"DM Mono",monospace}
  .gate-close:hover{color:#fff}
  .gate-title{font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:300;color:#fff;margin-bottom:8px}
  .gate-subtitle{font-family:"DM Mono",monospace;font-size:11px;color:rgba(180,215,255,0.65);line-height:1.8;margin-bottom:24px}
  .gate-input{width:100%;background:rgba(2,8,20,0.8);border:1px solid rgba(74,179,244,0.35);color:#fff;font-family:"DM Mono",monospace;font-size:12px;padding:12px 16px;margin-bottom:12px;outline:none;box-sizing:border-box}
  .gate-input:focus{border-color:rgba(74,179,244,0.7)}
  .gate-input::placeholder{color:rgba(120,170,220,0.4)}
  .gate-submit{width:100%;font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:#020810;background:var(--gold);border:none;padding:14px;cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:background 0.3s;margin-top:4px}
  .gate-submit:hover{background:var(--gold-bright)}
  .gate-note{font-family:"DM Mono",monospace;font-size:9px;color:rgba(120,170,220,0.45);margin-top:12px;line-height:1.7}
  .news-section{margin-bottom:40px}
  .news-section-label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.26em;color:var(--gold);text-transform:uppercase;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}
  .news-item{padding:20px 0;border-bottom:1px solid rgba(74,179,244,0.1);display:flex;gap:20px;align-items:flex-start}
  .news-item:last-child{border-bottom:none}
  .news-arrow{color:var(--gold);font-family:"DM Mono",monospace;font-size:14px;margin-top:2px;flex-shrink:0}
  .news-title{font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:300;color:#fff;margin-bottom:6px;line-height:1.3}
  .news-title a{color:#fff;text-decoration:none;transition:color 0.25s}
  .news-title a:hover{color:var(--gold)}
  .news-meta{font-family:"DM Mono",monospace;font-size:10px;color:rgba(150,195,255,0.55);letter-spacing:0.1em}
  .archive-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
  .archive-tag{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:0.14em;color:rgba(94,196,255,0.75);border:1px solid rgba(74,179,244,0.28);padding:6px 14px;text-transform:uppercase;text-decoration:none;transition:all 0.25s}
  .archive-tag:hover{border-color:rgba(74,179,244,0.8);color:#fff;background:rgba(74,179,244,0.08)}
  .sec-eyebrow{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.32em;color:var(--gold-bright);text-transform:uppercase;opacity:1}
  .sec-h2{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(24px,2.8vw,38px);line-height:1.1;color:#fff;margin-bottom:14px}
  .sec-sub{font-family:"DM Mono",monospace;font-size:12.5px;line-height:1.9;color:rgba(200,230,255,0.82);letter-spacing:0.03em;margin-bottom:36px}
  .page-footer{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;color:rgba(120,180,255,0.35);text-align:center;padding:32px 52px 40px;text-transform:uppercase;border-top:1px solid var(--border);margin-top:20px}
  @media(max-width:700px){
    .res-hero,.res-tabs,.res-panel{padding-left:24px;padding-right:24px}
    .res-tabs{margin-left:24px;margin-right:24px}
  }

  /* Synced to HMT-A_toppage.html */
  html,body{background:#020609;}
  body,button,input,select,textarea{font-family:"DM Mono",monospace}
  .hero-h1,.page-h1,.sec-h2,.section-title,.res-hero h1,.app-hero h1,.app-card-title,.ebook-title,.res-modal-title{font-family:"Cormorant Garamond",serif !important;font-weight:300}


  /* Resources spacing refinements */
  .res-tabs{margin:28px 52px 52px !important}
  .res-panel{padding-top:18px !important}
  #ui-nav.scrolled{background:rgba(2,6,16,0.98) !important;backdrop-filter:blur(8px)}

  /* ── SITE FOOTER ───────────────────────────────────────────── */
  .site-footer{background:rgba(2,6,16,0.98);border-top:1px solid var(--border);padding:52px 52px 32px;margin-top:0}
  .site-footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:44px;margin-bottom:40px}
  .sf-brand-col{}
  .sf-brand{font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:300;color:#fff;margin-bottom:10px;line-height:1.2}
  .sf-brand-sub{font-family:"DM Mono",monospace;font-size:10px;line-height:1.8;color:rgba(140,185,220,0.6);margin-bottom:16px}
  .sf-address{font-family:"DM Mono",monospace;font-size:10px;line-height:1.9;color:rgba(120,170,210,0.5)}
  .sf-linkedin{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:0.14em;color:rgba(94,196,255,0.7);border:1px solid rgba(74,179,244,0.28);padding:7px 14px;text-transform:uppercase;margin-top:14px;transition:all 0.25s}
  .sf-linkedin:hover{border-color:rgba(74,179,244,0.7);color:#fff;background:rgba(74,179,244,0.08)}
  .sf-col-title{font-family:"DM Mono",monospace;font-size:8.5px;letter-spacing:0.28em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;opacity:0.85}
  .sf-col-links{list-style:none;padding:0;margin:0}
  .sf-col-links li{margin-bottom:9px}
  .sf-col-links a{font-family:"DM Mono",monospace;font-size:10.5px;color:rgba(155,200,235,0.6);text-decoration:none;transition:color 0.25s;line-height:1.4}
  .sf-col-links a:hover{color:var(--gold)}
  .sf-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px;flex-wrap:wrap;gap:12px}
  .sf-copy{font-family:"DM Mono",monospace;font-size:9px;color:rgba(100,150,190,0.4);letter-spacing:0.06em}
  @media(max-width:860px){
    .site-footer{padding:40px 24px 28px}
    .site-footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  }
  @media(max-width:520px){
    .site-footer-grid{grid-template-columns:1fr}
  }

  /* ── METABOLITE OF THE WEEK ──────────────────────────────── */
  /* TOC */
  .motw-toc-wrap{padding:0 52px 52px;opacity:0;animation:fadeUp 1s 0.3s forwards}
  .motw-toc-label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.28em;
    color:var(--gold);text-transform:uppercase;margin-bottom:14px;opacity:0.85}
  .motw-toc-list{display:flex;flex-wrap:wrap;gap:8px}
  .motw-anchor-link{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.12em;
    color:rgba(94,196,255,0.7);border:1px solid rgba(74,179,244,0.25);padding:5px 12px;
    text-decoration:none;text-transform:uppercase;transition:all 0.25s}
  .motw-anchor-link:hover{border-color:rgba(74,179,244,0.7);color:#fff;
    background:rgba(74,179,244,0.08)}
  /* Entries */
  .section-label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.28em;
    color:var(--gold);text-transform:uppercase;padding:0 52px;margin-bottom:20px;
    opacity:0;animation:fadeUp 1s 0.2s forwards}
  .motw-entry{background:rgba(4,12,28,0.7);border:1px solid var(--border);
    margin:0 52px 28px;padding:36px 40px;opacity:0;animation:fadeUp 0.9s both;
    transition:border-color 0.3s}
  .motw-entry:hover{border-color:rgba(74,179,244,0.4)}
  .motw-entry.featured{border-color:rgba(74,179,244,0.35);
    background:rgba(4,14,34,0.75)}
  .motw-entry-header{margin-bottom:16px}
  .motw-badge{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.22em;
    color:var(--gold);text-transform:uppercase;margin-bottom:8px;opacity:0.85}
  .motw-entry-name{font-family:"Cormorant Garamond",serif;font-size:clamp(26px,3vw,38px);
    font-weight:300;color:#fff;line-height:1.1;margin-bottom:8px}
  .motw-formula{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.1em;
    color:rgba(120,175,220,0.5);margin-bottom:0}
  .motw-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
  .motw-tag{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.12em;
    color:rgba(94,196,255,0.65);border:1px solid rgba(74,179,244,0.22);padding:3px 10px;
    text-transform:uppercase}
  .motw-entry-body{font-family:"DM Mono",monospace;font-size:12px;line-height:1.95;
    color:rgba(190,220,255,0.80)}
  .motw-bullet-list{padding-left:18px;margin:0 0 16px 0}
  .motw-bullet-list li{margin-bottom:8px}
  .motw-bullet-list strong{color:rgba(220,240,255,0.92);font-weight:400}
  .motw-platforms{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);
    font-family:"DM Mono",monospace;font-size:10.5px;color:rgba(94,196,255,0.7);
    letter-spacing:0.08em}
  .motw-pathway-wrap{margin-top:16px}
  .motw-pathway-img{max-width:100%;border:1px solid var(--border);display:block}
  .motw-pathway-caption{font-family:"DM Mono",monospace;font-size:10px;
    color:rgba(120,175,220,0.5);margin-top:6px;line-height:1.5}
  .motw-pathway-link{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.16em;
    color:var(--gold);text-decoration:none;text-transform:uppercase;
    display:inline-block;margin-top:8px;transition:color 0.25s}
  .motw-pathway-link:hover{color:#fff}
  .motw-back-top{margin:4px 52px 32px;display:block}
  .motw-back-top a{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:0.2em;color:rgba(74,179,244,0.45);text-decoration:none;text-transform:uppercase;transition:color 0.25s}
  .motw-back-top a:hover{color:var(--gold)}
  .motw-back-top:hover{color:var(--gold)}
  @media(max-width:700px){
    .motw-toc-wrap,.section-label{padding-left:24px;padding-right:24px}
    .motw-entry{margin-left:24px;margin-right:24px;padding:24px 22px}
    .motw-back-top{margin-left:24px}
  }

  .site-footer{background:rgba(2,6,16,0.98);border-top:1px solid var(--border);padding:52px 52px 32px;margin-top:0}
  .site-footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:44px;margin-bottom:40px}
  .sf-brand{font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:300;color:#fff;margin-bottom:10px}
  .sf-brand-sub{font-family:"DM Mono",monospace;font-size:10px;line-height:1.8;color:rgba(140,185,220,0.6);margin-bottom:16px}
  .sf-address{font-family:"DM Mono",monospace;font-size:10px;line-height:1.9;color:rgba(120,170,210,0.5)}
  .sf-linkedin{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:0.14em;color:rgba(94,196,255,0.7);border:1px solid rgba(74,179,244,0.28);padding:7px 14px;text-transform:uppercase;margin-top:14px;transition:all 0.25s}
  .sf-linkedin:hover{border-color:rgba(74,179,244,0.7);color:#fff;background:rgba(74,179,244,0.08)}
  .sf-col-title{font-family:"DM Mono",monospace;font-size:8.5px;letter-spacing:0.28em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;opacity:0.85}
  .sf-col-links{list-style:none;padding:0;margin:0}.sf-col-links li{margin-bottom:9px}
  .sf-col-links a{font-family:"DM Mono",monospace;font-size:10.5px;color:rgba(155,200,235,0.6);text-decoration:none;transition:color 0.25s}
  .sf-col-links a:hover{color:var(--gold)}
  .sf-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px;flex-wrap:wrap;gap:12px}
  .sf-copy{font-family:"DM Mono",monospace;font-size:9px;color:rgba(100,150,190,0.4);letter-spacing:0.06em}
  @media(max-width:860px){.site-footer{padding:40px 24px 28px}.site-footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
  @media(max-width:520px){.site-footer-grid{grid-template-columns:1fr}}
  #ui-nav.scrolled{background:rgba(2,6,16,0.98)!important;backdrop-filter:blur(8px)}

  /* HMT background performance tuning: keep the cosmic molecule aesthetic while reducing paint cost. */
  canvas#bg{will-change:transform;contain:strict;}

/* <style> */
  body{background:#020609; color:#fff;}
  .motw-shell{
    display:grid;
    grid-template-columns:290px minmax(0,1fr);
    gap:28px;
    padding:0 52px 84px;
    align-items:start;
  }
  .motw-sidebar{position:sticky; top:108px; z-index:20;}
  .motw-nav-card,
  .aa-panel{
    background:rgba(4,12,28,0.72);
    border:1px solid var(--border);
    backdrop-filter:blur(4px);
  }
  .motw-nav-card{padding:24px 22px;}
  .motw-nav-helper{font-family:"DM Mono",monospace;font-size:10px;line-height:1.8;color:rgba(180,220,255,0.68);letter-spacing:0.06em;margin-bottom:18px;}
  .motw-nav-grid{display:grid;grid-template-columns:1fr;gap:10px;max-height:70vh;overflow:auto;padding-right:6px;}
  .motw-nav-btn{
    appearance:none;border:1px solid rgba(74,179,244,0.22);background:rgba(74,179,244,0.04);
    color:rgba(190,225,255,0.82);text-align:left;padding:11px 14px;font-family:"DM Mono",monospace;
    font-size:11px;letter-spacing:0.14em;text-transform:uppercase;cursor:pointer;transition:all .25s;line-height:1.5;
  }
  .motw-nav-btn:hover{border-color:rgba(74,179,244,0.55);background:rgba(74,179,244,0.12);color:#fff;}
  .motw-nav-btn.active{border-color:rgba(74,179,244,0.88);background:rgba(74,179,244,0.16);color:#fff;box-shadow:0 0 0 1px rgba(94,196,255,0.10) inset;}
  .aa-panel{padding:34px 34px 30px;min-height:760px;}
  .aa-panel-head{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:center;margin-bottom:28px;}
  .aa-name-wrap{padding-right:12px;}
  .aa-kicker{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.28em;color:var(--gold);text-transform:uppercase;opacity:.9;margin-bottom:10px;}
  .aa-lead{font-family:"DM Mono",monospace;font-size:12px;line-height:1.9;color:rgba(190,220,255,0.80);max-width:720px;margin-top:12px;}
  .aa-structure-box{border:1px solid rgba(74,179,244,0.22);background:radial-gradient(circle at 50% 50%, rgba(74,179,244,0.06), rgba(4,12,28,0.28) 62%, rgba(4,12,28,0.02) 100%);padding:14px 14px 12px;text-align:center;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
  .aa-structure-canvas{width:100%;max-width:240px;height:180px;display:block;}
  .aa-structure-caption{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.20em;color:rgba(150,205,255,0.60);text-transform:uppercase;margin-top:8px;}
  .aa-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;}
  .aa-section-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:22px 22px 20px;border:1px solid rgba(74,179,244,0.18);background:rgba(5,14,34,0.52);min-height:240px;}
  .aa-section-card:hover{border-color:rgba(74,179,244,0.34);}
  .aa-section-icon{width:46px;height:46px;border:1px solid rgba(74,179,244,0.28);display:flex;align-items:center;justify-content:center;color:var(--gold-bright);background:rgba(74,179,244,0.05);margin-top:2px;}
  .aa-section-icon svg{width:22px;height:22px;display:block;}
  .aa-section-title{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.18em;color:var(--gold);text-transform:uppercase;line-height:1.6;margin-bottom:10px;}
  .aa-section-text{font-family:"DM Mono",monospace;font-size:12.4px;line-height:1.95;color:rgba(190,220,255,0.86);}
  .aa-section-text .cite{color:var(--gold-bright);}
  .aa-ref-details{margin-top:24px;border-top:1px solid var(--border);padding-top:18px;}
  .aa-ref-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.20em;color:var(--gold);text-transform:uppercase;padding:6px 0;}
  .aa-ref-details summary::-webkit-details-marker{display:none;}
  .aa-ref-details summary::before{content:"+";font-size:16px;line-height:1;color:var(--gold-bright);transition:transform .2s;}
  .aa-ref-details[open] summary::before{content:"–";}
  .aa-ref-helper{font-family:"DM Mono",monospace;font-size:10px;line-height:1.8;color:rgba(180,220,255,0.60);margin:4px 0 18px;}
  .aa-ref-list{display:grid;grid-template-columns:1fr;gap:12px;}
  .aa-ref-item{padding:13px 14px;border:1px solid rgba(74,179,244,0.15);background:rgba(4,12,28,0.42);}
  .aa-ref-id{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.18em;color:var(--gold-bright);text-transform:uppercase;margin-bottom:8px;}
  .aa-ref-citation{font-family:"DM Mono",monospace;font-size:11px;line-height:1.85;color:rgba(190,220,255,0.82);}
  .aa-ref-link{display:inline-block;margin-top:6px;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.16em;color:var(--gold);text-decoration:none;text-transform:uppercase;word-break:break-all;}
  .aa-ref-link:hover{color:#fff;}
  .motw-empty{padding:30px;border:1px dashed rgba(74,179,244,0.24);font-family:"DM Mono",monospace;color:rgba(190,220,255,0.75);}
  .aa-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
  .aa-topline-tag{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.18em;color:rgba(94,196,255,0.75);border:1px solid rgba(74,179,244,0.24);padding:4px 10px;text-transform:uppercase;}
  .aa-page-note{padding:0 52px 30px;}
  .aa-page-note .page-intro{max-width:860px;margin-bottom:0;}
  .motw-nav-grid::-webkit-scrollbar{width:8px;}
  .motw-nav-grid::-webkit-scrollbar-thumb{background:rgba(74,179,244,0.20);}
  @media(max-width:1040px){
    .motw-shell{grid-template-columns:1fr;}
    .motw-sidebar{position:relative;top:auto;}
    .motw-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;}
    .aa-panel-head{grid-template-columns:1fr;}
    .aa-structure-box{max-width:280px;justify-self:start;}
  }
  @media(max-width:760px){
    .motw-shell{padding:0 24px 64px;}
    .aa-page-note,.res-hero{padding-left:24px;padding-right:24px;}
    .aa-panel{padding:24px 20px 22px;}
    .motw-nav-card{padding:20px 16px;}
    .motw-nav-grid{grid-template-columns:1fr 1fr;gap:8px;}
    .motw-nav-btn{font-size:10px;padding:10px 11px;}
    .aa-section-grid{grid-template-columns:1fr;}
    .aa-section-card{min-height:auto;grid-template-columns:42px minmax(0,1fr);padding:18px 16px;gap:14px;}
    .aa-section-icon{width:38px;height:38px;}
    .aa-section-icon svg{width:18px;height:18px;}
    .aa-lead{font-size:11.5px;}
    .aa-structure-box{width:100%;max-width:none;}
  }

/* <style> */
  /* Performance tuning: transform-based custom cursor and lighter rendering hints */
  #cursor,#cursor-ring{left:0!important;top:0!important;will-change:transform;}
  #cursor-ring{transition:none!important;}
  #bg{will-change:transform;}
  .aa-structure-canvas{contain:strict;}

/* <style> */
  /* Biofluids/pathways revision: Summary full-width, six interpretation cards as 2 × 3 grid */
  .aa-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;align-items:stretch;}
  .aa-section-card{min-height:255px;}
  .aa-summary-card{grid-column:1/-1;min-height:auto;background:rgba(6,18,40,0.66);padding:24px 26px 22px;}
  .aa-summary-card .aa-section-text{font-size:12.8px;line-height:2.0;color:rgba(205,232,255,0.90);}
  .aa-summary-card .aa-section-title{font-size:11.5px;}
  .aa-summary-card .aa-section-icon{width:48px;height:48px;}
  @media(max-width:760px){.aa-section-grid{grid-template-columns:1fr}.aa-summary-card{grid-column:auto}}

/* <style> */
  /* Q353 reference-library additions */
  .q353-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 52px 38px;max-width:980px;}
  .q353-stat{border:1px solid var(--border);background:rgba(4,12,28,0.58);padding:18px 20px;}
  .q353-stat-num{font-family:"Cormorant Garamond",serif;font-size:34px;color:var(--gold);line-height:1;font-weight:300;}
  .q353-stat-label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.20em;color:rgba(180,220,255,0.68);text-transform:uppercase;margin-top:8px;line-height:1.6;}
  .q353-controls{display:grid;gap:12px;margin:0 0 16px;}
  .q353-search,.q353-select{width:100%;font-family:"DM Mono",monospace;font-size:11px;letter-spacing:0.08em;color:rgba(220,240,255,0.92);background:rgba(4,12,28,0.74);border:1px solid rgba(74,179,244,0.30);padding:11px 12px;outline:none;}
  .q353-search:focus,.q353-select:focus{border-color:rgba(74,179,244,0.80);}
  .q353-select option{background:#04101f;color:#dcefff;}
  .q353-alpha{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 14px;}
  .q353-alpha-btn{appearance:none;border:1px solid rgba(74,179,244,0.22);background:rgba(74,179,244,0.035);color:rgba(190,225,255,0.70);font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.08em;padding:5px 7px;cursor:pointer;}
  .q353-alpha-btn:hover,.q353-alpha-btn.active{border-color:rgba(74,179,244,0.70);color:#fff;background:rgba(74,179,244,0.12);}
  .q353-count{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:0.16em;color:rgba(150,205,255,0.58);text-transform:uppercase;margin-bottom:12px;}
  .motw-nav-grid{max-height:58vh;}
  .motw-nav-btn{text-transform:none;letter-spacing:0.08em;}
  .motw-nav-btn small{display:block;font-size:8.5px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(94,196,255,0.58);margin-top:5px;line-height:1.4;}
  .aa-kicker,.aa-topline-tag{text-transform:uppercase;}
  .q353-notice{margin:0 52px 34px;max-width:980px;border:1px solid rgba(74,179,244,0.22);background:rgba(4,12,28,0.54);padding:22px 24px;}
  .q353-notice-title{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:0.24em;color:var(--gold);text-transform:uppercase;margin-bottom:10px;}
  .q353-notice-text{font-family:"DM Mono",monospace;font-size:11.5px;line-height:1.9;color:rgba(190,225,255,0.78);letter-spacing:0.03em;}
  .q353-bottom-cta{margin:8px 52px 86px;border:1px solid rgba(74,179,244,0.28);background:linear-gradient(135deg,rgba(4,12,28,0.78),rgba(6,22,48,0.58));padding:34px 38px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;}
  .q353-bottom-cta h2{font-family:"Cormorant Garamond",serif;font-size:clamp(28px,3vw,42px);font-weight:300;color:#fff;line-height:1.15;margin-bottom:12px;}
  .q353-bottom-cta p{font-family:"DM Mono",monospace;font-size:12px;line-height:1.85;color:rgba(190,225,255,0.78);max-width:780px;}
  .q353-bottom-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
  .q353-ghost-btn{font-family:"DM Mono",monospace;font-size:10.5px;letter-spacing:0.18em;color:var(--gold);text-decoration:none;text-transform:uppercase;border:1px solid rgba(74,179,244,0.38);padding:12px 20px;display:inline-block;}
  .q353-ghost-btn:hover{color:#fff;border-color:rgba(74,179,244,0.80);background:rgba(74,179,244,0.08);}
  .aa-structure-caption .structure-note{display:block;font-size:8px;letter-spacing:0.13em;color:rgba(150,205,255,0.42);margin-top:4px;text-transform:none;}
  @media(max-width:1040px){.q353-stat-row{grid-template-columns:1fr;margin-left:24px;margin-right:24px}.q353-notice{margin-left:24px;margin-right:24px}.q353-bottom-cta{grid-template-columns:1fr;margin-left:24px;margin-right:24px}.q353-bottom-actions{justify-content:flex-start}}

/* <style> */
  /* Final Q353 master-page refinements */
  .res-hero{padding-top:136px !important;padding-bottom:24px !important;max-width:880px !important;}
  .res-hero-sub{max-width:820px !important;margin-bottom:0 !important;}
  .q353-stat-row{margin-top:12px !important;margin-bottom:18px !important;}
  .q353-stat{padding:14px 18px !important;}
  .q353-notice{margin-top:0 !important;margin-bottom:18px !important;padding:18px 22px !important;}
  .motw-shell{padding-top:0 !important;padding-bottom:64px !important;}
  .motw-sidebar{top:96px !important;}
  .aa-panel{min-height:720px !important;}
  .aa-panel-head{grid-template-columns:minmax(0,1fr) 360px !important;align-items:start !important;}
  .aa-structure-box{min-height:300px !important;padding:18px 18px 14px !important;background:radial-gradient(circle at 50% 45%, rgba(255,255,255,0.07), transparent 22%),radial-gradient(circle at 50% 55%, rgba(74,179,244,0.16), rgba(4,12,28,0.36) 58%, rgba(4,12,28,0.05) 100%) !important;box-shadow:inset 0 0 34px rgba(74,179,244,0.12),0 18px 44px rgba(0,0,0,0.22) !important;}
  .aa-structure-canvas{width:100% !important;max-width:340px !important;height:250px !important;filter:drop-shadow(0 12px 24px rgba(0,0,0,0.38));}
  .aa-structure-caption{margin-top:10px !important;color:rgba(190,225,255,0.72) !important;}
  .site-footer{margin-top:0 !important;}
  @media(max-width:1040px){.aa-panel-head{grid-template-columns:1fr !important}.aa-structure-box{max-width:380px !important}}
  @media(max-width:760px){.res-hero{padding-top:128px !important;padding-bottom:20px !important}.q353-stat-row{margin-top:8px !important;margin-bottom:16px !important}.q353-notice{margin-bottom:16px !important}.aa-structure-box{min-height:260px !important}.aa-structure-canvas{height:220px !important}}

/* <style id="q353-tight-footer-structure-v5"> */
  /* v5: tighter opening section so the library controls and selected compound appear immediately below the title. */
  .res-hero{padding-top:118px !important;padding-bottom:8px !important;max-width:940px !important;}
  .res-eyebrow{margin-bottom:10px !important;}
  .res-hero h1{margin-bottom:10px !important;}
  .res-hero-sub{max-width:900px !important;line-height:1.68 !important;margin-bottom:0 !important;}
  .q353-stat-row{margin:8px 52px 10px !important;gap:10px !important;max-width:940px !important;}
  .q353-stat{padding:10px 15px !important;}
  .q353-stat-num{font-size:28px !important;}
  .q353-stat-label{font-size:8.5px !important;margin-top:4px !important;line-height:1.45 !important;}
  .q353-notice{margin:0 52px 12px !important;max-width:940px !important;padding:13px 17px !important;}
  .q353-notice-title{margin-bottom:5px !important;}
  .q353-notice-text{font-size:11px !important;line-height:1.65 !important;}
  .motw-shell{padding:0 52px 52px !important;gap:22px !important;}
  .motw-sidebar{top:84px !important;}
  .aa-panel{min-height:680px !important;padding-top:28px !important;}
  .aa-panel-head{margin-bottom:20px !important;grid-template-columns:minmax(0,1fr) 390px !important;}
  .aa-lead{margin-top:8px !important;line-height:1.72 !important;}
  .aa-section-grid{gap:16px 18px !important;}
  .aa-section-card{min-height:232px !important;}

  /* v5: MolView-inspired molecule card.  Light render area, solid ball-and-stick atoms, no atom-letter labels. */
  .aa-structure-box{
    min-height:312px !important;
    padding:16px 16px 12px !important;
    background:
      radial-gradient(circle at 38% 26%, rgba(255,255,255,0.98), rgba(243,248,253,0.95) 30%, rgba(222,232,244,0.92) 72%, rgba(203,216,232,0.90) 100%) !important;
    border:1px solid rgba(180,206,230,0.78) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.85), inset 0 -18px 48px rgba(80,105,135,0.14), 0 20px 54px rgba(0,0,0,0.30) !important;
  }
  .aa-structure-canvas{max-width:370px !important;height:268px !important;filter:drop-shadow(0 16px 22px rgba(25,35,48,0.28)) !important;}
  .aa-structure-caption{color:rgba(39,63,85,0.62) !important;text-shadow:none !important;margin-top:6px !important;}
  .aa-structure-caption .structure-note{display:none !important;}
  .services-footer-match{margin-top:0 !important;}
  .site-footer{margin-top:0 !important;}
  @media(max-width:1040px){
    .aa-panel-head{grid-template-columns:1fr !important;}
    .aa-structure-box{max-width:410px !important;}
  }
  @media(max-width:760px){
    .res-hero{padding-top:108px !important;padding-bottom:6px !important;}
    .q353-stat-row{margin:6px 24px 8px !important;}
    .q353-notice{margin:0 24px 10px !important;}
    .motw-shell{padding:0 24px 46px !important;}
    .aa-structure-box{min-height:282px !important;}
    .aa-structure-canvas{height:238px !important;}
  }

/* <style id="q353-final-layout-overrides"> */
  /* Final spacing pass: keep the hero below the fixed logo, while pulling the reference panel upward. */
  .res-hero{
    padding-top:166px !important;
    padding-bottom:8px !important;
    max-width:900px !important;
  }
  .res-eyebrow{margin-bottom:12px !important;}
  .res-hero h1{margin-bottom:10px !important;}
  .res-hero-sub{line-height:1.72 !important; max-width:780px !important;}
  .q353-stat-row{
    margin:10px 52px 10px !important;
    gap:12px !important;
  }
  .q353-stat{padding:13px 18px !important;}
  .q353-stat-num{font-size:29px !important;}
  .q353-stat-label{margin-top:5px !important; line-height:1.45 !important;}
  .q353-notice{
    margin:0 52px 12px !important;
    padding:14px 18px !important;
  }
  .q353-notice-title{margin-bottom:6px !important;}
  .q353-notice-text{line-height:1.65 !important;}
  .motw-shell{
    padding-top:0 !important;
    padding-bottom:58px !important;
  }
  .motw-sidebar{top:98px !important;}
  .aa-panel{min-height:640px !important;}
  .aa-panel-head{margin-bottom:20px !important;}
  .aa-structure-box{
    background:radial-gradient(circle at 48% 38%, rgba(74,179,244,0.18), rgba(5,16,36,0.82) 46%, rgba(2,6,16,0.88) 100%) !important;
    border-color:rgba(74,179,244,0.34) !important;
    box-shadow:inset 0 0 38px rgba(74,179,244,0.08), 0 16px 42px rgba(0,0,0,0.26) !important;
  }
  .aa-structure-caption{color:rgba(150,215,255,0.72) !important;}
  /* Ensure the Services footer is visibly rendered as the final site footer, not as a small page note. */
  footer.site-footer{
    display:block !important;
    width:100% !important;
    background:rgba(2,6,16,0.98) !important;
    border-top:1px solid var(--border) !important;
    padding:52px 52px 32px !important;
    margin-top:0 !important;
    position:relative !important;
    z-index:10 !important;
  }
  footer.site-footer .site-footer-grid{
    display:grid !important;
    grid-template-columns:1.8fr 1fr 1fr 1fr !important;
    gap:44px !important;
    margin-bottom:40px !important;
  }
  footer.site-footer .sf-brand{font-family:"Cormorant Garamond",serif !important;font-size:18px !important;font-weight:300 !important;color:#fff !important;margin-bottom:10px !important;line-height:1.2 !important;}
  footer.site-footer .sf-brand-sub{font-family:"DM Mono",monospace !important;font-size:10px !important;line-height:1.8 !important;color:rgba(140,185,220,0.6) !important;margin-bottom:16px !important;}
  footer.site-footer .sf-address{font-family:"DM Mono",monospace !important;font-size:10px !important;line-height:1.9 !important;color:rgba(120,170,210,0.5) !important;}
  footer.site-footer .sf-col-title{font-family:"DM Mono",monospace !important;font-size:8.5px !important;letter-spacing:0.28em !important;color:var(--gold) !important;text-transform:uppercase !important;margin-bottom:14px !important;opacity:0.85 !important;}
  footer.site-footer .sf-col-links{list-style:none !important;padding:0 !important;margin:0 !important;}
  footer.site-footer .sf-col-links li{margin-bottom:9px !important;}
  footer.site-footer .sf-col-links a{font-family:"DM Mono",monospace !important;font-size:10.5px !important;color:rgba(155,200,235,0.6) !important;text-decoration:none !important;transition:color 0.25s !important;line-height:1.4 !important;}
  footer.site-footer .sf-col-links a:hover{color:var(--gold) !important;}
  footer.site-footer .sf-bottom{display:flex !important;align-items:center !important;justify-content:space-between !important;border-top:1px solid var(--border) !important;padding-top:20px !important;flex-wrap:wrap !important;gap:12px !important;}
  footer.site-footer .sf-copy{font-family:"DM Mono",monospace !important;font-size:9px !important;color:rgba(100,150,190,0.4) !important;letter-spacing:0.06em !important;}
  @media(max-width:860px){
    footer.site-footer{padding:40px 24px 28px !important;}
    footer.site-footer .site-footer-grid{grid-template-columns:1fr 1fr !important;gap:28px !important;}
  }
  @media(max-width:520px){footer.site-footer .site-footer-grid{grid-template-columns:1fr !important;}}
  @media(max-width:760px){
    .res-hero{padding-top:140px !important;padding-bottom:6px !important;}
    .q353-stat-row,.q353-notice{margin-left:24px !important;margin-right:24px !important;}
    .q353-stat-row{grid-template-columns:1fr !important;}
  }

/* <style id="q353-v7-layout-and-footer-fix"> */
  /* v7: keep hero below the fixed logo, but pull the search/navigation and compound panel closer to the title. */
  .res-hero{
    padding-top:178px !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
    max-width:920px !important;
  }
  .res-eyebrow{margin-bottom:9px !important;}
  .res-hero h1{margin-bottom:8px !important;}
  .res-hero-sub{line-height:1.62 !important;max-width:800px !important;margin-bottom:0 !important;}
  .q353-stat-row{
    margin:0 52px 2px !important;
    gap:10px !important;
    max-width:920px !important;
  }
  .q353-stat{padding:8px 16px !important;}
  .q353-stat-num{font-size:26px !important;}
  .q353-stat-label{margin-top:3px !important;line-height:1.28 !important;}
  .q353-notice{
    margin:0 52px 2px !important;
    padding:8px 16px !important;
    max-width:920px !important;
  }
  .q353-notice-title{margin-bottom:3px !important;}
  .q353-notice-text{font-size:11px !important;line-height:1.48 !important;}
  .motw-shell{
    padding-top:0 !important;
    padding-bottom:56px !important;
    margin-top:-4px !important;
  }
  .motw-nav-card{padding-top:12px !important;}
  .aa-panel{padding-top:20px !important;}
  .aa-panel-head{margin-bottom:14px !important;}
  .motw-sidebar{top:96px !important;}
  .aa-structure-box{
    background:radial-gradient(circle at 50% 50%, rgba(74,179,244,0.06), rgba(4,12,28,0.28) 62%, rgba(4,12,28,0.02) 100%) !important;
    border-color:rgba(74,179,244,0.22) !important;
    box-shadow:none !important;
  }
  .aa-structure-caption{color:rgba(150,205,255,0.60) !important;}
  /* Make the Services-page footer unambiguous and visible as the final site footer. */
  footer.site-footer{
    display:block !important;
    clear:both !important;
    width:100% !important;
    background:rgba(2,6,16,0.98) !important;
    border-top:1px solid var(--border) !important;
    padding:52px 52px 32px !important;
    margin:0 !important;
    position:relative !important;
    z-index:50 !important;
  }
  footer.site-footer .site-footer-grid{
    display:grid !important;
    grid-template-columns:1.8fr 1fr 1fr 1fr !important;
    gap:44px !important;
    margin-bottom:40px !important;
  }
  footer.site-footer .sf-brand,
  footer.site-footer .sf-brand-sub,
  footer.site-footer .sf-address,
  footer.site-footer .sf-linkedin,
  footer.site-footer .sf-col-title,
  footer.site-footer .sf-col-links,
  footer.site-footer .sf-bottom,
  footer.site-footer .sf-copy{display:revert-layer;}
  footer.site-footer .sf-brand{font-family:"Cormorant Garamond",serif !important;font-size:18px !important;font-weight:300 !important;color:#fff !important;line-height:1.2 !important;margin:0 0 10px !important;}
  footer.site-footer .sf-brand-sub{font-family:"DM Mono",monospace !important;font-size:10px !important;line-height:1.8 !important;color:rgba(140,185,220,0.6) !important;margin:0 0 16px !important;}
  footer.site-footer .sf-address{font-family:"DM Mono",monospace !important;font-size:10px !important;line-height:1.9 !important;color:rgba(120,170,210,0.5) !important;}
  footer.site-footer .sf-linkedin{display:inline-flex !important;align-items:center !important;gap:8px !important;text-decoration:none !important;font-family:"DM Mono",monospace !important;font-size:9.5px !important;letter-spacing:0.14em !important;color:rgba(94,196,255,0.7) !important;border:1px solid rgba(74,179,244,0.28) !important;padding:7px 14px !important;text-transform:uppercase !important;margin-top:14px !important;}
  footer.site-footer .sf-col-title{font-family:"DM Mono",monospace !important;font-size:8.5px !important;letter-spacing:0.28em !important;color:var(--gold) !important;text-transform:uppercase !important;margin-bottom:14px !important;opacity:0.85 !important;}
  footer.site-footer .sf-col-links{list-style:none !important;padding:0 !important;margin:0 !important;}
  footer.site-footer .sf-col-links li{margin-bottom:9px !important;}
  footer.site-footer .sf-col-links a{font-family:"DM Mono",monospace !important;font-size:10.5px !important;color:rgba(155,200,235,0.6) !important;text-decoration:none !important;line-height:1.4 !important;}
  footer.site-footer .sf-bottom{display:flex !important;align-items:center !important;justify-content:space-between !important;border-top:1px solid var(--border) !important;padding-top:20px !important;flex-wrap:wrap !important;gap:12px !important;}
  footer.site-footer .sf-copy{font-family:"DM Mono",monospace !important;font-size:9px !important;color:rgba(100,150,190,0.4) !important;letter-spacing:0.06em !important;}
  @media(max-width:860px){
    footer.site-footer{padding:40px 24px 28px !important;}
    footer.site-footer .site-footer-grid{grid-template-columns:1fr 1fr !important;gap:28px !important;}
  }
  @media(max-width:520px){footer.site-footer .site-footer-grid{grid-template-columns:1fr !important;}}
  @media(max-width:760px){
    .res-hero{padding-top:148px !important;padding-bottom:0 !important;}
    .q353-stat-row{margin:0 24px 2px !important;grid-template-columns:1fr !important;}
    .q353-notice{margin:0 24px 2px !important;}
    .motw-shell{padding-left:24px !important;padding-right:24px !important;}
  }

/* <style id="q353-v8-pubchem-structure-and-spacing"> */
  .aa-structure-box{
    min-height:300px !important;
    padding:16px 16px 12px !important;
    justify-content:flex-start !important;
  }
  .aa-structure-img-wrap{
    width:100%;
    min-height:246px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .aa-structure-img{
    display:block;
    width:100%;
    max-width:340px;
    max-height:250px;
    object-fit:contain;
    filter:drop-shadow(0 12px 24px rgba(0,0,0,0.28));
  }
  .aa-structure-img.is-loading{opacity:0.55;}
  .aa-structure-canvas{display:none !important;}
  .aa-structure-caption{margin-top:8px !important;}
  .aa-structure-credit{
    font-family:"DM Mono",monospace;
    font-size:8px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:rgba(150,205,255,0.44);
    margin-top:4px;
    text-align:center;
  }
  .aa-structure-caption .structure-note{display:block;font-size:8px;letter-spacing:0.12em;color:rgba(150,205,255,0.44);margin-top:4px;text-transform:none;}
  @media(max-width:760px){
    .aa-structure-box{min-height:278px !important;padding:14px 14px 12px !important;}
    .aa-structure-img-wrap{min-height:220px;}
    .aa-structure-img{max-height:220px;}
  }

/* <style id="q353-v9-generated-structure-and-reference-links"> */
  .aa-structure-box{
    min-height:318px !important;
    padding:16px 16px 12px !important;
    justify-content:flex-start !important;
    background:linear-gradient(145deg, rgba(244,248,252,0.96), rgba(226,235,244,0.94)) !important;
    border-color:rgba(74,179,244,0.28) !important;
    box-shadow:inset 0 0 24px rgba(255,255,255,0.50), 0 16px 42px rgba(0,0,0,0.22) !important;
  }
  .aa-structure-canvas{
    display:block !important;
    width:100% !important;
    max-width:380px !important;
    height:280px !important;
    filter:drop-shadow(0 12px 18px rgba(20,30,44,0.18)) !important;
  }
  .aa-structure-img-wrap,.aa-structure-img{display:none !important;}
  .aa-structure-caption{
    color:rgba(29,49,68,0.74) !important;
    text-shadow:none !important;
    margin-top:6px !important;
  }
  .aa-structure-credit{
    font-family:"DM Mono",monospace;
    font-size:8px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:rgba(39,63,85,0.48);
    margin-top:4px;
    text-align:center;
    line-height:1.45;
  }
  .cite-link{
    color:var(--gold-bright);
    text-decoration:none;
    border-bottom:1px dotted rgba(128,212,255,0.55);
    transition:color .2s,border-color .2s;
  }
  .cite-link:hover{color:#fff;border-bottom-color:#fff;}
  .aa-ref-item:target{
    border-color:rgba(128,212,255,0.92) !important;
    background:rgba(74,179,244,0.12) !important;
    box-shadow:0 0 0 1px rgba(128,212,255,0.26) inset,0 0 24px rgba(74,179,244,0.16);
  }
  @media(max-width:760px){
    .aa-structure-box{min-height:292px !important;}
    .aa-structure-canvas{height:250px !important;}
  }

/* <style id="q353-v10-visual-transparency-and-compact-structure"> */
  /* v10: restore the attached-page molecule visual style, shrink the structure area, and increase panel transparency. */
  .aa-panel-head{
    grid-template-columns:minmax(0,1fr) 190px !important;
    gap:18px !important;
    align-items:start !important;
    margin-bottom:14px !important;
  }
  .aa-structure-box{
    min-height:150px !important;
    max-width:190px !important;
    width:190px !important;
    padding:8px 8px 8px !important;
    justify-content:center !important;
    background:radial-gradient(circle at 50% 50%, rgba(74,179,244,0.06), rgba(4,12,28,0.24) 62%, rgba(4,12,28,0.02) 100%) !important;
    border-color:rgba(74,179,244,0.20) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  .aa-structure-canvas{
    display:block !important;
    width:100% !important;
    max-width:170px !important;
    height:118px !important;
    filter:none !important;
  }
  .aa-structure-caption{
    font-family:"DM Mono",monospace !important;
    font-size:8px !important;
    letter-spacing:0.18em !important;
    color:rgba(150,205,255,0.56) !important;
    text-shadow:none !important;
    text-transform:uppercase !important;
    margin-top:5px !important;
  }
  .aa-structure-credit{display:none !important;}

  /* Let the page background and floating molecules show through the content area. */
  .motw-nav-card,
  .aa-panel{
    background:rgba(4,12,28,0.46) !important;
    border-color:rgba(74,179,244,0.18) !important;
    backdrop-filter:blur(2px) !important;
  }
  .aa-section-card{
    background:rgba(5,14,34,0.34) !important;
    border-color:rgba(74,179,244,0.14) !important;
  }
  .aa-summary-card{
    background:rgba(6,18,40,0.42) !important;
  }
  .aa-ref-item{
    background:rgba(4,12,28,0.30) !important;
    border-color:rgba(74,179,244,0.13) !important;
  }
  .q353-stat,
  .q353-notice{
    background:rgba(4,12,28,0.36) !important;
    border-color:rgba(74,179,244,0.16) !important;
    backdrop-filter:blur(2px) !important;
  }
  .q353-search,
  .q353-select,
  .motw-nav-btn,
  .q353-alpha-btn{
    background:rgba(4,12,28,0.40) !important;
    border-color:rgba(74,179,244,0.18) !important;
  }
  .motw-nav-btn.active,
  .q353-alpha-btn.active{
    background:rgba(74,179,244,0.14) !important;
    border-color:rgba(74,179,244,0.62) !important;
  }
  .aa-section-text,
  .aa-lead,
  .aa-ref-citation{
    color:rgba(205,232,255,0.88) !important;
  }

  @media(max-width:1040px){
    .aa-panel-head{grid-template-columns:1fr !important;}
    .aa-structure-box{max-width:190px !important;width:190px !important;justify-self:start !important;}
  }
  @media(max-width:760px){
    .aa-structure-box{min-height:140px !important;width:180px !important;max-width:180px !important;}
    .aa-structure-canvas{max-width:160px !important;height:110px !important;}
  }

/* <style id="q353-v11-layout-and-structure-color"> */
  /* v11: remove top stat cards and lower the RUO notice/library area slightly. */
  .q353-stat-row{display:none !important;}
  .q353-notice{
    margin-top:22px !important;
    margin-bottom:10px !important;
  }
  .motw-shell{
    margin-top:4px !important;
  }

  /* Larger structure viewer, still compact relative to the full content panel. */
  .aa-panel-head{
    grid-template-columns:minmax(0,1fr) 260px !important;
    gap:22px !important;
    align-items:start !important;
  }
  .aa-structure-box{
    min-height:214px !important;
    width:260px !important;
    max-width:260px !important;
    padding:12px 12px 10px !important;
    background:radial-gradient(circle at 50% 50%, rgba(74,179,244,0.06), rgba(4,12,28,0.24) 62%, rgba(4,12,28,0.02) 100%) !important;
    border-color:rgba(74,179,244,0.20) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  .aa-structure-canvas{
    width:100% !important;
    max-width:230px !important;
    height:165px !important;
    filter:none !important;
  }
  .aa-structure-caption{
    font-family:"DM Mono",monospace !important;
    font-size:8.5px !important;
    letter-spacing:0.18em !important;
    color:rgba(150,205,255,0.58) !important;
    text-transform:uppercase !important;
    margin-top:6px !important;
  }

  /* Keep the more transparent page aesthetic from v10. */
  .motw-nav-card,
  .aa-panel{
    background:rgba(4,12,28,0.44) !important;
    border-color:rgba(74,179,244,0.17) !important;
    backdrop-filter:blur(2px) !important;
  }
  .aa-section-card{
    background:rgba(5,14,34,0.32) !important;
    border-color:rgba(74,179,244,0.13) !important;
  }
  .aa-summary-card{
    background:rgba(6,18,40,0.40) !important;
  }
  .aa-ref-item{
    background:rgba(4,12,28,0.28) !important;
    border-color:rgba(74,179,244,0.12) !important;
  }

  @media(max-width:1040px){
    .aa-panel-head{grid-template-columns:1fr !important;}
    .aa-structure-box{max-width:260px !important;width:260px !important;justify-self:start !important;}
  }
  @media(max-width:760px){
    .q353-notice{margin-top:16px !important;}
    .aa-structure-box{min-height:190px !important;width:235px !important;max-width:235px !important;}
    .aa-structure-canvas{max-width:210px !important;height:148px !important;}
  }

/* <style id="q353-v12-pubchem-cid-runtime-3d"> */
  /* v12: top stats removed; RUO/library area moved down several lines. */
  .q353-stat-row{display:none !important;}
  .q353-notice{
    margin-top:56px !important;
    margin-bottom:12px !important;
  }
  .motw-shell{
    margin-top:8px !important;
  }

  /* PubChem metadata under compound name. */
  .pubchem-meta{
    margin-top:12px;
    padding:12px 14px;
    border:1px solid rgba(74,179,244,0.16);
    background:rgba(4,12,28,0.28);
  }
  .pubchem-meta-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-bottom:10px;
  }
  .pubchem-meta-item{display:flex;flex-direction:column;gap:4px;min-width:0;}
  .pubchem-meta-label{
    display:block;
    font-family:"DM Mono",monospace;
    font-size:8px;
    letter-spacing:0.20em;
    color:rgba(128,212,255,0.70);
    text-transform:uppercase;
    line-height:1.4;
  }
  .pubchem-meta-value{
    display:block;
    font-family:"DM Mono",monospace;
    font-size:11px;
    color:rgba(215,238,255,0.90);
    line-height:1.55;
    word-break:break-word;
  }
  .pubchem-meta-synonyms{
    border-top:1px solid rgba(74,179,244,0.11);
    padding-top:8px;
  }
  .pubchem-cid-link{color:var(--gold-bright);text-decoration:none;border-bottom:1px dotted rgba(128,212,255,0.50);}
  .pubchem-cid-link:hover{color:#fff;border-bottom-color:#fff;}

  /* Larger PubChem-CID/SDF-backed rotating view using the same colors as the floating background molecules. */
  .aa-panel-head{
    grid-template-columns:minmax(0,1fr) 300px !important;
    gap:24px !important;
    align-items:start !important;
  }
  .aa-structure-box{
    min-height:248px !important;
    width:300px !important;
    max-width:300px !important;
    padding:14px 14px 11px !important;
    background:radial-gradient(circle at 50% 50%, rgba(74,179,244,0.06), rgba(4,12,28,0.24) 62%, rgba(4,12,28,0.02) 100%) !important;
    border-color:rgba(74,179,244,0.20) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  .aa-structure-canvas{
    width:100% !important;
    max-width:270px !important;
    height:200px !important;
    filter:none !important;
  }
  .aa-structure-caption{
    font-family:"DM Mono",monospace !important;
    font-size:8.5px !important;
    letter-spacing:0.18em !important;
    color:rgba(150,205,255,0.58) !important;
    text-transform:uppercase !important;
    margin-top:6px !important;
  }
  .aa-structure-credit{display:none !important;}

  @media(max-width:1040px){
    .aa-panel-head{grid-template-columns:1fr !important;}
    .aa-structure-box{max-width:300px !important;width:300px !important;justify-self:start !important;}
  }
  @media(max-width:760px){
    .q353-notice{margin-top:34px !important;}
    .pubchem-meta-row{grid-template-columns:1fr;}
    .aa-structure-box{min-height:220px !important;width:260px !important;max-width:260px !important;}
    .aa-structure-canvas{max-width:235px !important;height:170px !important;}
  }

/* <style id="hmt-visibility-v2"> */
  /* ── Footer visibility improvements ── */
  .sf-brand-sub{color:rgba(185,220,255,0.88)!important;font-size:11px!important;}
  .sf-address{color:rgba(180,215,255,0.82)!important;font-size:11px!important;line-height:2.0!important;}
  .sf-col-links a{color:rgba(190,225,255,0.88)!important;font-size:11px!important;}
  .sf-copy{color:rgba(165,205,240,0.78)!important;font-size:10px!important;}
  .sf-col-title{color:rgba(94,196,255,0.95)!important;font-size:9.5px!important;}
  /* ── General text readability ── */
  .nav-links a{color:rgba(190,225,255,0.80)!important;}
  .card-body{color:rgba(200,235,255,0.92)!important;}
  .page-intro{color:rgba(210,235,255,0.90)!important;}
  .hero-sub{color:rgba(210,235,255,0.92)!important;}
  .why-desc{color:rgba(200,230,255,0.90)!important;}
  .usp-desc{color:rgba(200,230,255,0.90)!important;}
  .team-bio{color:rgba(200,230,255,0.88)!important;}
  .ebook-desc{color:rgba(195,225,255,0.82)!important;}
  .sec-sub{color:rgba(205,232,255,0.88)!important;}
  .tl-desc{color:rgba(200,228,255,0.88)!important;}
  .pub-authors{color:rgba(180,218,255,0.80)!important;}
  .motw-entry-body{color:rgba(200,228,255,0.88)!important;}
  .aa-section-text{color:rgba(200,228,255,0.90)!important;}
  .aa-lead{color:rgba(200,228,255,0.90)!important;}
  .q353-notice-text{color:rgba(200,228,255,0.88)!important;}
  /* ── Performance: reduce molecule opacity on low-end hint ── */

/* <style id="q353-site-consistency-final"> */
  /* Match the Q353 page hero color/weight with the other HMT-A pages. */
  .res-hero{
    max-width:720px !important;
    filter:none !important;
    opacity:0;
    animation:fadeUp 1s 0.2s forwards;
  }
  .res-eyebrow{
    color:var(--gold-bright) !important;
    opacity:1 !important;
  }
  .res-hero h1{
    color:#fff !important;
    text-shadow:none !important;
    font-family:"Cormorant Garamond",serif !important;
    font-weight:300 !important;
  }
  .res-hero h1 em{
    color:var(--gold) !important;
    font-style:italic !important;
  }
  .res-hero-sub{
    color:rgba(200,230,255,0.82) !important;
    max-width:580px !important;
  }
  #vignette{
    background:radial-gradient(ellipse 82% 82% at 50% 50%,transparent 22%,rgba(2,6,18,0.52) 62%,rgba(2,6,18,0.90) 100%) !important;
  }

/* <style id="hmt-global-css-polish"> */
  /* Global consistency refinements for the HMT-A page set. */
  html{scroll-behavior:smooth;}
  body{min-width:320px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
  #ui-nav{box-shadow:0 1px 0 rgba(74,179,244,0.10);}
  #ui-nav nav{width:100%;max-width:1440px;margin:0 auto;gap:28px;}
  #ui-nav nav > a:first-child{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto;}
  #ui-nav .nav-logo{min-width:170px;line-height:1;}
  #ui-nav .logo-img{display:block;width:170px;max-width:170px;height:auto;}
  #ui-nav .nav-sub{white-space:nowrap;}
  #ui-nav .nav-links{align-items:center;flex-wrap:wrap;row-gap:10px;}
  #ui-nav .nav-cta{white-space:nowrap;}
  .dropdown{white-space:nowrap;}
  #content,.hp-hero,.res-hero,.app-hero,.svc-hero,.aa-hero,.contact-hero,.pub-hero,.q353-hero{box-sizing:border-box;}
  img,svg,video,canvas{max-width:100%;}
  .card,.why-card,.usp-item,.pub-card,.resource-card,.ebook-card,.service-card,.app-card,.team-card,.platform-card,.publication-card{overflow:hidden;}
  .card-body,.why-desc,.usp-desc,.sec-sub,.page-intro,.hero-sub,.app-card-body,.service-card-body{overflow-wrap:anywhere;}
  .site-footer{position:relative;z-index:20;}
  .site-footer-grid{align-items:start;}
  .sf-col-links a{display:inline-block;}
  @media(max-width:980px){
    #ui-nav nav{padding:20px 28px 16px;flex-wrap:wrap;align-items:flex-start;}
    #ui-nav .nav-links{order:3;width:100%;gap:18px 28px;margin-top:10px;}
    #ui-nav .nav-cta{margin-left:auto;}
    #content{padding-top:150px;}
    .hp-hero,.res-hero{padding-top:165px;}
  }
  @media(max-width:700px){
    #ui-nav nav{padding:18px 24px 14px;}
    #ui-nav .logo-img{width:145px;}
    #ui-nav .nav-logo{min-width:145px;}
    .nav-links a{font-size:9px;letter-spacing:0.18em;}
    #ui-nav .nav-links{gap:12px 22px;}
    .nav-cta{font-size:9px!important;padding:9px 16px!important;}
    #content{padding-left:24px!important;padding-right:24px!important;padding-top:160px;}
    .card-grid,.why-grid,.usp-grid,.pub-grid,.resource-grid,.ebook-grid{grid-template-columns:1fr!important;}
    .site-footer-grid{grid-template-columns:1fr!important;}
  }