:root{--bg:#050813;--bg2:#071121;--panel:rgba(13,20,35,.88);--panel2:rgba(20,31,52,.86);--line:rgba(255,255,255,.12);--text:#eef5ff;--muted:#9fb0cf;--accent:#7ab7ff;--accent2:#38d6c9;--good:#83e6b0;--warn:#ffd27a;--bad:#ff8a8a;--shadow:0 24px 80px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0%,#17223b 0%,var(--bg) 48%,#01030a 100%);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:#9ed3ff;text-decoration:none}a:hover{text-decoration:underline}img,video{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;background:rgba(5,8,19,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;letter-spacing:.02em}.brand img{width:34px;height:34px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.site-nav a{color:#dceaff;padding:9px 10px;border-radius:999px;font-weight:650;font-size:14px}.site-nav a:hover,.site-nav a.active{background:rgba(122,183,255,.12);text-decoration:none}.nav-toggle{display:none}.page{max-width:1180px;margin:0 auto;padding:34px 18px 54px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;margin-bottom:24px}.hero.compact{grid-template-columns:1fr;margin-bottom:20px}.kicker{color:var(--accent2);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px}h1{font-size:clamp(34px,5vw,62px);line-height:.95;margin:0 0 14px;letter-spacing:-.04em}h2{font-size:clamp(22px,3vw,34px);margin:0 0 10px;letter-spacing:-.02em}h3{margin:0 0 8px;font-size:19px}.subtitle,.muted{color:var(--muted)}.subtitle{font-size:17px;margin:0}.hero-art{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:var(--shadow);padding:20px;overflow:hidden}.hero-art img{border-radius:20px;background:transparent}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,var(--panel),rgba(7,11,20,.92));box-shadow:0 18px 48px rgba(0,0,0,.22);padding:20px}.tool-card{min-height:178px;display:flex;flex-direction:column;justify-content:space-between;transition:.16s ease}.tool-card:hover{transform:translateY(-2px);border-color:rgba(122,183,255,.36);text-decoration:none}.tool-icon{font-size:30px;margin-bottom:12px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn,button{border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:11px 14px;color:var(--text);background:rgba(255,255,255,.08);cursor:pointer;font-weight:750;font:inherit}.btn.primary,button.primary{background:linear-gradient(135deg,#2c84ff,#72bdff);color:#03101f;border:none}.btn:hover{text-decoration:none;filter:brightness(1.06)}.ad-slot{max-width:1180px;margin:24px auto;border:1px dashed rgba(255,255,255,.16);border-radius:18px;min-height:92px;display:grid;place-items:center;color:#60708d;background:rgba(255,255,255,.025);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.calculator{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,var(--panel),rgba(7,11,20,.92));box-shadow:var(--shadow);padding:22px}.calc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}label{display:block;color:#c9d8f3;font-size:13px;margin:0 0 7px}input,select,textarea{width:100%;background:#050814;color:var(--text);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:13px 12px;font-size:16px;outline:none}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(122,183,255,.78);box-shadow:0 0 0 4px rgba(122,183,255,.12)}.method-row,.output-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-top:16px}.action-buttons{display:flex;gap:10px;flex-wrap:wrap;align-self:end}.report-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.copybox,.result-box{background:#030712;color:#dfeaff;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:13px;min-height:48px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.status{display:inline-block;margin:0 0 10px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:#dce9ff;font-size:13px}.status.low{color:var(--good);background:rgba(131,230,176,.10)}.status.mid{color:var(--warn);background:rgba(255,210,122,.10)}.status.high{color:var(--bad);background:rgba(255,138,138,.10)}.suggestion-label{font-weight:800;margin:6px 0}.suggestion-label span{color:var(--muted);font-weight:500;font-size:12px}.suggestion-box{border:1px solid var(--line);border-radius:16px;padding:13px;background:rgba(255,255,255,.045);color:#dbe8ff}.helper-text,.note{margin-top:8px;color:var(--muted);font-size:12px}.metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.metric{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.04);min-width:140px}.metric strong{font-size:22px;display:block}.anatomy-intro{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:center}.anatomy-figure{margin:0}.anatomy-figure img{background:transparent;border-radius:18px}.zone-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.zone-list li{margin:5px 0}.scroll-video-block{height:210vh;position:relative;margin:28px 0}.scroll-video-stage{position:sticky;top:70px;height:calc(100vh - 80px);display:grid;place-items:center}.viewer{width:min(1120px,96vw);border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#000;box-shadow:var(--shadow);cursor:grab}.viewer:active{cursor:grabbing}.viewer video{width:100%;height:auto;background:#000}.viewer-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 14px;background:rgba(17,27,47,.94);border-bottom:1px solid var(--line)}.viewer-bar h2{font-size:18px;margin:0}.progress{height:8px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2))}.frame-counter{color:var(--muted);font-size:13px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option-btn{display:block;width:100%;text-align:left;min-height:86px}.option-btn.active{border-color:rgba(122,183,255,.85);box-shadow:0 0 0 2px rgba(122,183,255,.16);background:rgba(122,183,255,.14)}.big-score{font-size:76px;line-height:.9;font-weight:950;letter-spacing:-.06em;margin:6px 0;background:linear-gradient(135deg,#e0f7ff,#7dd3fc,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.ref-list{padding-left:22px}.ref-list li{margin:0 0 14px}.info-section{margin-top:18px}.site-footer{max-width:1180px;margin:24px auto 0;padding:20px 18px 34px;color:#8da1c0;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);font-size:13px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.medical-disclaimer{border:1px solid rgba(255,210,122,.3);background:rgba(255,210,122,.07);border-radius:18px;padding:14px;margin-top:16px;color:#ffe8b6}.pill{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:999px;padding:7px 10px;font-size:12px;color:var(--muted)}.created-by{margin-top:18px;color:#8da1c0;font-size:12px;text-align:right}@media(max-width:920px){.hero,.anatomy-intro,.method-row,.output-panel,.panel-grid{grid-template-columns:1fr}.card-grid,.card-grid.two,.card-grid.four,.zone-list{grid-template-columns:1fr}.calc-grid{grid-template-columns:1fr 1fr}.site-nav{display:none;position:absolute;left:12px;right:12px;top:64px;background:rgba(5,8,19,.96);border:1px solid var(--line);border-radius:18px;padding:10px}.site-nav.open{display:grid}.nav-toggle{display:inline-block}.site-footer{display:block}.footer-links{margin-top:10px}.scroll-video-stage{top:62px}.viewer-bar{display:block}.frame-counter{margin-top:5px}}@media(max-width:560px){.calc-grid,.option-grid{grid-template-columns:1fr}.page{padding-top:24px}.report-row{grid-template-columns:1fr}.hero-art{padding:12px}.site-header{padding:12px}.brand span{font-size:14px}}


/* Centered top navigation requested for the streamlined toolkit */
.site-header.top-links{justify-content:center;padding:12px 18px;background:rgba(5,8,19,.92);}
.site-header.top-links .site-nav{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;position:static;background:transparent;border:0;padding:0;}
.site-header.top-links .site-nav a{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);box-shadow:0 10px 24px rgba(0,0,0,.16);padding:9px 14px;}
.site-header.top-links .site-nav a:hover{background:rgba(122,183,255,.16);}
.site-header.top-links .site-nav a.active{background:linear-gradient(135deg,#2c84ff,#8b5cf6);color:#fff;border-color:transparent;}
.ad-slot.bottom-ad{margin:34px auto 0;}
@media(max-width:920px){.site-header.top-links .site-nav{display:flex;position:static;left:auto;right:auto;top:auto;overflow-x:auto;max-width:100%;}.site-header.top-links{position:sticky;}.site-header.top-links .site-nav a{white-space:nowrap;}}


/* Icon/title cleanup */
.title-with-icon{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px;}
.title-with-icon .title-icon{width:82px;height:auto;max-width:22vw;border-radius:0;background:transparent;padding:0;box-shadow:none;}
.hero.compact .title-with-icon .title-icon{width:74px;}
.tool-icon{width:52px;height:52px;border-radius:16px;margin-bottom:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(44,132,255,.28),rgba(139,92,246,.36));border:1px solid rgba(255,255,255,.11);box-shadow:0 12px 26px rgba(0,0,0,.18);font-size:28px;overflow:hidden;}
.tool-icon.image-icon{background:rgba(255,255,255,.04);padding:2px;}
.tool-icon.image-icon img{width:100%;height:100%;object-fit:contain;}
.kicker{display:none!important;}
@media(max-width:560px){.title-with-icon .title-icon{width:62px}.hero.compact .title-with-icon .title-icon{width:58px}}

.tool-icon.pirads-icon{background:rgba(255,255,255,.04);padding:2px;}
.tool-icon.pirads-icon img{width:100%;height:100%;object-fit:contain;}

.title-icon{background:transparent!important;box-shadow:none!important;border-radius:0!important;}
.image-icon img{background:transparent!important;}


/* Reference article cards: side-by-side grid layout */
.reference-side-card{display:grid!important;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:1rem;}
.reference-side-icon-wrap{width:112px;height:112px;display:flex;align-items:center;justify-content:center;}
.reference-side-icon{width:104px;height:104px;object-fit:contain;display:block;}
.reference-side-content{min-width:0;display:flex;flex-direction:column;gap:0.4rem;}
.reference-side-card strong{margin:0;}
@media(max-width:640px){
  .reference-side-card{grid-template-columns:76px minmax(0,1fr);gap:0.75rem;}
  .reference-side-icon-wrap{width:76px;height:76px;}
  .reference-side-icon{width:72px;height:72px;}
}


/* PSA Density Pro cleaned layout */
.psa-calculator .psa-method-row{grid-template-columns:minmax(0,1fr);max-width:560px;}
.psa-output-panel{display:grid;gap:14px;margin-top:18px;}
.psa-result-row{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;}
.psa-result-row .metrics{margin-top:0;}
.risk-card{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.04);min-width:220px;display:flex;flex-direction:column;justify-content:space-between;}
.risk-card .status{margin:8px 0 0;width:max-content;max-width:100%;}
.psa-clear-row{display:flex;justify-content:flex-end;margin-top:4px;}
.psa-clear-row button{min-width:100px;}
@media(max-width:560px){.psa-result-row{display:grid;grid-template-columns:1fr}.risk-card{min-width:0}.psa-clear-row button{width:100%;}}


/* Button color differentiation */
#copyBtn{border-color:rgba(34,197,94,.34);color:#bbf7d0;background:rgba(34,197,94,.10);}
#copyBtn:hover{background:rgba(34,197,94,.16);}
#clearBtn{border-color:rgba(239,68,68,.32);color:#fecaca;background:rgba(239,68,68,.09);}
#clearBtn:hover{background:rgba(239,68,68,.15);}
@media(min-width:921px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.card-grid .tool-card{min-height:190px;}}


/* v16 homepage intro: content left/middle, ad rail far right */
.homepage-intro-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 140px;
  gap:28px;
  align-items:start;
  margin:28px 0 8px;
  width:100%;
}
.homepage-intro-content{
  min-width:0;
  display:grid;
  gap:16px;
}
.homepage-about{
  width:100%;
  max-width:none;
  padding:28px;
}
.homepage-about h2{
  margin:0 0 16px;
}
.homepage-about p{
  max-width:980px;
  color:#d8e7ff;
  line-height:1.75;
  margin:0 0 16px;
  font-size:16px;
}
.homepage-about p:last-child{
  margin-bottom:0;
}
.homepage-disclaimer{
  margin:0;
  width:100%;
  max-width:none;
  line-height:1.65;
}
.homepage-right-ad{
  justify-self:end;
  width:120px;
  min-width:120px;
  height:720px;
  min-height:520px;
  border:1px dashed rgba(255,255,255,.16);
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#60708d;
  background:rgba(255,255,255,.025);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  writing-mode:horizontal-tb;
}
@media(max-width:920px){
  .homepage-intro-layout{
    grid-template-columns:1fr;
  }
  .homepage-right-ad{
    justify-self:stretch;
    width:100%;
    min-width:0;
    height:90px;
    min-height:90px;
  }
}


/* v18 targeted layout fixes */
.homepage-intro-layout{
  margin-bottom: 0 !important;
}
.homepage-disclaimer{
  margin-top: 0 !important;
}
.ad-slot.bottom-ad{
  margin-top: 22px !important;
}
.homepage-right-ad{
  height: 560px !important;
  min-height: 440px !important;
}

/* PSA page: make the note less space-consuming and align it with the clear/action area */
.psa-action-row{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
}
.psa-action-row .medical-disclaimer{
  flex:1;
  margin:0 !important;
}
.psa-action-row .clear-btn,
.psa-action-row button{
  align-self:center;
}
@media(max-width:760px){
  .psa-action-row{
    flex-direction:column;
  }
}

/* Generic right-column ad for tool result/side panels */
.side-panel-ad{
  margin-top:20px;
  height:260px;
  min-height:220px;
  border:1px dashed rgba(255,255,255,.16);
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#60708d;
  background:rgba(255,255,255,.025);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
}

/* Right ad rail for anatomy page only */
.anatomy-layout-with-ad{
  display:grid;
  grid-template-columns:minmax(0,1fr) 140px;
  gap:28px;
  align-items:start;
}
.anatomy-right-ad{
  justify-self:end;
  width:120px;
  min-width:120px;
  height:640px;
  min-height:420px;
  border:1px dashed rgba(255,255,255,.16);
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#60708d;
  background:rgba(255,255,255,.025);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
}
@media(max-width:920px){
  .anatomy-layout-with-ad{
    grid-template-columns:1fr;
  }
  .anatomy-right-ad{
    justify-self:stretch;
    width:100%;
    height:90px;
    min-height:90px;
  }
}

/* Remove broken full-page wrappers left over from v17 */
.page-with-right-ad{
  display:block !important;
}
.page-main-content{
  display:block !important;
}
.page-right-ad{
  display:none !important;
}


/* v19 PSA calculator bottom row: disclaimer and Clear inside calculator card */
.psa-bottom-row{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
}
.psa-bottom-row .medical-disclaimer{
  flex:1;
  margin:0 !important;
  max-width:none !important;
}
.psa-bottom-row .clear-btn,
.psa-bottom-row button{
  align-self:center;
  min-width:130px;
}
.psa-density-page .medical-disclaimer:not(.psa-bottom-row .medical-disclaimer){
  margin-top:0;
}
.psa-density-page .ad-slot.bottom-ad,
.ad-slot.bottom-ad{
  margin-top:20px !important;
}
@media(max-width:760px){
  .psa-bottom-row{
    flex-direction:column;
  }
  .psa-bottom-row .clear-btn,
  .psa-bottom-row button{
    width:100%;
  }
}


/* v23 PI-RADS right column: compact Final Output card + separate ad card */
.pirads-output-compact{
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: start !important;
  display: block !important;
}

/* Prevent CSS grid/flex stretching from making the output card match the long left column */
.pirads-output-compact.card,
.card.pirads-output-compact{
  min-height: 0 !important;
}

/* Add the ad as a separate card directly under Final Output */
.pirads-output-ad-card{
  margin-top: 18px;
  height: 330px;
  min-height: 330px;
  border: 1px dashed rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.025);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #60708d;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .18em;
  box-sizing: border-box;
}

/* Make sure the right column stacks cards instead of stretching one giant card */
.pirads-output-compact + .pirads-output-ad-card{
  width: 100%;
}


/* v24 separate score/result ads */
.score-panel-ad,
.result-panel-ad,
.precise-panel-ad,
.posttreatment-panel-ad{
  margin-top: 18px;
  height: 300px;
  min-height: 260px;
  border: 1px dashed rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.025);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #60708d;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .18em;
  box-sizing: border-box;
  width: 100%;
}

/* If older ad blocks were inserted inside cards, make them visibly independent */
.card .side-panel-ad,
.card .score-panel-ad,
.card .result-panel-ad{
  margin-top: 22px;
}


/* v25 explicit standalone ad cards under right-side result panels */
.standalone-result-ad{
  margin-top: 18px;
  height: 300px;
  min-height: 300px;
  width: 100%;
  border: 1px dashed rgba(255,255,255,.20);
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #60708d;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .18em;
  box-sizing: border-box;
}


/* v26 true standalone right-column ad cards */
.true-output-ad-card{
  margin-top: 18px !important;
  height: 300px !important;
  min-height: 300px !important;
  width: 100% !important;
  border: 1px dashed rgba(255,255,255,.22) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.035) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #60708d !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .18em !important;
  box-sizing: border-box !important;
  flex: none !important;
}


/* v28 PSA Density layout: Clear below Copy, disclaimer below ad */
.psa-density-page .report-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:stretch;
}
.psa-density-page .report-actions button{
  min-width:96px;
  white-space:nowrap;
}
.psa-density-page .psa-page-disclaimer{
  margin:18px auto 0;
}
@media(max-width:560px){
  .psa-density-page .report-actions button{
    width:100%;
  }
}


/* v29 PSA Density layout: Clear beside density category; no page-level created-by */
.psa-density-page .psa-result-row{
  align-items:stretch;
}
.psa-density-page .clear-density-btn{
  align-self:stretch;
  min-width:130px;
  padding-left:20px;
  padding-right:20px;
}
.psa-density-page .report-actions{
  flex-direction:row;
  align-items:start;
}
.psa-density-page .report-actions button{
  min-width:96px;
}
@media(max-width:560px){
  .psa-density-page .clear-density-btn{
    width:100%;
    min-width:0;
  }
}

/* v33 shared-page color harmonization: match PI-RADS/Post-Treatment dark cyan-blue scheme */
:root{
  --bg:#07111f;
  --bg2:#0a1729;
  --panel:#0d1b2e;
  --panel2:#101f35;
  --line:#213653;
  --text:#eaf2ff;
  --muted:#9fb1c7;
  --accent:#7dd3fc;
  --accent2:#38bdf8;
  --good:#22c55e;
  --warn:#f59e0b;
  --bad:#ef4444;
  --shadow:0 18px 50px rgba(0,0,0,.35);
}
body{
  background:
    radial-gradient(circle at 18% 0%, rgba(56,189,248,.16), transparent 34%),
    radial-gradient(circle at 82% 0%, rgba(139,92,246,.10), transparent 32%),
    linear-gradient(135deg,#050a13 0%,var(--bg) 50%,#030712 100%);
  color:var(--text);
}
.site-header.top-links,
.site-header{
  background:rgba(5,8,19,.92);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.card,
.calculator,
.hero-art{
  background:linear-gradient(180deg,rgba(16,31,53,.96),rgba(9,18,32,.96));
  border-color:rgba(125,211,252,.16);
  box-shadow:var(--shadow);
}
.tool-card:hover{
  border-color:rgba(125,211,252,.45);
  box-shadow:0 22px 56px rgba(0,0,0,.32),0 0 34px rgba(56,189,248,.07);
}
input,select,textarea,
.copybox,
.result-box{
  background:rgba(2,6,23,.55);
  border-color:var(--line);
  color:var(--text);
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(125,211,252,.78);
  box-shadow:0 0 0 4px rgba(56,189,248,.10);
}
.metric,
.risk-card,
.suggestion-box,
.feedback,
.quiz-figure-wrap,
.pill{
  background:rgba(2,6,23,.43);
  border-color:var(--line);
}
.tool-icon{
  background:linear-gradient(135deg,rgba(125,211,252,.14),rgba(56,189,248,.10));
  border-color:rgba(125,211,252,.22);
}
.btn.primary,button.primary,
.site-header.top-links .site-nav a.active{
  background:linear-gradient(135deg,#38bdf8,#8b5cf6);
  color:#03101f;
  border-color:transparent;
}
.site-header.top-links .site-nav a:hover,
.site-nav a:hover{
  background:rgba(125,211,252,.14);
}
.ad-slot,
.homepage-right-ad,
.anatomy-right-ad,
.side-panel-ad,
.score-panel-ad,
.result-panel-ad,
.precise-panel-ad,
.posttreatment-panel-ad,
.standalone-result-ad,
.true-output-ad-card,
.pirads-output-ad-card{
  border-color:rgba(125,211,252,.16) !important;
  background:rgba(255,255,255,.025) !important;
  color:#60708d !important;
}
.medical-disclaimer{
  border-color:rgba(245,158,11,.35);
  background:rgba(245,158,11,.08);
  color:#ffe8b6;
}

/* v33 PSA result layout: bigger result cards, gray Clear button under the copy action */
.psa-density-page .report-row{
  grid-template-columns:minmax(0,1fr) 118px;
}
.psa-density-page .report-actions{
  width:118px;
}
.psa-density-page .report-actions button{
  width:100%;
}
.psa-density-page .psa-result-row{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,1.55fr) 118px;
  gap:12px;
  align-items:stretch;
}
.psa-density-page .psa-result-row .metrics{
  display:contents;
}
.psa-density-page .metric,
.psa-density-page .risk-card,
.psa-density-page .clear-density-btn{
  min-height:94px;
}
.psa-density-page .metric{
  min-width:0;
  padding:16px 18px;
}
.psa-density-page .metric strong{
  font-size:28px;
  line-height:1.1;
  margin-top:4px;
}
.psa-density-page .risk-card{
  min-width:0;
  padding:16px 18px;
}
#clearBtn,
.psa-density-page .clear-density-btn{
  border-color:rgba(148,163,184,.22) !important;
  color:#eef2f7 !important;
  background:rgba(148,163,184,.10) !important;
  box-shadow:none !important;
}
#clearBtn:hover,
.psa-density-page .clear-density-btn:hover{
  background:rgba(148,163,184,.16) !important;
  border-color:rgba(203,213,225,.30) !important;
}
@media(max-width:760px){
  .psa-density-page .report-row{
    grid-template-columns:1fr;
  }
  .psa-density-page .report-actions{
    width:100%;
  }
  .psa-density-page .psa-result-row{
    grid-template-columns:1fr 1fr;
  }
  .psa-density-page .risk-card,
  .psa-density-page .clear-density-btn{
    grid-column:auto;
  }
}
@media(max-width:560px){
  .psa-density-page .psa-result-row{
    grid-template-columns:1fr;
  }
}


/* Monthly Quiz attention ring: CSS-only, negligible bandwidth */
.site-nav a.quiz-glow{
  position:relative;
  isolation:isolate;
  overflow:visible;
}
.site-nav a.quiz-glow::before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:999px;
  background:conic-gradient(from 0deg,#2dd4bf,#38bdf8,#8b5cf6,#ec4899,#2dd4bf);
  filter:blur(8px);
  opacity:.82;
  z-index:-2;
  animation:quizRingSpin 6s linear infinite, quizRingPulse 2.8s ease-in-out infinite;
}
.site-nav a.quiz-glow::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:999px;
  background:rgba(5,8,19,.96);
  z-index:-1;
}
.site-header.top-links .site-nav a.quiz-glow{
  border-color:rgba(255,255,255,.18);
  box-shadow:0 0 0 1px rgba(255,255,255,.05), 0 0 18px rgba(56,189,248,.18);
}
.site-header.top-links .site-nav a.quiz-glow:hover{
  text-decoration:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.07), 0 0 24px rgba(168,85,247,.25);
}
@keyframes quizRingSpin{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}
@keyframes quizRingPulse{
  0%,100%{opacity:.62; transform:scale(1);}
  50%{opacity:1; transform:scale(1.04);}
}
@media (prefers-reduced-motion: reduce){
  .site-nav a.quiz-glow::before{animation:none; opacity:.85;}
}


/* v35 Monthly Quiz orbit ring: targets every Monthly Quiz nav link, even if a page missed the class */
.site-nav a[href="monthly-quiz.html"],
.site-nav a.quiz-glow{
  position:relative;
  isolation:isolate;
  overflow:visible;
}
.site-nav a[href="monthly-quiz.html"]::before,
.site-nav a.quiz-glow::before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:999px;
  background:conic-gradient(from 0deg, transparent 0deg, transparent 205deg, #2dd4bf 238deg, #38bdf8 274deg, #8b5cf6 314deg, #ec4899 348deg, transparent 360deg);
  filter:blur(5px);
  opacity:.95;
  z-index:-2;
  animation:quizRingOrbit 3.8s linear infinite;
}
.site-nav a[href="monthly-quiz.html"]::after,
.site-nav a.quiz-glow::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:999px;
  background:rgba(5,8,19,.96);
  z-index:-1;
}
.site-header.top-links .site-nav a[href="monthly-quiz.html"],
.site-header.top-links .site-nav a.quiz-glow{
  border-color:rgba(255,255,255,.18);
  box-shadow:0 0 0 1px rgba(255,255,255,.05), 0 0 18px rgba(56,189,248,.2);
}
@keyframes quizRingOrbit{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}
@media (prefers-reduced-motion: reduce){
  .site-nav a[href="monthly-quiz.html"]::before,
  .site-nav a.quiz-glow::before{animation:none; opacity:.85;}
}

/* PI-QUAL Assistant */
.piqual-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start;margin-top:22px;}
.piqual-input-card h2,.piqual-output-card h2{margin-bottom:8px;}
.piqual-control-block{margin-top:18px;}
.piqual-toggle-row{display:flex;gap:10px;flex-wrap:wrap;}
.piqual-toggle-row button,.score-buttons button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:14px;padding:10px 12px;color:var(--text);font-weight:750;}
.piqual-toggle-row button.active,.score-buttons button.active{background:linear-gradient(135deg,rgba(45,212,191,.22),rgba(56,189,248,.18),rgba(139,92,246,.20));border-color:rgba(56,189,248,.58);box-shadow:0 0 0 2px rgba(56,189,248,.10),0 0 24px rgba(139,92,246,.14);}
.piqual-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;}
.piqual-sequence-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.04);}
.piqual-sequence-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.piqual-sequence-header h3{margin:0;}
.piqual-sequence-header span{border:1px solid rgba(56,189,248,.35);background:rgba(56,189,248,.10);color:#bfefff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850;}
.score-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.piqual-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;}
.piqual-check-grid label{display:flex;align-items:center;gap:8px;margin:0;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);font-size:13px;color:#dceaff;}
.piqual-check-grid input{width:auto;margin:0;accent-color:#38bdf8;}
.piqual-side{display:grid;gap:16px;}
.piqual-output-card{position:sticky;top:90px;}
.piqual-score-circle{width:112px;height:112px;border-radius:999px;display:grid;place-items:center;font-size:64px;font-weight:950;margin:2px 0 14px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.25),rgba(56,189,248,.14) 36%,rgba(139,92,246,.16) 100%);border:1px solid rgba(56,189,248,.45);box-shadow:0 0 40px rgba(56,189,248,.18);}
.piqual-score-circle.score-1{border-color:rgba(255,138,138,.55);box-shadow:0 0 40px rgba(255,138,138,.16);}
.piqual-score-circle.score-2{border-color:rgba(255,210,122,.55);box-shadow:0 0 40px rgba(255,210,122,.14);}
.piqual-score-circle.score-3{border-color:rgba(131,230,176,.58);box-shadow:0 0 40px rgba(45,212,191,.20);}
.piqual-report-box{margin-top:14px;background:#030712;color:#eaf3ff;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:13px;min-height:96px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;}
.piqual-button-row{justify-content:flex-start;}
#copyPiqualBtn{border-color:rgba(34,197,94,.34);color:#bbf7d0;background:rgba(34,197,94,.10);}
#clearPiqualBtn{border-color:rgba(148,163,184,.26);color:#dbe5f3;background:rgba(148,163,184,.10);}
.piqual-side-ad{min-height:220px;margin:0;}
.piqual-explainer{margin-top:18px;}
.piqual-explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px;}
.piqual-explainer-grid ul{padding-left:20px;margin:8px 0 0;}
.piqual-explainer-grid li{margin-bottom:8px;color:#dbe8ff;}
@media(max-width:980px){.piqual-layout{grid-template-columns:1fr}.piqual-output-card{position:static}.piqual-explainer-grid,.piqual-score-grid{grid-template-columns:1fr}.piqual-side-ad{min-height:90px}}
@media(max-width:560px){.piqual-check-grid,.score-buttons{grid-template-columns:1fr}.piqual-toggle-row button{width:100%;}.piqual-score-circle{width:92px;height:92px;font-size:52px}}


/* v35 extension: same orbit ring for standalone pages using .toplinks instead of .site-nav */
.toplinks a[href="monthly-quiz.html"],
.toplinks a.quiz-glow{position:relative;isolation:isolate;overflow:visible;}
.toplinks a[href="monthly-quiz.html"]::before,
.toplinks a.quiz-glow::before{
  content:"";position:absolute;inset:-4px;border-radius:999px;
  background:conic-gradient(from 0deg, transparent 0deg, transparent 205deg, #2dd4bf 238deg, #38bdf8 274deg, #8b5cf6 314deg, #ec4899 348deg, transparent 360deg);
  filter:blur(5px);opacity:.95;z-index:-2;animation:quizRingOrbit 3.8s linear infinite;
}
.toplinks a[href="monthly-quiz.html"]::after,
.toplinks a.quiz-glow::after{content:"";position:absolute;inset:1px;border-radius:999px;background:rgba(5,8,19,.96);z-index:-1;}
@media (prefers-reduced-motion: reduce){.toplinks a[href="monthly-quiz.html"]::before,.toplinks a.quiz-glow::before{animation:none;opacity:.85;}}


/* v36 revert Monthly Quiz nav button to standard styling everywhere */
.site-nav a[href="monthly-quiz.html"],
.toplinks a[href="monthly-quiz.html"]{
  position:relative;
  isolation:auto;
  overflow:visible;
}
.site-nav a[href="monthly-quiz.html"]::before,
.site-nav a[href="monthly-quiz.html"]::after,
.toplinks a[href="monthly-quiz.html"]::before,
.toplinks a[href="monthly-quiz.html"]::after{
  content:none !important;
  display:none !important;
}
.site-header.top-links .site-nav a[href="monthly-quiz.html"]{
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.07) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
}
.site-header.top-links .site-nav a[href="monthly-quiz.html"]:hover{
  background:rgba(122,183,255,.16) !important;
}

/* PI-QUAL detailed sequence rubric */
.piqual-rubric-note{
  margin-top:10px;
  color:#b9cceb;
  font-size:12px;
}
.piqual-rubric{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.piqual-rubric-row{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:10px;
  align-items:start;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(255,255,255,.03);
}
.piqual-rubric-row strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.22);
  background:rgba(56,189,248,.08);
  color:#eff7ff;
  font-size:12px;
}
.piqual-rubric-row span{
  color:#dbe8ff;
  font-size:13px;
  line-height:1.45;
}
.piqual-rubric-row span em{
  font-style:normal;
  color:#bfefff;
  font-weight:750;
}
.piqual-rubric-row.active{
  border-color:rgba(56,189,248,.5);
  background:linear-gradient(135deg,rgba(45,212,191,.12),rgba(56,189,248,.10),rgba(139,92,246,.10));
  box-shadow:0 0 0 2px rgba(56,189,248,.09),0 0 22px rgba(56,189,248,.08);
}
.piqual-rubric-row.active strong{
  border-color:rgba(45,212,191,.42);
  background:linear-gradient(135deg,rgba(45,212,191,.18),rgba(139,92,246,.20));
}
.piqual-dce-guide .piqual-rubric-row{
  grid-template-columns:72px 1fr;
}
.piqual-sequence-intro{
  margin:8px 0 0;
  color:#b7c9e3;
  font-size:12px;
}
@media(max-width:560px){
  .piqual-rubric-row,
  .piqual-dce-guide .piqual-rubric-row{
    grid-template-columns:1fr;
  }
  .piqual-rubric-row strong{
    width:max-content;
    padding:0 12px;
  }
}


/* v37 Monthly Quiz glow restored to v34 style across every page */
.site-nav a[href="monthly-quiz.html"],
.toplinks a[href="monthly-quiz.html"]{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
}
.site-nav a[href="monthly-quiz.html"]::before,
.toplinks a[href="monthly-quiz.html"]::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-3px !important;
  border-radius:999px !important;
  background:conic-gradient(from 0deg,#2dd4bf,#38bdf8,#8b5cf6,#ec4899,#2dd4bf) !important;
  filter:blur(8px) !important;
  opacity:.82 !important;
  z-index:-2 !important;
  animation:quizRingSpin 6s linear infinite, quizRingPulse 2.8s ease-in-out infinite !important;
  pointer-events:none !important;
}
.site-nav a[href="monthly-quiz.html"]::after,
.toplinks a[href="monthly-quiz.html"]::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:1px !important;
  border-radius:999px !important;
  background:rgba(5,8,19,.96) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}
.site-header.top-links .site-nav a[href="monthly-quiz.html"]{
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05), 0 0 18px rgba(56,189,248,.18) !important;
}
.site-header.top-links .site-nav a[href="monthly-quiz.html"]:hover{
  text-decoration:none !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.07), 0 0 24px rgba(168,85,247,.25) !important;
}
@media (prefers-reduced-motion: reduce){
  .site-nav a[href="monthly-quiz.html"]::before,
  .toplinks a[href="monthly-quiz.html"]::before{animation:none !important; opacity:.85 !important;}
}


/* v38 PI-QUAL rubric rows selectable */
.piqual-sequence-header{justify-content:flex-start;}
.piqual-rubric-row{cursor:pointer;transition:.16s ease;}
.piqual-rubric-row:hover{border-color:rgba(56,189,248,.32);background:rgba(255,255,255,.05);transform:translateY(-1px);}
.piqual-rubric-row.active:hover{background:linear-gradient(135deg,rgba(45,212,191,.12),rgba(56,189,248,.10),rgba(139,92,246,.10));}


/* v39 Monthly Quiz button: version 34 glow, applied consistently across every page */
.site-nav a[href="monthly-quiz.html"],
.site-nav a.quiz-glow,
.toplinks a[href="monthly-quiz.html"],
.toplinks a.quiz-glow{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
  color:#dceaff !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05), 0 0 18px rgba(56,189,248,.18) !important;
  text-decoration:none !important;
  z-index:0 !important;
}
.site-nav a[href="monthly-quiz.html"]::before,
.site-nav a.quiz-glow::before,
.toplinks a[href="monthly-quiz.html"]::before,
.toplinks a.quiz-glow::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-3px !important;
  border-radius:999px !important;
  background:conic-gradient(from 0deg,#2dd4bf,#38bdf8,#8b5cf6,#ec4899,#2dd4bf) !important;
  filter:blur(8px) !important;
  opacity:.82 !important;
  z-index:-2 !important;
  animation:quizRingSpin 6s linear infinite, quizRingPulse 2.8s ease-in-out infinite !important;
  pointer-events:none !important;
}
.site-nav a[href="monthly-quiz.html"]::after,
.site-nav a.quiz-glow::after,
.toplinks a[href="monthly-quiz.html"]::after,
.toplinks a.quiz-glow::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:1px !important;
  border-radius:999px !important;
  background:rgba(5,8,19,.96) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}
.site-nav a[href="monthly-quiz.html"]:hover,
.site-nav a.quiz-glow:hover,
.toplinks a[href="monthly-quiz.html"]:hover,
.toplinks a.quiz-glow:hover{
  background:rgba(255,255,255,.07) !important;
  color:#dceaff !important;
  text-decoration:none !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.07), 0 0 24px rgba(168,85,247,.25) !important;
}
@keyframes quizRingSpin{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}
@keyframes quizRingPulse{
  0%,100%{opacity:.62; transform:scale(1);}
  50%{opacity:1; transform:scale(1.04);}
}
@media (prefers-reduced-motion: reduce){
  .site-nav a[href="monthly-quiz.html"]::before,
  .site-nav a.quiz-glow::before,
  .toplinks a[href="monthly-quiz.html"]::before,
  .toplinks a.quiz-glow::before{animation:none !important; opacity:.85 !important;}
}

/* v54 homepage: simplified hero, top About block, larger app icons, and Siemens-style tool spotlight */
.home .subtitle{display:none!important;}
.hero.compact{margin-bottom:12px!important;}
.homepage-intro-layout{margin-top:10px!important;}
.tool-spotlight{position:relative;margin:26px 0 22px;border:1px solid rgba(94,234,212,.22);border-radius:30px;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(94,234,212,.20),transparent 34%),linear-gradient(135deg,rgba(9,22,38,.96),rgba(6,49,58,.92));box-shadow:var(--shadow);min-height:365px;}
.spotlight-slides{position:relative;min-height:365px;}
.spotlight-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:26px;align-items:center;padding:34px;opacity:0;pointer-events:none;transform:translateX(18px);transition:opacity .28s ease,transform .28s ease;color:var(--text);}
.spotlight-slide.active{opacity:1;pointer-events:auto;transform:translateX(0);}
.spotlight-slide:hover{text-decoration:none;}
.spotlight-copy{position:relative;z-index:2;}
.spotlight-icon{width:92px;height:92px;border-radius:26px;margin-bottom:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(94,234,212,.18),rgba(124,58,237,.20));border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px rgba(0,0,0,.28);overflow:hidden;font-size:48px;}
.spotlight-icon img{width:84%;height:84%;object-fit:contain;background:transparent;}
.spotlight-icon.emoji{font-size:52px;}
.spotlight-eyebrow{margin:0 0 8px;color:#5eead4;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:12px;}
.spotlight-copy h2{font-size:clamp(30px,4vw,52px);line-height:.98;margin:0 0 14px;letter-spacing:-.04em;}
.spotlight-copy p:not(.spotlight-eyebrow){font-size:17px;color:#cfe7ff;max-width:460px;margin:0 0 20px;}
.spotlight-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.08);font-weight:900;color:#e8f7ff;}
.spotlight-preview{min-height:285px;border-radius:26px;padding:18px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 70px rgba(0,0,0,.34);}
.mock-window{height:100%;min-height:252px;border-radius:22px;background:linear-gradient(180deg,rgba(5,8,19,.95),rgba(9,18,34,.96));border:1px solid rgba(255,255,255,.12);padding:16px;position:relative;overflow:hidden;}
.mock-titlebar{height:18px;border-radius:999px;background:linear-gradient(90deg,rgba(94,234,212,.85) 0 16%,rgba(122,183,255,.44) 16% 50%,rgba(255,255,255,.08) 50% 100%);margin-bottom:18px;}
.mock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.mock-grid span,.mock-result,.mock-lines i,.mock-pill-row i,.mock-split b{display:block;border-radius:14px;background:rgba(122,183,255,.13);border:1px solid rgba(255,255,255,.10);}
.mock-grid span{height:58px;}
.mock-grid.tiny span{height:42px;}
.mock-result{height:82px;margin-top:16px;background:linear-gradient(135deg,rgba(94,234,212,.16),rgba(122,183,255,.10));}
.mock-result.wide{height:96px;}
.mock-pill-row{display:flex;gap:10px;margin-top:14px;}
.mock-pill-row i{height:34px;flex:1;border-radius:999px;}
.mock-prostate{display:grid;place-items:center;margin:4px auto 12px;width:74%;max-width:330px;}
.mock-prostate img{width:100%;height:auto;filter:drop-shadow(0 16px 18px rgba(0,0,0,.34));}
.mock-prostate.large{width:84%;max-width:390px;}
.mock-lines{display:grid;gap:10px;margin-top:16px;}
.mock-lines i{height:20px;}
.mock-lines i:nth-child(2){width:82%;}.mock-lines i:nth-child(3){width:64%;}
.mock-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;}
.mock-split b{height:130px;background:radial-gradient(circle at 65% 35%,rgba(94,234,212,.26),rgba(122,183,255,.10));}
.mock-timeline{display:flex;align-items:center;justify-content:space-between;margin:52px 10px 34px;position:relative;}
.mock-timeline:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:linear-gradient(90deg,#5eead4,#7ab7ff);}
.mock-timeline i{position:relative;z-index:1;width:42px;height:42px;border-radius:999px;background:#07111f;border:4px solid #5eead4;}
.mock-check,.mock-question{display:grid;place-items:center;margin:34px auto 22px;width:132px;height:132px;border-radius:38px;background:radial-gradient(circle,rgba(94,234,212,.34),rgba(94,234,212,.08));border:1px solid rgba(94,234,212,.32);font-size:92px;font-weight:950;color:#bffdf4;line-height:1;}
.mock-question{font-size:96px;color:#fff1a8;background:radial-gradient(circle,rgba(251,191,36,.34),rgba(94,234,212,.10));}
.spotlight-controls{position:absolute;left:34px;right:34px;bottom:18px;display:flex;align-items:center;gap:14px;z-index:4;}
.spotlight-controls button{width:42px;height:42px;border-radius:999px;padding:0;display:grid;place-items:center;background:rgba(255,255,255,.08);}
.spotlight-dots{display:flex;gap:8px;align-items:center;}
.spotlight-dots button{width:10px;height:10px;border-radius:999px;padding:0;background:rgba(255,255,255,.25);border:0;}
.spotlight-dots button.active{width:30px;background:#5eead4;}
.card-grid .tool-icon{width:78px!important;height:78px!important;border-radius:22px!important;font-size:40px!important;}
.card-grid .tool-icon img{width:100%;height:100%;object-fit:contain;}
.card-grid .tool-card{min-height:216px!important;}
.card-grid .tool-card h3{font-size:21px;}
@media(max-width:920px){.spotlight-slide{grid-template-columns:1fr;position:relative;display:none;gap:18px;padding:24px}.spotlight-slide.active{display:grid}.spotlight-slides{min-height:auto}.tool-spotlight{min-height:0}.spotlight-preview{min-height:220px}.spotlight-controls{position:static;padding:0 24px 20px}.homepage-intro-layout{grid-template-columns:1fr!important}.homepage-right-ad{height:90px!important;min-height:90px!important}.card-grid .tool-icon{width:68px!important;height:68px!important}}
@media(max-width:560px){.spotlight-copy h2{font-size:30px}.spotlight-icon{width:76px;height:76px}.spotlight-preview{padding:12px}.mock-window{min-height:210px}.tool-spotlight{border-radius:24px}.card-grid .tool-icon{width:62px!important;height:62px!important}.card-grid .tool-card{min-height:190px!important}}

/* v55 homepage: remove rotating spotlight, add lightweight CSS prostate loop, icon-forward tool cards */
.home .hero.compact{margin-bottom:12px!important;}
.home .homepage-intro-layout{margin-top:10px!important;align-items:stretch!important;}
.home .homepage-about{min-height:0!important;}
.home .homepage-bottom-disclaimer{margin:26px auto 0!important;}

.home-prostate-loop{
  position:relative;
  overflow:hidden;
  min-height:360px;
  margin:26px 0 22px;
  border:1px solid rgba(94,234,212,.22);
  border-radius:30px;
  background:
    radial-gradient(circle at 48% 36%,rgba(94,234,212,.28),transparent 36%),
    radial-gradient(circle at 72% 18%,rgba(124,58,237,.18),transparent 34%),
    linear-gradient(135deg,rgba(9,22,38,.96),rgba(3,49,60,.92));
  box-shadow:var(--shadow);
  display:grid;
  place-items:center;
  padding:34px;
}
.home-prostate-loop:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:48%;
  background:linear-gradient(to bottom,rgba(5,8,19,0),rgba(5,8,19,.62) 60%,rgba(5,8,19,.92));
  pointer-events:none;
  z-index:2;
}
.home-prostate-orb{
  position:absolute;
  inset:18px;
  display:grid;
  place-items:center;
  opacity:.70;
  z-index:1;
  animation:homeProstateDrift 11s ease-in-out infinite;
}
.home-prostate-orb img{
  width:min(560px,78vw);
  max-height:330px;
  object-fit:contain;
  filter:drop-shadow(0 28px 44px rgba(0,0,0,.42));
  animation:homeProstatePulse 7s ease-in-out infinite;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.18) 92%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.18) 92%,transparent 100%);
}
.home-prostate-copy{
  position:relative;
  z-index:3;
  max-width:780px;
  text-align:center;
  padding:112px 18px 12px;
}
.home-prostate-copy h2{font-size:clamp(30px,4.5vw,54px);line-height:.98;margin:0 0 14px;letter-spacing:-.04em;}
.home-prostate-copy p:not(.kicker){max-width:720px;margin:0 auto;color:#d6e7ff;font-size:17px;}
@keyframes homeProstateDrift{
  0%,100%{transform:translate3d(0,0,0) rotate(-1.2deg) scale(1);}
  50%{transform:translate3d(0,-10px,0) rotate(1.2deg) scale(1.025);}
}
@keyframes homeProstatePulse{
  0%,100%{opacity:.82;filter:drop-shadow(0 28px 44px rgba(0,0,0,.42));}
  50%{opacity:1;filter:drop-shadow(0 34px 54px rgba(45,212,191,.25));}
}

.home .card-grid{gap:18px!important;margin-top:24px!important;}
.home .tool-card{
  position:relative;
  overflow:hidden;
  min-height:265px!important;
  justify-content:flex-end!important;
  padding:22px!important;
  background:
    linear-gradient(to bottom,rgba(12,30,45,.88),rgba(5,8,19,.98)),
    linear-gradient(135deg,rgba(94,234,212,.10),rgba(124,58,237,.08));
}
.home .tool-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(5,8,19,0) 28%,rgba(5,8,19,.54) 64%,rgba(5,8,19,.92) 100%);
  pointer-events:none;
  z-index:2;
}
.home .tool-card .tool-icon{
  position:absolute;
  z-index:1;
  left:50%;
  top:14px;
  transform:translateX(-50%);
  width:190px!important;
  height:190px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:.48;
  font-size:128px!important;
  margin:0!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.24) 86%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.24) 86%,transparent 100%);
}
.home .tool-card .tool-icon img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 18px 26px rgba(0,0,0,.32));}
.home .tool-card h3,
.home .tool-card p,
.home .tool-card strong{position:relative;z-index:3;}
.home .tool-card h3{font-size:22px!important;margin-top:120px!important;}
.home .tool-card p{color:#c8d9f4!important;}
.home .tool-card strong{margin-top:12px;}
.home .tool-card:hover .tool-icon{opacity:.68;}

@media(max-width:920px){
  .home-prostate-loop{min-height:320px;padding:24px;border-radius:24px;}
  .home-prostate-copy{padding-top:100px;}
  .home .tool-card{min-height:235px!important;}
  .home .tool-card .tool-icon{width:160px!important;height:160px!important;font-size:108px!important;}
  .home .tool-card h3{margin-top:100px!important;}
}
@media(max-width:560px){
  .home-prostate-loop{min-height:290px;padding:20px;}
  .home-prostate-copy{padding-top:88px;}
  .home-prostate-copy h2{font-size:30px;}
  .home .tool-card{min-height:220px!important;}
  .home .tool-card .tool-icon{width:145px!important;height:145px!important;font-size:96px!important;}
}
@media (prefers-reduced-motion: reduce){
  .home-prostate-orb,.home-prostate-orb img{animation:none!important;}
}


/* v56 homepage order/refinement: top animated prostate, tools, then compact About section */
.home .homepage-intro-layout{margin-top:28px!important;align-items:start!important;}
.home .homepage-intro-content{display:block!important;align-self:start!important;}
.home .homepage-about{height:auto!important;min-height:0!important;padding:24px 28px!important;}
.home .homepage-about p{line-height:1.65!important;margin-bottom:12px!important;}
.home .homepage-right-ad{height:360px!important;min-height:280px!important;}
.home .home-prostate-loop{margin-top:8px!important;}
.home .card-grid{margin-top:22px!important;}
@media(max-width:920px){.home .homepage-right-ad{height:90px!important;min-height:90px!important;}.home .homepage-about{padding:20px!important;}}


/* v59 homepage video banner */
.home-prostate-loop{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.95fr);
  gap:26px;
  align-items:center;
  margin:10px 0 22px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(7,22,32,.92),rgba(6,14,36,.94));
  box-shadow:var(--shadow);
  overflow:hidden;
}
.home-prostate-media{
  position:relative;
  min-width:0;
}
.home-prostate-video{
  width:100%;
  aspect-ratio:2048/698;
  object-fit:cover;
  border-radius:22px;
  background:#000;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 48px rgba(0,0,0,.28);
}
.home-prostate-copy{
  position:relative;
  z-index:1;
  padding-right:6px;
}
.home-prostate-copy h2{
  margin:0 0 12px;
  font-size:clamp(26px,3.6vw,42px);
}
.home-prostate-copy p{
  margin:0;
  color:#dbe8ff;
  font-size:17px;
  line-height:1.7;
  max-width:34ch;
}
@media(max-width:920px){
  .home-prostate-loop{grid-template-columns:1fr; padding:18px;}
  .home-prostate-copy p{max-width:none;}
}


/* v60 homepage banner full-width video with right-side overlay text */
.home-prostate-loop{
  position:relative !important;
  display:block !important;
  min-height:390px !important;
  margin:10px 0 22px !important;
  padding:22px !important;
  border:1px solid rgba(94,234,212,.18) !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,rgba(7,22,32,.92),rgba(6,14,36,.94)) !important;
  overflow:hidden !important;
}
.home-prostate-loop::before{
  content:"";
  position:absolute;
  inset:22px;
  border-radius:22px;
  background:linear-gradient(90deg, rgba(2,10,18,.08) 0%, rgba(2,10,18,0) 26%, rgba(2,10,18,.28) 62%, rgba(2,10,18,.78) 100%);
  pointer-events:none;
  z-index:2;
}
.home-prostate-media{
  position:absolute !important;
  inset:22px !important;
  z-index:1 !important;
}
.home-prostate-video{
  width:100% !important;
  height:100% !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:22px !important;
  border:0 !important;
  box-shadow:0 20px 48px rgba(0,0,0,.28) !important;
  background:#000 !important;
}
.home-prostate-copy{
  position:absolute !important;
  right:56px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:3 !important;
  width:min(38%, 420px) !important;
  padding:0 !important;
  text-align:left !important;
}
.home-prostate-copy h2{
  margin:0 0 14px !important;
  font-size:clamp(34px,4.4vw,56px) !important;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
  text-shadow:0 8px 28px rgba(0,0,0,.30);
}
.home-prostate-copy p{
  margin:0 !important;
  max-width:34ch !important;
  color:#dce8ff !important;
  font-size:18px !important;
  line-height:1.65 !important;
  text-shadow:0 6px 24px rgba(0,0,0,.26);
}
@media(max-width:920px){
  .home-prostate-loop{min-height:auto !important; padding:18px !important; display:grid !important; grid-template-columns:1fr !important; gap:18px !important;}
  .home-prostate-loop::before{inset:18px; background:linear-gradient(to bottom, rgba(2,10,18,.06), rgba(2,10,18,.38));}
  .home-prostate-media{position:relative !important; inset:auto !important;}
  .home-prostate-video{height:auto !important; aspect-ratio:2048/698 !important;}
  .home-prostate-copy{position:relative !important; right:auto !important; top:auto !important; transform:none !important; width:auto !important; padding:0 4px 2px !important; text-align:left !important;}
  .home-prostate-copy h2{font-size:clamp(28px,7vw,40px) !important;}
  .home-prostate-copy p{max-width:none !important; font-size:16px !important;}
}


/* v61 tighten quiz feedback and let homepage banner copy fill more of the right side */
.home-prostate-copy{
  right:34px !important;
  width:min(46%, 560px) !important;
}
.home-prostate-copy h2{
  max-width:none !important;
  font-size:clamp(38px,4.8vw,64px) !important;
}
.home-prostate-copy p{
  max-width:40ch !important;
  font-size:19px !important;
}
@media(max-width:920px){
  .home-prostate-copy{
    width:auto !important;
    right:auto !important;
  }
  .home-prostate-copy p{
    max-width:none !important;
    font-size:16px !important;
  }
}


/* v62 tighten banner gap so overlay text fills more of the empty space */
.home-prostate-copy{
  left:44% !important;
  right:34px !important;
  width:auto !important;
}
.home-prostate-copy h2{
  font-size:clamp(36px,4.5vw,60px) !important;
  max-width:none !important;
}
.home-prostate-copy p{
  max-width:none !important;
  width:100% !important;
  font-size:21px !important;
  line-height:1.55 !important;
}
@media(max-width:1200px){
  .home-prostate-copy{
    left:43% !important;
    right:28px !important;
  }
}
@media(max-width:920px){
  .home-prostate-copy{
    left:auto !important;
    right:auto !important;
    width:auto !important;
  }
}


.anatomy-intro-simple{grid-template-columns:1fr;}
.anatomy-media-card{margin:0;padding:18px;}
.anatomy-media-card img{width:100%;height:auto;border-radius:18px;background:transparent;}
.anatomy-media-card figcaption{margin-top:12px;font-size:15px;line-height:1.45;color:var(--muted);}
.anatomy-span-two{grid-column:1 / -1;}
.anatomy-pirads-layout{display:grid;grid-template-columns:minmax(0,560px) 1fr;gap:22px;align-items:center;}
.anatomy-pirads-note h3{margin:0 0 10px;}
.anatomy-pirads-note p{margin:0;color:var(--muted);font-size:16px;line-height:1.6;}
@media(max-width:920px){.anatomy-intro-simple,.anatomy-pirads-layout{grid-template-columns:1fr;}}


.anatomy-lightbox-trigger{display:block;cursor:zoom-in;}
.anatomy-lightbox{position:fixed;inset:0;z-index:999;display:none;place-items:center;padding:22px;background:rgba(0,0,0,.9);}
.anatomy-lightbox:target{display:grid;}
.anatomy-lightbox-bg{position:absolute;inset:0;cursor:zoom-out;}
.anatomy-lightbox figure{position:relative;z-index:1;margin:0;width:min(96vw,1500px);max-height:94vh;display:grid;gap:10px;}
.anatomy-lightbox img{width:100%;max-height:86vh;object-fit:contain;border-radius:18px;background:#000;box-shadow:0 24px 90px rgba(0,0,0,.75);}
.anatomy-lightbox figcaption{text-align:center;color:#dceaff;font-weight:800;}
.anatomy-lightbox-close{position:absolute;right:12px;top:12px;z-index:2;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:rgba(5,8,19,.82);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:28px;line-height:1;text-decoration:none;}
.anatomy-lightbox-close:hover{text-decoration:none;background:rgba(122,183,255,.24);}


.site-nav a.quiz-glow.active,
.site-nav a[href="monthly-quiz.html"].active,
.toplinks a.quiz-glow.active,
.toplinks a[href="monthly-quiz.html"].active{
  background:linear-gradient(135deg,#2c84ff,#8b5cf6) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 0 24px rgba(139,92,246,.28) !important;
}
.site-nav a.quiz-glow.active::after,
.site-nav a[href="monthly-quiz.html"].active::after,
.toplinks a.quiz-glow.active::after,
.toplinks a[href="monthly-quiz.html"].active::after{
  background:transparent !important;
}

/* v77 PSA Density educational article + AdSense-ready content blocks */
.psa-education-section{
  margin-top:28px;
}
.psa-article-layout{
  display:grid;
  grid-template-columns:minmax(220px,280px) minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.psa-key-card{
  position:sticky;
  top:96px;
  border:1px solid rgba(56,214,201,.28);
  border-left:4px solid var(--accent2);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(56,214,201,.16),rgba(139,92,246,.10));
  box-shadow:0 18px 46px rgba(0,0,0,.22);
  padding:20px;
  color:#eaf7ff;
}
.psa-key-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0 0 12px;
  color:#8ff3e9;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.psa-key-card p{
  margin:0 0 12px;
  color:#dcecff;
  line-height:1.65;
  font-size:15px;
}
.psa-key-card p:last-child{margin-bottom:0;}
.psa-article-card{
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(13,20,35,.92),rgba(7,11,20,.94));
  box-shadow:var(--shadow);
  padding:30px;
  overflow:hidden;
}
.psa-article-card .article-eyebrow{
  color:var(--accent2);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin-bottom:10px;
}
.psa-article-card h2{
  margin-bottom:14px;
}
.psa-article-card h3{
  margin:28px 0 10px;
  color:#f3f8ff;
}
.psa-article-card p{
  color:#d7e5fb;
  line-height:1.78;
  margin:0 0 15px;
  font-size:16px;
}
.psa-article-card .article-lead{
  color:#eaf4ff;
  font-size:18px;
  line-height:1.7;
}
.article-callout{
  border:1px solid rgba(122,183,255,.25);
  border-radius:18px;
  background:rgba(122,183,255,.09);
  color:#eaf4ff;
  padding:16px 18px;
  line-height:1.65;
  margin:18px 0 4px;
}
.article-inline-ad,
.article-bottom-ad{
  border:1px dashed rgba(255,255,255,.18);
  border-radius:18px;
  min-height:96px;
  margin:24px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#60708d;
  background:rgba(255,255,255,.026);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.article-ad-top{
  margin-top:22px;
}
.article-side-by-side{
  display:grid;
  grid-template-columns:minmax(0,1fr) 160px;
  gap:20px;
  align-items:stretch;
  margin-top:2px;
}
.article-side-ad{
  min-height:260px;
  margin:28px 0 0;
}
.psa-range-table-wrap{
  overflow:auto;
  border:1px solid var(--line);
  border-radius:18px;
  margin:14px 0 6px;
}
.psa-range-table{
  width:100%;
  border-collapse:collapse;
  min-width:620px;
  background:rgba(255,255,255,.025);
}
.psa-range-table th,
.psa-range-table td{
  padding:13px 14px;
  border-bottom:1px solid rgba(255,255,255,.10);
  text-align:left;
  vertical-align:top;
}
.psa-range-table th{
  color:#f3f8ff;
  background:rgba(122,183,255,.10);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.psa-range-table td:first-child{
  white-space:nowrap;
  color:#c8f7ee;
  font-weight:850;
}
.psa-range-table tr:last-child td{border-bottom:0;}
.article-references{
  padding-left:22px;
  margin:12px 0 0;
  color:#d7e5fb;
}
.article-references li{
  margin:0 0 10px;
  line-height:1.55;
}
@media(max-width:920px){
  .psa-article-layout{
    grid-template-columns:1fr;
  }
  .psa-key-card{
    position:static;
  }
  .article-side-by-side{
    grid-template-columns:1fr;
  }
  .article-side-ad{
    min-height:96px;
    margin:6px 0 22px;
  }
}
@media(max-width:560px){
  .psa-article-card{
    padding:22px;
  }
  .psa-key-card{
    padding:18px;
  }
}

/* Educational article cross-links and long-form article list styling */
.article-key-list,
.psa-article-card ul{
  margin:0 0 16px 22px;
  padding:0;
  color:#d7e5fb;
  line-height:1.65;
}
.article-key-list{
  margin-left:18px;
  font-size:14px;
}
.article-key-list li,
.psa-article-card li{
  margin:0 0 10px;
}
.education-link-card{
  margin-bottom:18px;
}
.article-hub-list{
  margin:12px 0 0 22px;
  padding:0;
}
.article-hub-list li{
  margin:0 0 10px;
  line-height:1.55;
}


/* v87 PRECISE article + clearer References & More cards */
.article-page .title-icon{
  filter:drop-shadow(0 12px 30px rgba(56,189,248,.18));
}
.precise-article-page .hero.compact{
  margin-bottom:24px;
}
.precise-key-card{
  border-color:rgba(125,211,252,.32);
  border-left-color:#7dd3fc;
  background:linear-gradient(180deg,rgba(125,211,252,.15),rgba(139,92,246,.11));
}
.precise-article-card .article-callout{
  margin-top:18px;
}
.article-mini-actions{
  margin-top:16px;
}
.article-mini-actions .btn{
  width:100%;
  justify-content:center;
  text-align:center;
}
.precise-score-table td:first-child{
  color:#c8f7ee;
  font-weight:900;
}
.references-section-card{
  padding:24px;
  background:linear-gradient(180deg,rgba(13,20,35,.95),rgba(7,11,20,.96));
  border-color:rgba(122,183,255,.18);
}
.references-section-card + .references-section-card{
  margin-top:20px;
}
.section-heading-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.section-heading-row h2{
  margin:0 0 6px;
}
.article-hub-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.article-hub-card{
  display:block;
  border:1px solid rgba(122,183,255,.16);
  border-radius:20px;
  padding:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:0 12px 28px rgba(0,0,0,.16);
  color:#dceaff;
  min-height:142px;
}
.article-hub-card:hover{
  text-decoration:none;
  border-color:rgba(122,183,255,.38);
  background:linear-gradient(180deg,rgba(122,183,255,.10),rgba(255,255,255,.035));
  transform:translateY(-1px);
}
.article-hub-card strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.2;
  margin:8px 0 8px;
}
.article-hub-card span:last-child{
  color:var(--muted);
  line-height:1.5;
}
.article-chip{
  display:inline-flex;
  width:auto;
  color:#8ff3e9 !important;
  background:rgba(56,214,201,.10);
  border:1px solid rgba(56,214,201,.22);
  border-radius:999px;
  padding:5px 8px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.references-core-card .ref-list{
  margin-top:0;
  padding-left:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.references-core-card .ref-list li{
  margin:0;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  line-height:1.55;
}
@media(max-width:760px){
  .article-hub-cards{
    grid-template-columns:1fr;
  }
  .section-heading-row{
    display:block;
  }
}

.psa-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;margin-bottom:20px}.psa-related-card{border:1px solid rgba(56,189,248,.18);border-radius:16px;background:rgba(255,255,255,.035);padding:14px;color:#d7e5fb}.psa-related-card strong{display:block;color:#f3f8ff;margin-bottom:4px}.psa-related-card:hover{text-decoration:none;border-color:rgba(56,189,248,.42);background:rgba(56,189,248,.07)}@media(max-width:920px){.psa-related-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.psa-related-grid{grid-template-columns:1fr}}


/* Site Search */
.search-card{padding:20px 22px 22px;}
.search-label{margin:0 0 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);}
.search-input-row{
  display:flex;align-items:center;gap:10px;
  background:rgba(2,6,23,.55);
  border:1px solid var(--line);
  border-radius:14px;
  padding:0 14px;
  transition:.14s ease;
}
.search-input-row:focus-within{
  border-color:rgba(125,211,252,.78);
  box-shadow:0 0 0 4px rgba(56,189,248,.10);
}
.search-icon{color:var(--muted);flex-shrink:0;display:block;}
.search-input{
  flex:1!important;
  width:auto!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  padding:13px 0!important;
  font-size:16px!important;
  color:var(--text)!important;
  outline:none!important;
  box-shadow:none!important;
  -webkit-appearance:none;
}
.search-input:focus{border:none!important;box-shadow:none!important;}
.search-input::-webkit-search-cancel-button{-webkit-appearance:auto;}
.search-results{margin-top:16px;}
.search-state{
  color:var(--muted);font-size:14px;text-align:center;padding:14px 0 6px;margin:0;
}
.search-no-results{color:#ffd27a;}
.search-result-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.search-result-card{
  display:flex;flex-direction:column;
  border:1px solid rgba(122,183,255,.16);
  border-radius:18px;
  padding:14px 16px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  color:#dceaff;
  transition:.14s ease;
  text-decoration:none!important;
}
.search-result-card:hover{
  border-color:rgba(122,183,255,.42);
  background:linear-gradient(180deg,rgba(122,183,255,.10),rgba(255,255,255,.035));
  transform:translateY(-1px);
  text-decoration:none!important;
}
.search-result-tag{
  display:inline-flex;align-items:center;
  border-radius:999px;
  padding:4px 8px;
  font-size:10px;font-weight:900;letter-spacing:.10em;text-transform:uppercase;
  margin-bottom:7px;
  width:fit-content;
}
.search-tag-tool   {color:#8ff3e9;background:rgba(56,214,201,.10);border:1px solid rgba(56,214,201,.24);}
.search-tag-article{color:#c4b5fd;background:rgba(139,92,246,.10);border:1px solid rgba(139,92,246,.24);}
.search-tag-guide  {color:#7ab7ff;background:rgba(122,183,255,.10);border:1px solid rgba(122,183,255,.24);}
.search-tag-quiz   {color:#ffd27a;background:rgba(255,210,122,.10);border:1px solid rgba(255,210,122,.24);}
.search-tag-page   {color:#9fb1c7;background:rgba(159,177,199,.08);border:1px solid rgba(159,177,199,.20);}
.search-result-title{display:block;color:#fff;font-size:17px;line-height:1.22;margin-bottom:6px;font-weight:800;}
.search-result-desc{flex:1;color:var(--muted);font-size:13px;line-height:1.5;}
.search-result-link{display:block;color:var(--accent);font-size:13px;font-weight:700;margin-top:9px;}
@media(max-width:640px){.search-result-grid{grid-template-columns:1fr;}}
@media(max-width:480px){.search-card{padding:16px;}.search-input{font-size:15px!important;}}


/* Article byline / metadata footer */
.article-byline{
  margin-top:22px;
  padding:14px 16px;
  border:1px solid rgba(125,211,252,.18);
  border-left:3px solid rgba(125,211,252,.45);
  border-radius:16px;
  background:rgba(125,211,252,.04);
  color:#b8cfe8;
  font-size:13px;
  line-height:1.6;
}
.article-byline-label{
  display:block;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--accent);
  margin-bottom:6px;
}
.article-byline-body{
  display:block;
  color:#b8cfe8;
}
.article-byline-date{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
}