/* Shared tool and guide detail treatment. */
main.navaro-tool-refresh { --tool-art:url('../images/generated-detail-library-research.webp'); --glass-bg:rgba(255,255,255,.86); --glass-border:rgba(31,29,27,.16); --glass-ink:#202020; --glass-soft:#4d4d4d; background:#f1f0ed; color:#202020; }
main.navaro-tool-refresh > .section.tight:first-child { position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; min-height:300px; padding:64px 0!important; background:#161616!important; border:0; }
main.navaro-tool-refresh > .section.tight:first-child::before { content:''; position:absolute; inset:0; z-index:-2; background:var(--tool-art) center/cover no-repeat; }
main.navaro-tool-refresh > .section.tight:first-child::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(10,10,10,.93) 0%,rgba(10,10,10,.76) 48%,rgba(10,10,10,.28) 100%); }
main.navaro-tool-refresh > .section.tight:first-child .container { max-width:1120px!important; width:100%; text-align:left!important; }
main.navaro-tool-refresh > .section.tight:first-child h1,
main.navaro-tool-refresh > .section.tight:first-child .lede,
main.navaro-tool-refresh > .section.tight:first-child .eyebrow { text-align:left!important; margin-left:0!important; margin-right:0!important; color:#fff!important; text-shadow:none!important; }
main.navaro-tool-refresh > .section.tight:first-child h1 { max-width:18ch; font-size:clamp(2.5rem,5.5vw,4.5rem)!important; line-height:1.08; overflow-wrap:anywhere; }
main.navaro-tool-refresh > .section.tight:first-child .lede { max-width:52ch; color:#f0f0f0!important; }
main.navaro-tool-refresh > .section.tight:nth-child(2) { background:radial-gradient(ellipse at 88% 0%,rgba(149,34,55,.12),transparent 35%),#f1f0ed; }
main.navaro-tool-refresh > .section.tight:nth-child(2) .container::before { content:none!important; display:none!important; }
main.navaro-tool-refresh .grid-2 { background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; }
main.navaro-tool-refresh .card, main.navaro-tool-refresh .result-panel,
main.navaro-tool-refresh .upload-panel, main.navaro-tool-refresh .risk-result-card,
main.navaro-tool-refresh .risk-profile-card { background:var(--glass-bg)!important; color:var(--glass-ink)!important; border:1px solid var(--glass-border)!important; border-radius:14px!important; box-shadow:0 14px 36px rgba(20,20,20,.09)!important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
main.navaro-tool-refresh .card h2,main.navaro-tool-refresh .card h3,main.navaro-tool-refresh .card h4,
main.navaro-tool-refresh .card label,main.navaro-tool-refresh .result-panel h3 { color:var(--glass-ink)!important; }
main.navaro-tool-refresh .card p,main.navaro-tool-refresh .card .muted { color:var(--glass-soft); }
main.navaro-tool-refresh .card h3::before,main.navaro-tool-refresh .result-panel h3::before { display:none!important; }
main.navaro-tool-refresh input,main.navaro-tool-refresh select,main.navaro-tool-refresh textarea { background:#fff!important; color:#202020!important; border:1px solid #999!important; }
main.navaro-tool-refresh input::placeholder,main.navaro-tool-refresh textarea::placeholder { color:#555!important; opacity:1; }
main.navaro-tool-refresh input:focus-visible,main.navaro-tool-refresh select:focus-visible,main.navaro-tool-refresh textarea:focus-visible,main.navaro-tool-refresh button:focus-visible,main.navaro-tool-refresh a:focus-visible { outline:2px solid #a93147; outline-offset:3px; }
main.navaro-tool-refresh .table-wrap { max-width:100%; overflow-x:auto; background:transparent!important; box-shadow:none!important; }
main.navaro-tool-refresh .card:focus-within { border-color:rgba(158,46,65,.6)!important; box-shadow:0 14px 36px rgba(20,20,20,.12)!important; }
:root[data-theme="dark"] main.navaro-tool-refresh { --glass-bg:rgba(35,35,35,.88); --glass-border:rgba(255,255,255,.2); --glass-ink:#f7f7f7; --glass-soft:#dedede; background:#121212; color:#f7f7f7; }
:root[data-theme="dark"] main.navaro-tool-refresh > .section.tight:nth-child(2) { background:radial-gradient(ellipse at 88% 0%,rgba(134,30,48,.25),transparent 38%),#121212; }
:root[data-theme="dark"] main.navaro-tool-refresh input,:root[data-theme="dark"] main.navaro-tool-refresh select,:root[data-theme="dark"] main.navaro-tool-refresh textarea { background:#171717!important; color:#fff!important; border-color:#929292!important; }
:root[data-theme="dark"] main.navaro-tool-refresh input::placeholder,:root[data-theme="dark"] main.navaro-tool-refresh textarea::placeholder { color:#c9c9c9!important; }
@media(hover:hover) and (prefers-reduced-motion:no-preference){ main.navaro-tool-refresh .card,main.navaro-tool-refresh .result-panel { transition:border-color 180ms ease-out,box-shadow 180ms ease-out; } main.navaro-tool-refresh .card:hover { border-color:rgba(158,46,65,.55)!important; box-shadow:0 18px 42px rgba(20,20,20,.15)!important; } }
@keyframes navaro-tool-intro { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:no-preference){main.navaro-tool-refresh > .section.tight:first-child .container { animation:navaro-tool-intro 420ms ease-out both; }}
@media(prefers-reduced-motion:reduce){main.navaro-tool-refresh *,main.navaro-tool-refresh *::before,main.navaro-tool-refresh *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){ main.navaro-tool-refresh > .section.tight:first-child { min-height:230px; padding:42px 0!important; } main.navaro-tool-refresh > .section.tight:first-child h1 { font-size:clamp(2rem,8vw,3.1rem)!important; } main.navaro-tool-refresh > .section.tight:first-child::after { background:linear-gradient(90deg,rgba(10,10,10,.94),rgba(10,10,10,.68)); } main.navaro-tool-refresh .card,main.navaro-tool-refresh .result-panel { border-radius:10px!important; } }

/* The image continues behind the working area, where the panels can reveal it. */
main.navaro-tool-refresh > .section.tight:nth-child(2) {
  position:relative; isolation:isolate;
  background:linear-gradient(115deg,rgba(242,240,237,.78),rgba(242,240,237,.45)),var(--tool-art) center top / cover no-repeat!important;
}
main.navaro-tool-refresh .card,main.navaro-tool-refresh .result-panel,
main.navaro-tool-refresh .upload-panel,main.navaro-tool-refresh .risk-result-card,
main.navaro-tool-refresh .risk-profile-card {
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.68))!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 18px 48px rgba(30,24,25,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(24px) saturate(120%); -webkit-backdrop-filter:blur(24px) saturate(120%);
}
:root[data-theme="dark"] main.navaro-tool-refresh > .section.tight:nth-child(2) {
  background:linear-gradient(115deg,rgba(12,12,14,.68),rgba(43,15,23,.48)),var(--tool-art) center top / cover no-repeat!important;
}
:root[data-theme="dark"] main.navaro-tool-refresh .card,
:root[data-theme="dark"] main.navaro-tool-refresh .result-panel,
:root[data-theme="dark"] main.navaro-tool-refresh .upload-panel,
:root[data-theme="dark"] main.navaro-tool-refresh .risk-result-card,
:root[data-theme="dark"] main.navaro-tool-refresh .risk-profile-card {
  background:linear-gradient(145deg,rgba(33,30,32,.88),rgba(25,23,25,.76))!important;
  border:1px solid rgba(255,255,255,.3)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
main.navaro-tool-refresh .card,main.navaro-tool-refresh .result-panel { border-radius:18px!important; }
main.navaro-tool-refresh .card h3,main.navaro-tool-refresh .result-panel h3 { border-bottom:1px solid var(--glass-border); padding-bottom:14px; margin-bottom:18px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  main.navaro-tool-refresh .card,main.navaro-tool-refresh .result-panel { transition:transform 180ms ease-out,border-color 180ms ease-out,box-shadow 180ms ease-out; }
  main.navaro-tool-refresh .card:hover { transform:translateY(-2px); }
}
@media(max-width:700px){main.navaro-tool-refresh > .section.tight:nth-child(2){background-position:center top!important}main.navaro-tool-refresh .card,main.navaro-tool-refresh .result-panel{border-radius:14px!important}}
@media(prefers-reduced-transparency:reduce){main.navaro-tool-refresh .card,main.navaro-tool-refresh .result-panel,main.navaro-tool-refresh .upload-panel,main.navaro-tool-refresh .risk-result-card,main.navaro-tool-refresh .risk-profile-card{background:#fff!important;backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-theme="dark"] main.navaro-tool-refresh .card,:root[data-theme="dark"] main.navaro-tool-refresh .result-panel,:root[data-theme="dark"] main.navaro-tool-refresh .upload-panel,:root[data-theme="dark"] main.navaro-tool-refresh .risk-result-card,:root[data-theme="dark"] main.navaro-tool-refresh .risk-profile-card{background:#202020!important}}

/* Phone layouts: compact header, readable panels and touch-sized controls. */
@media(max-width:700px){
  main.navaro-tool-refresh > .section.tight:first-child { min-height:0!important; padding:32px 0 36px!important; }
  main.navaro-tool-refresh > .section.tight:first-child .container,
  main.navaro-tool-refresh > .section.tight:nth-child(2) .container { width:100%!important; max-width:100%!important; padding-inline:16px!important; box-sizing:border-box; }
  main.navaro-tool-refresh > .section.tight:first-child h1 { font-size:clamp(1.85rem,8vw,2.6rem)!important; margin:0 0 10px!important; }
  main.navaro-tool-refresh > .section.tight:first-child .lede { font-size:1rem!important; line-height:1.5; margin:0!important; }
  main.navaro-tool-refresh > .section.tight:nth-child(2) { padding:18px 0 38px!important; }
  main.navaro-tool-refresh .grid-2,main.navaro-tool-refresh .grid-3,main.navaro-tool-refresh .field-row,main.navaro-tool-refresh .risk-checker-grid,main.navaro-tool-refresh .coa-layout { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:14px!important; }
  main.navaro-tool-refresh .card,main.navaro-tool-refresh .result-panel,main.navaro-tool-refresh .upload-panel,main.navaro-tool-refresh .risk-result-card,main.navaro-tool-refresh .risk-profile-card { min-width:0; padding:20px!important; }
  main.navaro-tool-refresh .card h3,main.navaro-tool-refresh .result-panel h3 { font-size:1.3rem; line-height:1.25; overflow-wrap:anywhere; }
  main.navaro-tool-refresh input:not([type="checkbox"]):not([type="radio"]),main.navaro-tool-refresh select,main.navaro-tool-refresh textarea { min-height:46px; max-width:100%; font-size:16px!important; box-sizing:border-box; }
  main.navaro-tool-refresh button,main.navaro-tool-refresh .btn { min-height:44px; max-width:100%; white-space:normal; }
  main.navaro-tool-refresh .table-wrap { max-width:100%; -webkit-overflow-scrolling:touch; }
  main.navaro-tool-refresh #planTable,main.navaro-tool-refresh #planTable tbody,main.navaro-tool-refresh #planTable tr,main.navaro-tool-refresh #planTable td { display:block; width:100%; min-width:0; box-sizing:border-box; }
  main.navaro-tool-refresh #planTable thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  main.navaro-tool-refresh #planTable tr { padding:14px 0; border-bottom:1px solid var(--glass-border); }
  main.navaro-tool-refresh #planTable td { padding:5px 0; border:0; }
  main.navaro-tool-refresh #planTable td::before { display:block; margin-bottom:5px; font-size:14px; color:var(--glass-soft); }
  main.navaro-tool-refresh #planTable td:nth-child(1)::before{content:'Week(s)'}
  main.navaro-tool-refresh #planTable td:nth-child(2)::before{content:'Dose (mg)'}
  main.navaro-tool-refresh #planTable td:nth-child(3)::before{content:'Doses / week'}
  main.navaro-tool-refresh #planTable td:nth-child(4)::before{content:'Weeks in range'}
}