/* Guide layout uses the storefront's semantic tokens and shared shell. */
.research-guide{--bg:inherit;--bg2:var(--surface);--fg:var(--ink);--fg2:var(--ink-2);--fg3:var(--muted);--teal:color-mix(in srgb,var(--teal-strong) 80%,var(--ink) 20%);--teal-light:var(--surface-2);--teal-mid:var(--line);--border:var(--line);--font-display:var(--font-sans);--font-body:var(--font-sans);--orange:var(--ink-2);--orange-light:var(--warn-bg);--red:var(--ink-2);--red-light:var(--warn-bg);--pink:var(--teal);--pink-light:var(--surface-2);--pink-mid:var(--line);color:var(--ink);font:var(--fs-base)/1.65 var(--font-sans);max-width:1280px;margin:auto;padding:28px 32px 48px;box-sizing:border-box}
.research-guide .guide-title{max-width:74ch;margin:0 0 20px}.research-guide .guide-title h1{font-size:var(--fs-2xl);margin:0 0 10px}.research-guide .guide-title p{color:var(--ink-2)}
.research-guide .guide-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px;align-items:start}.research-guide .guide-body{min-width:0}
.research-guide .guide-section-nav{position:sticky;top:calc(var(--guide-header-height,72px) + 12px);display:flex;flex-direction:column;gap:3px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0;max-height:calc(100vh - var(--guide-header-height,72px) - 24px);overflow:auto;z-index:5}
.research-guide .tab-btn{font:600 var(--fs-sm)/1.35 var(--font-sans);letter-spacing:0;text-transform:none;text-align:left;white-space:normal;min-height:38px;padding:9px 12px;border:0;border-left:3px solid transparent;border-radius:5px;color:var(--ink-2);background:transparent;transition:none}
.research-guide .tab-btn.active{border-left-color:var(--teal);color:var(--ink);background:var(--surface-2)}.research-guide .tab-btn:hover{background:var(--surface-2);color:var(--ink)}
.research-guide .panel{max-width:none;padding:0;margin:0}.research-guide .section-title{font-size:var(--fs-xl);margin:8px 0 12px}.research-guide .section-sub{font-size:var(--fs-base);max-width:72ch;margin-bottom:24px;line-height:1.65}
.research-guide p,.research-guide .step-body,.research-guide .good-text{max-width:74ch}.research-guide .card,.research-guide .step-card{padding:20px;border-radius:12px;background:var(--surface);box-shadow:none;color:var(--ink)}
.research-guide .card-title{font-size:var(--fs-md);line-height:1.4}.research-guide .card-row,.research-guide .steps-grid{gap:16px}.research-guide .guide-review{padding:12px 16px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:8px;margin:0 0 22px;background:var(--surface-2);color:var(--ink-2);font-size:var(--fs-sm);line-height:1.55;max-width:90ch}.research-guide .guide-review a{color:var(--teal);text-decoration:underline}
.research-guide .guide-live:empty{display:none}.research-guide .guide-live{color:var(--ink);font-weight:600;margin-bottom:12px}
.research-guide input,.research-guide select,.research-guide textarea{font:inherit!important;color:var(--ink)!important;background:var(--surface)!important;border:1px solid var(--muted)!important;border-radius:7px;padding:10px!important;max-width:100%;box-sizing:border-box;min-height:44px}
.research-guide input[type=radio]{min-height:0;width:18px;height:18px;padding:0!important;accent-color:var(--teal)}.research-guide button{font-family:var(--font-sans)!important;min-height:40px}.research-guide button:focus-visible,.research-guide a:focus-visible,.research-guide input:focus-visible,.research-guide select:focus-visible,.research-guide textarea:focus-visible,.research-guide [tabindex]:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.research-guide [style*="font-size:10"],.research-guide [style*="font-size:11"],.research-guide [style*="font-size:12"]{font-size:var(--fs-sm)!important;line-height:1.6!important}
.research-guide [style*="color:rgba(255,255,255,0."]{color:var(--on-dark-muted)!important}.research-guide [style*="background:#0d2a1e"]{background:var(--navy)!important}.research-guide .tip-block{background:var(--navy)}
.research-guide [style*="background:var(--teal)"],.research-guide [style*="background: var(--teal)"],.research-guide .step-num,.research-guide .pen-part-num{background:var(--navy)!important;color:var(--on-dark)!important}
.research-guide svg[role=img]{width:clamp(160px,26vw,260px);height:auto;flex-shrink:0}.research-guide .guide-table-scroll{max-width:100%;overflow:auto;padding-bottom:8px}.research-guide .guide-table-scroll table{min-width:600px;font-size:var(--fs-sm)}
.research-guide .guide-log-row{border:1px solid var(--line);border-radius:8px;padding:14px;margin:10px 0;background:var(--surface)}.research-guide .guide-log-row p{white-space:pre-wrap}.research-guide .guide-storage-note{font-size:var(--fs-sm);color:var(--ink-2)}
.research-guide .guide-finder-result{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.research-guide .guide-finder-result p{margin:12px 0}.research-guide .guide-pills{display:flex;gap:6px;flex-wrap:wrap}.research-guide .guide-pills span{padding:4px 10px;background:var(--surface-2);color:var(--ink);border-radius:20px}.research-guide .trial-pct{color:var(--ink)!important;background:var(--surface);padding:0 4px}.research-guide .tl-dot{color:var(--on-dark);background:var(--navy)}
@media(max-width:1000px){.research-guide{padding:24px}.research-guide .guide-layout{grid-template-columns:160px minmax(0,1fr);gap:24px}.research-guide .card-row,.research-guide .steps-grid{grid-template-columns:1fr}}
@media(max-width:760px){.research-guide{padding:20px 16px 32px}.research-guide .guide-layout{display:block}.research-guide .guide-section-nav{position:sticky;top:var(--guide-header-height,72px);flex-direction:row;max-height:none;gap:4px;overflow-x:auto;flex-wrap:nowrap;border-radius:8px;margin-bottom:22px;padding:6px}.research-guide .tab-btn{white-space:nowrap;flex:none;border-left:0;border-bottom:3px solid transparent;padding:10px}.research-guide .tab-btn.active{border-bottom-color:var(--teal)}.research-guide .card-row,.research-guide .steps-grid,.research-guide .product-grid{grid-template-columns:1fr}.research-guide .card{padding:16px}.research-guide .section-title{font-size:var(--fs-lg)}.research-guide svg[role=img]{max-width:100%;width:170px}.research-guide input,.research-guide select,.research-guide textarea{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.research-guide *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.research-guide .guide-section-nav{display:none}.research-guide .guide-layout{display:block}.research-guide .panel,.research-guide .panel[hidden]{display:block!important;break-before:page}.research-guide .guide-table-scroll{overflow:visible}.research-guide .guide-table-scroll table{min-width:0}.research-guide{padding:0;max-width:none}}
.research-guide [style*="font-size:12"][style*="color:var(--fg2)"],.research-guide .step-body{max-width:74ch}
@scope (.research-guide){:scope p{font-size:inherit}:scope a{color:var(--teal)}:scope button{cursor:pointer}}
.research-guide div:has(>svg[role=img]){gap:20px}
@media(max-width:760px){.research-guide div:has(>svg[role=img]){flex-direction:column!important;align-items:center!important}.research-guide .pen-part-num{flex-shrink:0}}
.research-guide{--orange-light:var(--surface-2);--red-light:var(--surface-2)}
:root[data-theme=dark] .research-guide{--teal:color-mix(in srgb,var(--teal-strong) 60%,var(--ink) 40%)}
.research-guide .tip-block .tip-body{color:var(--on-dark-muted)}
.research-guide [style*="background:var(--pink)"],.research-guide [style*="background: var(--pink)"],.research-guide [style*="background:var(--red)"],.research-guide [style*="background: var(--red)"],.research-guide .call911{background:var(--navy)!important;color:var(--on-dark)!important}
.research-guide .call911 *,.research-guide [style*="background:var(--red)"] *{color:inherit!important}
.research-guide .mood-btn{color:var(--ink)}

/* UI audit: explicit mobile scroll affordance; retain all original tabs. */
.research-guide .guide-nav-shell{position:sticky;top:calc(var(--guide-header-height,72px) + 12px);min-width:0;z-index:5}
.research-guide .guide-nav-shell .guide-section-nav{position:static;margin:0;scrollbar-width:thin;scrollbar-color:var(--teal) var(--surface-2)}
.research-guide .guide-section-nav::-webkit-scrollbar{display:block;width:6px;height:6px}
.research-guide .guide-section-nav::-webkit-scrollbar-thumb{background:var(--teal);border-radius:6px}
.research-guide .guide-nav-tools{display:none}
.research-guide details.guide-review summary{cursor:pointer;font-weight:600;color:var(--ink)}
.research-guide details.guide-review p{margin:10px 0 0}
.guide-page .footer{margin-top:0!important}
@media(max-width:760px){
 .research-guide{padding:16px 16px 24px}.research-guide .guide-title{margin-bottom:12px}.research-guide .guide-title h1{font-size:var(--fs-xl);margin-bottom:6px}
 .research-guide .guide-title p{margin-bottom:8px}.research-guide .guide-review{padding:10px 12px;margin-bottom:14px}
 .research-guide .guide-nav-shell{top:var(--guide-header-height,72px);background:var(--surface);border:1px solid var(--line);border-radius:8px;margin:0 0 16px;overflow:hidden}
 .research-guide .guide-nav-tools{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:4px 6px}
 .research-guide .guide-nav-hint{font-size:var(--fs-sm);color:var(--ink-2);text-align:center}
 .research-guide .guide-nav-tools button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:6px;min-width:44px;min-height:44px;font-size:20px}
 .research-guide .guide-nav-tools button:disabled{opacity:.45}
 .research-guide .guide-nav-shell .guide-section-nav{border:0;border-radius:0;padding:4px;scroll-padding:4px;scroll-snap-type:none}
 .research-guide .tab-btn{scroll-snap-align:start;min-height:44px}.research-guide .section-sub{margin-bottom:16px}
}
@media print{.research-guide .guide-nav-shell{display:none!important}}