/* Morbus 4.2: shared colours and a fluid layout for the entire portal. */
:root {
  color-scheme: light;
  --gutter: clamp(20px, 2.5vw, 56px);
  --bg:#f4f6fa; --surface:#ffffff; --surface-soft:#f0f3f9; --surface-hover:#eaf0ff;
  --ink:#151d2f; --ink-soft:#3f4d65; --muted:#64718a; --soft-muted:#64718a;
  --line:#dce3ef; --line-soft:#e8edf5;
  --accent:#3158d9; --accent-strong:#2246bb; --accent-soft:#edf2ff; --accent-tint:#d6e1ff;
  --button-bg:#335bed; --button-hover:#2446c9; --solid:#2444ad; --on-solid:#ffffff;
  --highlight:#bed1ff; --blue:#eaf1ff; --sand:#f4f0e8; --lavender:#f0edff; --rose:#faedf1;
  --danger:#af3d4d; --danger-soft:#fff0f2; --danger-line:#efc7ce;
  --warning:#815318; --warning-soft:#fff5e5;
  --avatar-start:#687fbd; --avatar-end:#385490;
  --overlay:rgb(10 17 34 / 62%); --tint-glass:rgb(61 101 240 / 8%);
  --focus-ring:#8baaff; --shadow-color:rgb(20 40 85 / 7%);
  --shadow:0 8px 30px var(--shadow-color); --radius:18px;
  --feature-bg:linear-gradient(120deg,#162e70 0%,#2e53cf 100%);
  --feature-ink:#ffffff; --feature-muted:#d9e4ff; --feature-line:rgb(255 255 255 / 23%);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:#0b101b; --surface:#141c2b; --surface-soft:#1a2538; --surface-hover:#22304a;
  --ink:#eef3ff; --ink-soft:#c4cee1; --muted:#a0adc4; --soft-muted:#a0adc4;
  --line:#2b3951; --line-soft:#222e43;
  --accent:#9ab4ff; --accent-strong:#bfd0ff; --accent-soft:#1c2d51; --accent-tint:#2c426c;
  --button-bg:#385fe8; --button-hover:#456efb; --solid:#2549b4; --on-solid:#ffffff;
  --highlight:#b6cdff; --blue:#1c2d47; --sand:#342e26; --lavender:#29263f; --rose:#382634;
  --danger:#ffb1bc; --danger-soft:#35212d; --danger-line:#613446;
  --warning:#f4cc8b; --warning-soft:#332c21;
  --avatar-start:#566faa; --avatar-end:#334d84;
  --overlay:rgb(0 4 14 / 75%); --tint-glass:rgb(114 150 255 / 10%);
  --focus-ring:#94b3ff; --shadow-color:rgb(0 0 0 / 20%);
  --feature-bg:linear-gradient(120deg,#172747 0%,#274cb9 100%);
  --feature-ink:#f6f8ff; --feature-muted:#d0defc; --feature-line:rgb(191 211 255 / 25%);
}
html{background:var(--bg);scroll-padding-top:96px}
body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65;min-height:100vh}
button,input,textarea,select{font-family:inherit;color:inherit}
input,select,textarea{background:var(--surface);accent-color:var(--button-bg)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
select option{background:var(--surface);color:var(--ink)}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
::selection{background:var(--accent-tint);color:var(--ink)}
h1,h2,h3,h4{font-family:inherit;letter-spacing:-.025em;overflow-wrap:break-word}
h1{font-size:clamp(1.85rem,2.6vw,3rem);line-height:1.16;font-weight:650}
h2{line-height:1.25;font-weight:650}
p{color:inherit}
a{transition:color .16s,background-color .16s,border-color .16s}
a:hover{color:var(--accent)}
.container,.admin-shell>.container{width:calc(100% - 2 * var(--gutter));max-width:none;margin-inline:auto}
.narrow-section,.news-list,.news-article,.form-page-grid,.settings-panel,.organization-create-form{max-width:none}
.page-section{padding:32px 0 44px}
.page-hero,.compact-hero,.library-hero,.disease-hero,.news-hero{background:var(--surface);border-color:var(--line);padding-top:30px}
.page-hero h1,.compact-hero h1{margin:8px 0 12px;font-size:clamp(1.8rem,2.5vw,2.85rem)}
.compact-hero{padding-bottom:28px}
.section-soft,.social-page{background:transparent}
.section-kicker,.eyebrow{color:var(--accent);font-size:.75rem;letter-spacing:.1em;line-height:1.5}
.section-head{margin-bottom:20px;gap:20px}
.section-head h1,.section-head h2{font-size:clamp(1.5rem,1.8vw,2rem);font-weight:650;letter-spacing:-.03em}
.section-index{display:none}
.breadcrumbs{color:var(--muted);font-size:.875rem}
/* Header: clear labels, one compact theme control, equal page gutters. */
.site-header{height:82px;background:var(--surface);border-bottom:1px solid var(--line);position:relative;box-shadow:none}
.header-inner{gap:24px}
.brand{gap:10px;flex-shrink:0;color:var(--ink)}
.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--button-bg);color:var(--on-solid);border-radius:12px;font:800 29px/1 Arial,sans-serif;letter-spacing:-2px;padding:0 2px 3px 0;box-shadow:0 4px 12px var(--shadow-color)}
.brand-name{font-size:27px;font-weight:800;letter-spacing:-1.1px;color:var(--ink)}
.brand-name span{color:var(--muted)}
.desktop-nav{gap:clamp(16px,1.4vw,28px);margin:0 auto}
.desktop-nav a{font-size:.875rem;font-weight:600;color:var(--ink-soft);padding:26px 0}
.desktop-nav a.active{color:var(--accent)}
.desktop-nav a:after{bottom:16px;height:2px;border-radius:4px}
.header-actions{gap:12px;flex-shrink:0}
.theme-picker{display:inline-flex;align-items:center}
.theme-picker select{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 24px 0 11px;font-size:.8125rem;cursor:pointer;max-width:115px;background:var(--surface-soft);color:var(--ink-soft)}
.icon-button{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);border-radius:11px}
.icon-button:hover{background:var(--surface-hover)}
.login-link{color:var(--ink-soft)}
.primary-button,.small-primary,.dark-button,.acid-button{background:var(--button-bg);color:var(--on-solid);border:1px solid var(--button-bg);min-height:42px;border-radius:10px;font-weight:600;font-size:.875rem;padding:10px 17px;box-shadow:0 4px 10px var(--shadow-color);line-height:1.4}
.primary-button:hover,.small-primary:hover,.dark-button:hover,.acid-button:hover{background:var(--button-hover);color:var(--on-solid);border-color:var(--button-hover)}
.secondary-button,.follow-button,.wide-secondary{background:var(--surface);color:var(--ink-soft);border-color:var(--line);border-radius:9px;font-size:.875rem;min-height:38px}
.secondary-button:hover,.follow-button:hover,.wide-secondary:hover{background:var(--surface-hover);color:var(--accent);border-color:var(--accent-tint)}
.follow-button.is-following,.follow-button.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-tint)}
.preview-strip{background:var(--surface-soft);color:var(--muted);padding:4px var(--gutter);font-size:.75rem;border-bottom:1px solid var(--line-soft)}
.portal-subnav{background:var(--surface);border-color:var(--line)}
.portal-subnav .container{gap:28px;min-height:48px;font-size:.875rem;color:var(--ink-soft)}
/* Home: large editorial lead and a denser community feed. */
.front-news{padding-top:28px;padding-bottom:0}
.news-stage{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}
.headline-card{background:var(--feature-bg);color:var(--feature-ink);min-height:360px;padding:30px 36px;border:0;border-radius:20px;box-shadow:0 10px 28px var(--shadow-color)}
.headline-card h2,.headline-card a,.headline-card a:hover{color:var(--feature-ink)}
.headline-body{padding:24px 0}
.headline-body h2{font:650 clamp(1.75rem,2.55vw,3rem)/1.14 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;max-width:33ch;letter-spacing:-.035em;margin:0 0 20px}
.headline-body p{color:var(--feature-muted);font-size:1rem;max-width:75ch;line-height:1.6}
.headline-top,.headline-bottom{color:var(--feature-muted);font-size:.8125rem}
.headline-bottom{border-top:1px solid var(--feature-line);padding-top:18px}
.headline-card .label-acid{color:var(--feature-ink);background:rgb(255 255 255 / 12%);border:1px solid var(--feature-line);border-radius:6px;padding:5px 9px;font-size:.75rem;letter-spacing:.06em}
.round-arrow{background:rgb(255 255 255 / 13%);color:var(--feature-ink);border:1px solid var(--feature-line);width:43px;height:43px}
.headline-side{display:grid;grid-template-columns:1fr;gap:18px}
.news-brief{padding:26px 28px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.news-brief h2{font-size:clamp(1.4rem,1.6vw,2rem);line-height:1.25;max-width:40ch}
.news-brief p{color:var(--muted);font-size:1rem}
.neuro-teaser{border-radius:16px;min-height:126px;background:#152744}
.neuro-teaser img{opacity:.58;object-position:50% 42%}
.neuro-teaser span,.neuro-teaser b,.neuro-teaser em,.neuro-teaser small{color:#f2f6ff}
.trending-row{padding:20px 0 26px;gap:10px;border-color:var(--line)}
.trending-row>a,.topic-tag{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:7px;padding:5px 10px;font-size:.8125rem}
.trending-row>a:hover,.topic-tag:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-tint)}
.portal-grid{grid-template-columns:minmax(0,1fr) clamp(290px,22vw,410px);gap:28px;padding-top:24px}
.main-stream{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 30px}
.stream-tabs{gap:26px;border-color:var(--line)}
.stream-tabs button,.stream-tabs>a{color:var(--muted);font-size:.875rem}
.stream-tabs .active{color:var(--accent);border-color:var(--accent)}
.stream-post{padding:26px 0;border-bottom:1px solid var(--line-soft);background:transparent}
.stream-post h3,.stream-post h2{font-size:clamp(1.25rem,1.55vw,1.7rem);line-height:1.3;max-width:70ch;letter-spacing:-.02em}
.stream-post>p{font-size:1rem;max-width:none;color:var(--ink-soft)}
.stream-meta,.stream-meta time{color:var(--muted);font-size:.8125rem}
.stream-meta b{color:var(--ink-soft)}
.post-kind,.kind-pill{background:var(--surface-soft);color:var(--ink-soft)}
.stream-footer{gap:14px;flex-wrap:wrap;color:var(--muted)}
.expert-status{color:var(--accent)}
.finder-box,.library-meter,.premium-box{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:none}
.finder-box h2,.library-meter h3{font-size:1.5rem;line-height:1.25;margin:12px 0 18px}
.finder-box form{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px}
.finder-box input{background:transparent;font-size:.9375rem}
.directory-links>a{color:var(--ink-soft);border-color:var(--line-soft);font-size:.875rem}
.directory-links span{color:var(--muted)}
.library-meter p{color:var(--muted);font-size:.9375rem}
.library-meter progress{accent-color:var(--button-bg)}
.library-meter progress::-webkit-progress-bar{background:var(--line);border-radius:10px}
.library-meter progress::-webkit-progress-value{background:var(--button-bg);border-radius:10px}
.library-meter progress::-moz-progress-bar{background:var(--button-bg)}
.premium-box{background:var(--feature-bg);color:var(--feature-ink)}
.premium-box p,.premium-box .premium-wordmark{color:var(--feature-muted)}
.front-library{padding:32px 0 42px}
.document-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.document-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:26px;min-height:225px;color:var(--ink)}
.document-card:nth-child(2),.document-card:nth-child(3){background:var(--surface)}
.document-card:hover{background:var(--surface-hover);border-color:var(--accent-tint)}
.document-card h3{font-size:1.45rem;max-width:85%;color:var(--ink)}
.document-card .doc-number{font-size:80px;color:var(--accent-tint);opacity:.5}
.document-card .document-top,.document-card>div:last-child{color:var(--muted)}
/* News occupies the available screen width, including the formerly narrow list. */
.news-page-header{padding:34px 0 26px;background:transparent}
.news-header-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:28px}
.news-header-inner h1{margin:7px 0 8px;font-size:clamp(2rem,2.8vw,3.2rem);letter-spacing:-.04em}
.news-header-inner p{color:var(--muted);margin:0;font-size:1rem}
.news-header-links{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:5px;border:1px solid var(--line);background:var(--surface);border-radius:11px}
.news-header-links a{font-size:.875rem;padding:7px 12px;border-radius:7px;color:var(--muted)}
.news-header-links a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}
.news-page{padding:0 0 42px}
.news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;max-width:none}
.news-list>.empty-state{grid-column:1/-1;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.news-item,.news-item.featured{display:flex;flex-direction:column;gap:0;min-width:0;padding:30px 34px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;min-height:320px;box-shadow:var(--shadow);margin:0}
.news-item.featured{background:var(--feature-bg);color:var(--feature-ink);border-color:transparent}
.news-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.8125rem;color:var(--muted)}
.news-category{font-weight:600;letter-spacing:.02em}
.news-card-top time{white-space:nowrap}
.news-card-copy{padding:28px 0 22px}
.news-card-copy h2{font-family:inherit;font-size:clamp(1.5rem,2.05vw,2.55rem);line-height:1.22;font-weight:650;letter-spacing:-.025em;margin:0 0 16px;max-width:40ch;color:inherit}
.news-card-copy h2 a{color:inherit}
.news-card-copy p{font-size:1rem;line-height:1.65;color:var(--ink-soft);margin:0;max-width:85ch}
.news-card-context{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.8125rem;color:var(--muted);margin-top:auto;padding-bottom:20px}
.news-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line);margin:0}
.news-read-link{display:inline-flex;align-items:center;gap:14px;margin-right:auto;font-size:.9375rem;font-weight:650;color:var(--accent)}
.news-save{color:var(--ink-soft);font-size:.875rem}
.news-item.featured .news-card-top,.news-item.featured p,.news-item.featured .news-card-context{color:var(--feature-muted)}
.news-item.featured .news-read-link,.news-item.featured a:hover{color:var(--feature-ink)}
.news-item.featured .news-actions{border-color:var(--feature-line)}
.news-item.featured .follow-button,.news-item.featured .news-save{background:rgb(255 255 255 / 10%);color:var(--feature-ink);border-color:var(--feature-line)}
.news-item.featured .follow-button:hover{background:rgb(255 255 255 / 20%)}
.news-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,23vw,400px);gap:32px;align-items:start}
.news-reading-main{background:var(--surface);padding:32px 40px;border:1px solid var(--line);border-radius:20px;min-width:0}
.news-reading-main h1{font-size:clamp(2rem,3vw,3.6rem);max-width:36ch;margin:22px 0}
.news-reading-main .article-lead{font-size:1.2rem;color:var(--ink-soft);max-width:90ch}
.news-reading-main .article-body{font-size:1.0625rem;color:var(--ink);line-height:1.85;max-width:110ch}
.news-reading-aside{display:grid;gap:18px;min-width:0}
.reading-side-panel,.source-box{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:0}
.reading-side-panel h2{font-size:1.15rem;margin:0 0 18px}
.reading-side-panel .article-tools{margin:0 0 20px}
.source-box span{font-size:.8125rem;color:var(--muted)}
.source-box b{font-size:1rem;color:var(--ink);line-height:1.5;margin-top:7px}
/* Disease pages, comments, cards and administrator controls share both themes. */
.disease-hero{background:var(--surface);padding-top:24px}
.disease-hero h1{font-family:inherit;font-size:clamp(1.85rem,2.7vw,3.15rem);max-width:40ch;font-weight:650;line-height:1.18}
.disease-hero-grid>div:nth-child(2)>p{color:var(--ink-soft);font-size:1rem;max-width:95ch}
.disease-hero-grid{grid-template-columns:92px minmax(0,1fr) 224px;gap:28px}
.large-code{width:92px;height:102px;border-radius:16px}
.anchor-tabs{margin-left:120px;gap:28px;margin-top:26px}
.anchor-tabs a{color:var(--muted);font-size:.875rem}
.disease-actions .follow-button{background:var(--button-bg);color:var(--on-solid)}
.article-layout{grid-template-columns:minmax(0,1fr) clamp(290px,22vw,400px);gap:32px}
.medical-article{padding:30px 36px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.medical-article>section{padding-bottom:30px;margin-bottom:30px}
.medical-article h2{font-family:inherit;font-size:1.55rem;font-weight:650}
.medical-article p,.medical-article li{font-size:1rem;color:var(--ink-soft)}
.medical-copy,.source-intro{max-width:110ch}
.medical-article>section:last-child{border:0;margin-bottom:0;padding-bottom:0}
.side-info-card,.aside-card,.disease-mini-card,.reading-side-panel{background:var(--surface);border-color:var(--line);box-shadow:none;border-radius:16px}
.side-info-card small,.disease-mini-card em{color:var(--muted)}
.side-info-card p,.aside-card p{color:var(--ink-soft);font-size:.9375rem}
.side-icon{background:var(--button-bg);color:var(--on-solid)}
.side-icon.soft{background:var(--accent-soft);color:var(--accent)}
.context-note,.aside-card.calm{background:var(--accent-soft);color:var(--ink-soft);border-color:var(--accent-tint)}
.red-flags,.aside-card.urgent{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}
.red-flags p,.red-flags h2,.aside-card.urgent p,.aside-card.urgent h3{color:var(--danger)}
.question-layout{grid-template-columns:minmax(0,1fr) clamp(290px,22vw,400px);gap:28px}
.question-post,.comments-section,.answer-card,.reply-editor,.login-to-reply{background:var(--surface);border-color:var(--line);box-shadow:none}
.question-post,.comments-section{padding:28px 32px;border-radius:18px}
.question-post h1{font-family:inherit;font-size:clamp(1.7rem,2.25vw,2.7rem);max-width:58ch;font-weight:650}
.question-body,.answer-body{color:var(--ink);max-width:115ch;font-size:1rem}
.question-meta,.question-author small,.question-author time{color:var(--muted)}
.question-meta .follow-button,.answer-actions>.follow-button,.answer-actions .follow-button{background:var(--surface-soft);border-color:var(--line);color:var(--ink-soft)}
.answer-card{border-radius:13px;padding:22px 24px}
.answer-expert{border-color:var(--accent-tint);border-left:3px solid var(--button-bg)}
.answer-labels>span{background:var(--accent-soft);color:var(--accent);font-size:.8125rem}
.answer-head small,.answer-head time{color:var(--muted)}
.answer-actions{color:var(--muted);font-size:.875rem}
.parent-quote{background:var(--surface-soft);border-color:var(--accent-tint);color:var(--ink-soft)}
.parent-quote span{color:var(--muted)}
.answer-more>div{background:var(--surface);border-color:var(--line)}
.reply-group{border-color:var(--accent-tint)}
.reply-group>summary,.reply-group>summary span{color:var(--muted);font-size:.875rem}
.comments-heading h2{font-size:1.5rem;font-weight:650}
.topic-pill{background:var(--surface-soft);border-color:var(--line);color:var(--ink-soft)}
.admin-body,.admin-shell{background:var(--bg)}
.admin-layout{grid-template-columns:230px minmax(0,1fr);gap:26px}
.admin-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:none}
.admin-sidebar nav a{color:var(--ink-soft);font-size:.875rem}
.admin-sidebar nav a.active{background:var(--accent-soft);color:var(--accent)}
.admin-sidebar nav a:hover{background:var(--surface-hover)}
.admin-sidebar-head{color:var(--ink);border-color:var(--line)}
.workspace-panel,.admin-metric-grid>a,.admin-operations>a,.settings-panel{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:none;border-radius:16px}
.workspace-heading h1{font-size:clamp(1.8rem,2.3vw,2.7rem);font-weight:650}
.workspace-heading p,.panel-muted,.table-subline{color:var(--muted)}
.field input,.field textarea,.field select,.admin-filterbar input,.admin-filterbar select,.filter-search,.catalog-search,.catalog-search input{background:var(--surface);color:var(--ink);border-color:var(--line)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}
.admin-filterbar,.admin-table th,.responsive-table th,.table-summary{background:var(--surface-soft);color:var(--ink-soft);border-color:var(--line)}
.responsive-table td,.admin-table td{border-color:var(--line-soft);color:var(--ink-soft)}
.responsive-table tbody tr:hover,.admin-table tbody tr:hover{background:var(--surface-hover)}
.mode-status,.mode-notice{background:var(--surface-soft);color:var(--ink-soft);border-color:var(--line)}
.mode-status.enabled{background:var(--accent-soft);color:var(--accent)}
/* Smaller footer; no large colour block below a short page. */
.site-footer{background:var(--surface);color:var(--ink);border-top:1px solid var(--line);padding:28px 0 18px;margin-top:10px}
.footer-grid{grid-template-columns:minmax(240px,1fr) minmax(360px,1.1fr) minmax(270px,.9fr);gap:40px;align-items:start}
.footer-brand .brand-name,.footer-brand .brand-name span{color:var(--ink)}
.footer-brand .brand-mark{background:var(--button-bg);color:var(--on-solid)}
.footer-tagline,.footer-links a{font-size:.875rem;color:var(--muted)}
.footer-links{gap:40px}
.footer-links b{font-size:.75rem;letter-spacing:.08em;color:var(--ink-soft)}
.footer-links a:hover{color:var(--accent)}
.medical-note{padding:0;border:0;background:transparent;color:var(--muted);font-size:.8125rem;line-height:1.7}
.footer-bottom{margin-top:22px;padding-top:16px;color:var(--muted);font-size:.75rem;border-color:var(--line);gap:24px}
@media(min-width:1800px){.news-stage{grid-template-columns:1.7fr 1fr}.headline-card{min-height:390px}.headline-body h2{font-size:3.15rem}.news-card-copy{padding:32px 0}.news-item,.news-item.featured{padding:34px 40px;min-height:350px}.document-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.header-inner{gap:18px}.desktop-nav{gap:16px}.header-actions{gap:8px}.header-actions .small-primary{display:none}.brand-name{font-size:25px}.portal-grid{gap:22px;grid-template-columns:minmax(0,1fr) 300px}.main-stream{padding:24px}.headline-card{padding:28px}.headline-body h2{font-size:2.3rem}.news-item,.news-item.featured{padding:26px;min-height:310px}.footer-grid{grid-template-columns:1fr 1.3fr}.medical-note{grid-column:1/-1;max-width:none}.article-layout,.question-layout{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.news-reading-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.news-reading-main{padding:28px}}
@media(max-width:1000px){.site-header{height:74px}.desktop-nav{display:none}.mobile-menu{display:grid}.desktop-nav.open,.desktop-nav.is-open{display:flex;position:absolute;inset:74px 0 auto;flex-direction:column;align-items:stretch;gap:0;padding:12px var(--gutter);margin:0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.desktop-nav a{padding:11px 12px}.desktop-nav a:after{display:none}.desktop-nav a.active{background:var(--accent-soft);border-radius:9px}.news-header-inner{align-items:flex-start}.news-header-links{align-self:flex-end}.question-layout,.article-layout{grid-template-columns:minmax(0,1fr)}.question-layout>aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.article-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.news-reading-layout{grid-template-columns:minmax(0,1fr)}.news-reading-aside{grid-template-columns:1fr 1fr;align-items:start}.news-reading-aside>.secondary-button{display:none}.admin-layout{grid-template-columns:190px minmax(0,1fr);gap:18px}.disease-hero-grid{grid-template-columns:80px minmax(0,1fr)}.large-code{width:80px;height:90px}.disease-actions{grid-column:2;display:flex;align-items:center;flex-wrap:wrap}.disease-actions .follow-form,.disease-actions .follow-button,.disease-actions>a{width:auto}.disease-actions small{width:100%;text-align:left}.anchor-tabs{margin-left:108px}}
@media(max-width:760px){:root{--gutter:18px}.site-header{height:68px}.header-inner{gap:10px}.brand-name{font-size:23px}.brand-mark{width:34px;height:34px;font-size:26px;border-radius:10px}.header-actions{gap:7px}.theme-picker select{max-width:104px;height:35px;font-size:.75rem;padding-left:8px}.desktop-nav.open,.desktop-nav.is-open{top:68px}.header-search-toggle,.header-actions .desktop-only{display:none}.portal-subnav .container{gap:24px;overflow:auto;white-space:nowrap}.front-news{padding-top:22px}.news-stage{grid-template-columns:minmax(0,1fr);gap:16px}.headline-card{min-height:310px;padding:24px;border-radius:16px}.headline-body h2{font-size:2rem}.headline-body p{font-size:1rem}.headline-side{grid-template-columns:1fr}.news-brief{padding:22px}.neuro-teaser{display:none}.trending-row{flex-wrap:wrap;gap:8px}.portal-grid{grid-template-columns:minmax(0,1fr);padding-top:18px}.main-stream{padding:22px 20px;border-radius:15px}.stream-tabs{gap:22px;overflow:auto;white-space:nowrap}.stream-post h3{font-size:1.3rem}.stream-post{padding:24px 0}.portal-aside{grid-template-columns:1fr 1fr;gap:16px}.finder-box{grid-column:1/-1}.library-meter{grid-column:1/-1}.document-grid{grid-template-columns:1fr}.document-card{min-height:195px}.news-page-header{padding:26px 0 22px}.news-header-inner{flex-direction:column;gap:18px}.news-header-inner h1{font-size:2rem}.news-header-links{align-self:stretch;justify-content:space-between}.news-header-links a{padding:7px 10px}.news-list{grid-template-columns:minmax(0,1fr);gap:18px}.news-item,.news-item.featured{padding:24px;min-height:0;border-radius:16px}.news-card-top{font-size:.75rem;gap:10px}.news-card-copy{padding:24px 0}.news-card-copy h2{font-size:1.65rem;line-height:1.25}.news-card-context{padding-bottom:18px}.news-actions{gap:12px}.news-read-link{font-size:.875rem;gap:10px}.news-reading-main{padding:24px;border-radius:16px}.news-reading-main h1{font-size:2rem}.news-reading-main .article-lead{font-size:1.1rem}.news-reading-aside{grid-template-columns:1fr}.article-layout,.question-layout{gap:20px}.medical-article{padding:24px 20px}.question-post,.comments-section{padding:24px 20px}.question-post h1{font-size:1.8rem}.answer-card{padding:20px 16px}.question-layout>aside{grid-template-columns:1fr}.article-sidebar{grid-template-columns:1fr}.question-aside .calm,.question-aside .urgent{display:none}.disease-hero-grid{grid-template-columns:64px minmax(0,1fr);gap:18px}.large-code{width:64px;height:78px;border-radius:12px}.large-code small{font-size:.7rem}.large-code strong{font-size:24px}.disease-hero h1{font-size:1.8rem}.disease-actions{grid-column:1/-1}.anchor-tabs{margin-left:0;gap:22px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative;top:auto}.admin-sidebar nav{display:flex;flex-wrap:wrap;gap:5px}.admin-sidebar nav a{padding:7px 10px}.admin-sidebar-head,.admin-back-link{display:none}.admin-sidebar{padding:10px}.workspace-heading h1{font-size:1.8rem}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-links{gap:40px;flex-wrap:wrap}.medical-note{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.site-footer{padding-top:25px}.social-page{padding-top:24px}.news-article .breadcrumbs{margin-bottom:20px}}
@media(max-width:420px){:root{--gutter:14px}.brand{gap:7px}.brand-name{font-size:20px}.brand-mark{width:30px;height:30px;font-size:23px}.header-actions{gap:5px}.theme-picker select{max-width:92px;padding-right:16px}.login-link{font-size:.8125rem;padding:5px}.mobile-menu{width:32px;height:34px}.header-inner{gap:6px}.news-item,.news-item.featured{padding:20px}.news-card-top{align-items:flex-start;flex-direction:column;gap:5px}.news-card-copy h2{font-size:1.5rem}.question-post,.comments-section{padding:22px 16px}.headline-body h2{font-size:1.8rem}.section-head{flex-wrap:wrap}.article-tools{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Directory and community surfaces use the same spacing and card language. */
.content-with-aside{grid-template-columns:minmax(0,1fr) clamp(290px,22vw,400px);gap:28px}
.community-page .filter-tabs{margin-bottom:20px;gap:26px;font-size:.875rem}
.discussion-list.full-list{display:grid;gap:16px}
.full-list .discussion-card{padding:26px 30px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.full-list .discussion-card h2{font-size:clamp(1.2rem,1.65vw,1.85rem);font-weight:650;line-height:1.3;margin-top:20px;max-width:75ch}
.full-list .discussion-card>p{font-size:1rem;max-width:120ch;color:var(--ink-soft)}
.discussion-author small,.discussion-footer{color:var(--muted)}
.discussion-footer{flex-wrap:wrap;gap:16px}
.catalog-layout-modern{grid-template-columns:240px minmax(0,1fr);gap:28px}
.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px}
.disease-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:20px}
.disease-card:hover{background:var(--surface-hover);border-color:var(--accent-tint)}
.disease-copy>b{font-size:1rem;line-height:1.4;color:var(--ink)}
.disease-copy>small,.disease-copy>em{color:var(--muted);font-size:.8125rem}
.library-document,.expert-card,.org-card{background:var(--surface);border-color:var(--line);border-radius:17px;box-shadow:none;padding:26px}
.library-document h2,.expert-card h2,.org-card h2{font-size:1.4rem;font-weight:650;line-height:1.3}
.library-document p,.expert-card p,.org-card p{font-size:1rem;color:var(--ink-soft)}
.expert-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.expert-card .avatar{width:54px;height:54px;border-radius:16px;font-size:1.1rem}
.library-filters{background:var(--surface);padding:14px;border:1px solid var(--line);border-radius:14px}
.library-filters>label,.library-filters select{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}
.access-card,.access-card.unlocked{background:var(--accent-soft);color:var(--ink-soft);border-color:var(--accent-tint)}
.access-card b{color:var(--ink)}
.access-card small,.access-card p{color:var(--ink-soft)}
@media(max-width:1000px){.content-with-aside,.catalog-layout-modern{grid-template-columns:minmax(0,1fr)}.community-aside{grid-template-columns:1fr 1fr}.catalog-filters{position:static}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}}
@media(max-width:760px){.full-list .discussion-card{padding:22px 20px}.community-aside{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.library-document,.expert-card,.org-card{padding:22px}.discussion-author{flex-wrap:wrap;gap:8px}.discussion-author .topic-pill{max-width:100%;margin:8px 0 0}.community-page .filter-tabs{overflow:auto;white-space:nowrap;gap:22px}.library-filters{padding:12px}}
@media(max-width:360px){.header-inner{gap:4px}.brand{gap:6px}.brand-name{font-size:18px}.brand-mark{width:28px;height:28px;font-size:22px}.header-actions{gap:4px}.theme-picker select{max-width:88px;padding-left:6px}.mobile-menu{width:30px}.login-link{padding:4px}}