:root{--ink:#183831;--muted:#72817a;--accent:#1e6357;--accent-soft:#edf5f0;--surface:#fff;--page:#fafbf9;--border:#e7ece7;--warn:#94671f;--warnbg:#fff7e7;--success:#366858;--successbg:#edf6f1;--danger:#963f3f;--dangerbg:#fff1ee}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button{cursor:pointer}a{color:var(--accent);text-underline-offset:3px}
[hidden]{display:none!important}.wrap{width:min(860px,calc(100% - 40px));margin:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid #5fa999;outline-offset:3px}
.safety{min-height:34px;padding:7px 14px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;background:#fff6e6;color:#896122;font-size:11px;font-weight:680;letter-spacing:.008em}
.safety-indicator{height:7px;width:7px;border-radius:100%;background:#c18a35;flex:0 0 7px}
.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid var(--border)}
.topbar-inner{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.brand{font-weight:800;font-size:22px;letter-spacing:-.06em;text-decoration:none;color:var(--ink);white-space:nowrap}.brand-dot{color:#80b2a2}
.topbar-right{display:flex;align-items:center;gap:28px}.nav-link{font-size:13px;font-weight:580;text-decoration:none;color:#60736a}
.language{display:flex;border:1px solid var(--border);border-radius:10px;padding:3px;background:#f5f7f5}
.language button{border:0;background:transparent;color:#7a8b82;padding:6px 10px;border-radius:7px;font-size:12px;line-height:1.2;font-weight:750}
.language button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #112b2220}
.search-section{padding:86px 0 47px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:760;color:#698a7a;margin:0}
.search-section h1{font-size:clamp(40px,5.8vw,62px);line-height:1.08;letter-spacing:-.055em;font-weight:730;margin:19px 0 13px}.intro{font-size:17px;color:var(--muted);margin:0 0 37px;line-height:1.5}
.search-panel{position:relative;text-align:left;max-width:680px;margin:auto}
.search-input{height:67px;display:flex;align-items:center;gap:14px;padding:0 20px;border-radius:15px;background:var(--surface);border:1.5px solid #b9d0c5;box-shadow:0 10px 32px #254a3210;color:#6c9080}
.search-input:focus-within{border-color:#5b9b82;box-shadow:0 0 0 4px #dfefe5}
.search-input input{border:0;outline:0;flex:1;min-width:0;width:100%;font-size:16px;background:transparent;color:var(--ink)}
.search-input input:focus-visible{outline:0}.search-input input::placeholder{color:#93a19b}
.search-caption{text-align:left;color:#8d9992;font-size:11px;margin:10px 4px 0}
.examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:22px;color:#82928a;font-size:12px}
.examples button{border:1px solid #e3ebe5;border-radius:99px;background:#f2f7f3;padding:7px 12px;font-size:12px;color:#527565}
.examples button:hover{background:#e6f1e9}
.suggestions{position:absolute;z-index:10;left:0;right:0;top:70px;padding:5px;background:#fff;border:1px solid var(--border);box-shadow:0 16px 38px #1c3b2c18;border-radius:12px;text-align:left}
.suggestions button{border:0;border-radius:7px;background:#fff;width:100%;padding:11px 13px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ink)}
.suggestions button:hover,.suggestions button[aria-selected="true"]{background:var(--accent-soft)}.suggestions small{color:var(--muted);font-size:12px}
.result-section{max-width:760px;margin:0 auto 70px}.result-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 9px 38px #2b51320b;padding:28px 30px}
.result-top{display:flex;justify-content:space-between;gap:15px;align-items:start}.result-top h2{font-size:27px;letter-spacing:-.04em;line-height:1.2;margin:6px 0 3px}.drug-meta{margin:0;color:var(--muted);font-size:12px}.review-flag{white-space:nowrap;background:#f6f5ef;color:#918062;border-radius:8px;font-size:11px;padding:7px 10px}
.assessment-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--border);padding:22px 0 19px;margin-top:25px}
.assessment-row label{font-size:12px;color:var(--muted);font-weight:600}.assessment-row select{min-width:190px;background:white;color:var(--ink);border:1px solid #d3ded6;padding:9px 34px 9px 12px;border-radius:9px;font-size:13px;font-weight:650;max-width:100%}
.summary-panel{padding:21px;border-radius:13px;background:#f1f6f2;border:1px solid #e1eae2;margin-bottom:24px}
.summary-panel.diff{background:var(--warnbg);border-color:#f3e4c7}.summary-panel.conflict{background:var(--dangerbg);border-color:#f2d9d4}.summary-panel.unknown{background:#f3f5f3;border-color:var(--border)}
.summary-heading{font-size:16px;letter-spacing:-.015em;font-weight:735;display:flex;align-items:center;gap:10px}.summary-dot{height:9px;width:9px;border-radius:50%;background:#6a9880;flex:none}
.summary-panel.diff .summary-dot{background:#bf8935}.summary-panel.conflict .summary-dot{background:#c36d64}.summary-panel.unknown .summary-dot{background:#9ca99e}
.summary-panel p{font-size:13px;color:#66786a;margin:7px 0 0;line-height:1.65}
.section-title{font-size:13px;font-weight:750;margin:0 0 12px;letter-spacing:.005em}
.source-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:white}
.source-item+.source-item{border-top:1px solid var(--border)}
.source-main{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;gap:12px}.source-name{font-size:13px;font-weight:740;min-width:0}
.source-main-right{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.claim-tag{border-radius:6px;padding:4px 8px;font-size:11px;font-weight:760;white-space:nowrap}
.claim-tag.ja{background:var(--successbg);color:var(--success)}.claim-tag.nei{background:var(--dangerbg);color:var(--danger)}.claim-tag.forbehold{background:var(--warnbg);color:var(--warn)}.claim-tag.uavklart{background:#f1f3f1;color:#64776e}
.direct-link{font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none}.direct-link:hover{text-decoration:underline}
.source-item details{border-top:1px solid #f2f4f1}.source-item summary{padding:10px 17px;color:#688074;font-size:12px;font-weight:630;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.source-item summary::after,.compact-disclosure summary::after,.about-details summary::after{content:"＋";font-size:18px;font-weight:350;color:#759082}
.source-item details[open] summary::after,.compact-disclosure[open] summary::after,.about-details[open] summary::after{content:"−"}
.source-item summary::-webkit-details-marker,.compact-disclosure summary::-webkit-details-marker,.about-details summary::-webkit-details-marker{display:none}
.source-item .detail-copy{padding:1px 17px 18px;font-size:13px;color:#536960;line-height:1.7}
.source-item .detail-copy p{margin:0 0 7px}.source-item .detail-copy small{font-size:11px;color:#809087}
.compact-disclosure{margin-top:15px;border-top:1px solid var(--border)}
.compact-disclosure summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:17px 0;color:#5e7367;font-size:12px;font-weight:700;list-style:none}
.compact-disclosure summary::-webkit-details-marker{display:none}
.disclosure-copy{font-size:12px;color:#76847b;line-height:1.7;padding:0 2px 15px}
.source-shortcuts{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 10px}
.source-shortcuts a{border:1px solid var(--border);border-radius:8px;padding:9px 12px;text-decoration:none;font-size:12px;font-weight:650;background:#fafcf9}
.source-shortcuts a:hover{background:var(--accent-soft)}
.empty-card{text-align:left}.empty-card h2{font-size:22px;letter-spacing:-.03em;margin:8px 0}.empty-card p{font-size:13px;color:var(--muted);line-height:1.7}
.about-section{max-width:760px;margin:0 auto 68px}.about-details{border-top:1px solid #e0e9e1;padding:18px 0}
.about-details>summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;color:#698075;font-size:13px;font-weight:680}.about-details>summary::-webkit-details-marker{display:none}
.about-copy{padding:10px 0 0;color:#6f8275;font-size:13px;line-height:1.75}.about-copy p{margin:8px 0 12px}
.about-links{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;font-weight:640}
.footer{border-top:1px solid var(--border);padding:24px 0 36px;display:flex;justify-content:space-between;gap:18px;color:#96a29a;font-size:11px}.footer span:first-child{font-weight:720;color:#70867b}
@media(max-width:640px){
.wrap{width:calc(100% - 32px)}.topbar-inner{min-height:64px}.topbar-right{gap:12px}.nav-link{font-size:12px}.search-section{padding:66px 0 35px}.search-section h1{font-size:41px}.intro{font-size:15px;margin-bottom:30px}
.search-input{height:61px;padding:0 15px}.search-input input{font-size:14px}.examples{margin-top:17px}.result-section{margin-bottom:44px}
.result-card{padding:22px 18px;border-radius:16px}.result-top{display:block}.result-top h2{font-size:25px}.review-flag{display:inline-block;margin-top:10px}
.assessment-row{align-items:flex-start;flex-direction:column;gap:6px;margin-top:19px;padding:17px 0}.assessment-row select{width:100%}.summary-panel{padding:16px}
.source-main{align-items:flex-start;flex-direction:column;gap:9px;padding:14px}.source-main-right{justify-content:flex-start}.source-item summary{padding:10px 14px}.source-item .detail-copy{padding:0 14px 16px}
.footer{flex-direction:column;gap:4px}.safety{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Sources: visible answer first, expandable metadata second. */
.source-list{border:0;background:transparent;border-radius:0;display:flex;flex-direction:column;gap:10px;overflow:visible}
.source-item{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.source-item+.source-item{border-top:1px solid var(--border)}
.source-main{padding:17px 18px 7px;align-items:baseline}
.source-name{font-size:14px;font-weight:760;letter-spacing:-.01em}
.source-main-right{flex:none}
.source-answer{padding:0 18px 13px}
.source-answer p{margin:0;color:#42594e;font-size:14px;line-height:1.68}
.source-more{border-top:1px solid #eff3ee}
.source-more summary{padding:9px 18px;color:#7c8a81;font-size:11px}
.source-more .detail-copy{padding:4px 18px 17px}
.source-more .detail-copy .claim-tag{display:inline-block;margin-bottom:7px}
.source-more .detail-copy .source-meta{font-size:12px;color:#66796e;margin:3px 0 2px}
.source-more .detail-copy .translation-note{font-size:11px;line-height:1.6;color:#829087;margin:8px 0 0}
@media(max-width:640px){
 .source-main{flex-direction:row;align-items:baseline;padding:15px 14px 7px}
 .source-main-right{justify-content:flex-end}
 .source-answer{padding:0 14px 12px}
 .source-answer p{font-size:13px;line-height:1.65}
 .source-more summary{padding:9px 14px}
 .source-more .detail-copy{padding:3px 14px 14px}
}


/* Context-first clinical questions: two choices, detailed distinctions when expanded. */
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #e1eae2;background:#f3f6f2;border-radius:12px;margin:24px 0 9px}
.mode-switch button{border:0;background:transparent;padding:12px 10px;border-radius:8px;font-size:13px;font-weight:700;color:#687d6f}
.mode-switch button[aria-pressed="true"]{background:white;color:#194e43;box-shadow:0 1px 6px #243b2518}
.mode-switch button:hover:not([aria-pressed="true"]){background:#eaf0e9}
.assessment-caption{margin:0 3px 19px;text-align:right;font-size:11px;color:#8a9b90}
.assessment-caption strong{color:#5a7766}
.advanced-disclosure{margin-top:22px}
.advanced-options{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;padding:0 0 14px}
.advanced-options button{background:#f6f9f5;border:1px solid #dfe8dd;color:#4a6959;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:670}
.advanced-options button[aria-pressed="true"]{background:#e7f1eb;border-color:#84ac94;color:#255b45}
.no-evidence .source-answer{padding:20px}
.no-evidence .source-answer p{color:#7b6550;margin-bottom:11px}
@media(max-width:640px){
.mode-switch{margin-top:19px}
.mode-switch button{font-size:12px;padding:10px 6px}
.assessment-caption{margin-bottom:16px}
}


/* Clinical progressive disclosure: one contextual choice and relevant branches. */
.clinical-tube{margin-top:0}
.clinical-tube .summary-panel{margin-bottom:18px}
.clinical-accordions{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}
.clinical-disclosure+.clinical-disclosure{border-top:1px solid var(--border)}
.clinical-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;font-weight:710;font-size:13px;color:#2c4e3f}
.clinical-disclosure>summary::-webkit-details-marker{display:none}
.clinical-disclosure>summary::after{content:"⌄";color:#2b7765;font-size:18px;font-weight:500;transform:translateY(-3px);transition:transform .16s ease}
.clinical-disclosure[open]>summary::after{transform:rotate(180deg) translateY(-1px)}
.clinical-disclosure>summary:hover{background:#f8fbf8}
.clinical-disclosure[open]>summary{border-bottom:1px solid #edf1ec}
.clinical-body{padding:17px 18px 20px;color:#516458;font-size:13px;line-height:1.7}
.clinical-body>p:first-child{margin-top:0}
.clinical-body>p:last-child{margin-bottom:0}
.clinical-body select{display:block;width:100%;padding:11px 12px;border:1px solid #d6e1d7;border-radius:9px;background:#fff;color:#2a4334;font-size:13px;max-width:430px;margin:6px 0 10px}
.clinical-body select:focus-visible{outline:3px solid #b1ddc5}
.clinical-body .field-label{display:block;color:#355b46;font-weight:700;font-size:12px}
.clinical-body .subtle-text{font-size:12px;color:#788a7e;margin:0 0 14px}
.clinical-body .context-note{margin:7px 0 0;padding:10px 12px;border-radius:8px;background:#f5f8f4;color:#5f7765;font-size:12px}
.clinical-body .factor+.factor{margin-top:16px;border-top:1px solid #eff3ef;padding-top:17px}
.clinical-body .factor strong{display:block;color:#355b46;font-size:12px}
.clinical-body .factor p{margin:6px 0}
.clinical-body .factor small{display:block;font-size:12px;color:#7e8c7f;line-height:1.55;margin-top:7px}
.clinical-body h4{font-size:12px;margin:17px 0 9px}
.clinical-evidence{border:1px solid #dfe9e1;border-radius:9px;padding:14px;margin:9px 0}
.clinical-evidence strong{font-size:12px}
.clinical-evidence p{margin:7px 0}
.clinical-evidence a{font-size:12px;font-weight:710}
@media(max-width:640px){
.clinical-disclosure>summary{padding:14px}
.clinical-body{padding:14px}
}
@media(prefers-reduced-motion:reduce){.clinical-disclosure>summary::after{transition:none}}


/* Compact search and three-section result card — mobile first. */
.topbar-inner{min-height:62px}
.topbar-right{margin-left:auto}
.topbar .nav-link{font-size:15px;color:#3d6155}
.search-section{padding:54px 0 25px}
.search-section h1{margin:8px 0 8px;font-size:clamp(40px,5.6vw,56px)}
.search-section .intro{margin:0 auto 23px;max-width:570px;font-size:15px;line-height:1.55}
.search-caption,.examples{display:none}
.search-input{height:59px}
.result-section{margin:0 auto 43px}
.result-card{padding:24px 26px}
.result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px}
.result-top .eyebrow{font-size:11px;letter-spacing:.07em;text-transform:none}
.result-top h2{margin:6px 0 4px}
.review-flag{background:#f4f6f2;border:1px solid #e9eee8;white-space:normal;max-width:150px;text-align:center;line-height:1.35;font-size:10px;padding:6px 8px;flex-shrink:0}
.answer-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}
.answer-disclosure+.answer-disclosure{border-top:1px solid var(--border)}
.answer-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:16px 18px;min-height:71px;transition:background .18s ease}
.answer-toggle::-webkit-details-marker{display:none}
.answer-toggle:hover{background:#f7faf7}
.answer-disclosure[open]>.answer-toggle{background:#f4f8f4;border-bottom:1px solid #e6ece5}
.answer-summary-copy{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.4}
.answer-summary-copy strong{font-size:17px;letter-spacing:-.018em;font-weight:750;color:#20473a}
.answer-summary-copy small{font-size:12px;color:#72847a;font-weight:560;overflow-wrap:anywhere}
.answer-chevron{width:10px;height:10px;flex:0 0 10px;border-right:2px solid #6a897a;border-bottom:2px solid #6a897a;transform:rotate(45deg);transition:transform .16s ease;margin:0 5px 5px}
.answer-disclosure[open]>.answer-toggle .answer-chevron{transform:rotate(225deg);margin-top:8px;margin-bottom:0}
.answer-body{padding:16px 16px 19px}
.answer-body .section-title{font-size:12px;color:#355d4a;margin:0 0 11px}
.answer-body .source-list{gap:9px}
.answer-body .source-item{border-radius:10px}
.answer-body .source-main{padding:13px 14px 6px}
.answer-body .source-answer{padding:0 14px 12px}
.answer-body .source-more summary{padding:8px 14px}
.source-context{font-size:12px;line-height:1.6;color:#5a6d60;margin:0 0 13px}
.status-context{color:#7a6745}
.source-empty{font-size:13px;line-height:1.65;color:#758478;margin:0}
.result-extras{margin-top:8px}
.result-extras .compact-disclosure{margin-top:0}
.result-extras .compact-disclosure summary{padding:15px 2px}
.result-extras .source-shortcuts{padding-top:3px}
.answer-body .clinical-tube .summary-panel{padding:13px 14px;margin:0 0 12px}
.answer-body .clinical-tube .summary-heading{font-size:13px}
.answer-body .clinical-tube .summary-panel p{font-size:12px}
.answer-body .clinical-disclosure>summary{padding:12px 14px}
.answer-body .clinical-body{padding:12px 14px}
.about-section{margin-bottom:45px}
.footer{justify-content:center;text-align:center;padding:19px 0 27px}
@media(max-width:640px){
  .wrap{width:calc(100% - 32px)}
  .topbar-inner{min-height:60px}
  .search-section{padding:48px 0 19px}
  .search-section h1{font-size:clamp(38px,10.2vw,48px);margin:0 0 11px}
  .search-section .intro{font-size:14px;margin:0 auto 22px}
  .search-input{height:59px}
  .result-section{margin-bottom:37px}
  .result-card{padding:19px 16px;border-radius:16px}
  .result-top{display:flex;align-items:flex-start;gap:6px;margin-bottom:15px}
  .result-top h2{font-size:26px}
  .drug-meta{font-size:11px}
  .review-flag{margin:2px 0 0;max-width:113px;font-size:9px;padding:6px 6px}
  .answer-toggle{padding:13px 14px;min-height:67px}
  .answer-summary-copy strong{font-size:16px}
  .answer-summary-copy small{font-size:11px}
  .answer-body{padding:13px 11px 15px}
  .answer-body .source-name{font-size:13px}
  .answer-body .source-main{padding:13px 12px 6px}
  .answer-body .source-answer{padding:0 12px 12px}
  .answer-body .source-answer p{font-size:12px}
  .answer-body .source-more summary{padding:8px 12px}
  .source-context{font-size:12px}
  .result-extras .compact-disclosure summary{padding:15px 3px}
  .about-section{margin-bottom:30px}
}
@media(prefers-reduced-motion:reduce){.answer-toggle,.answer-chevron{transition:none}}