/* Vasomune — global styles, shared by every page.
   Prototype by Oromo Healthcare Digital Group. Every block maps to a core
   Gutenberg block — see the "WP:" comments in the page markup. Images are
   concept renders from the proposal; replace with final art. */
:root{
  --ink:#0B2545; --text:#2A3A55; --muted:#5A6B84;
  --ground:#F4F8FB; --surface:#FFFFFF; --tint:#E6EFF7; --line:#D3DFEB;
  --blue:#0A6FB7; --blue-ink:#FFFFFF; --blue-soft:#DDEBF6;
  --leak:#D6404C; --tie2:#0FA9D6;
  --night:#061429; --night-2:#0C2140; --night-text:#DCE7F2; --night-muted:#93A6BC;
  --shadow:0 1px 2px rgba(10,24,69,.06),0 8px 24px rgba(10,24,69,.06);
  --display:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:"Source Sans 3",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --wrap:1120px; --gut:clamp(16px,4vw,32px); --r:14px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --ink:#EEF4FA; --text:#C6D4E3; --muted:#90A3BA;
  --ground:#07152A; --surface:#0D2140; --tint:#112A4C; --line:#1F3A60;
  --blue:#3A9BE0; --blue-ink:#FFFFFF; --blue-soft:#133555;
  --leak:#F06A74; --tie2:#3CCBF2;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ink:#EEF4FA; --text:#C6D4E3; --muted:#90A3BA;
  --ground:#07152A; --surface:#0D2140; --tint:#112A4C; --line:#1F3A60;
  --blue:#3A9BE0; --blue-ink:#FFFFFF; --blue-soft:#133555;
  --leak:#F06A74; --tie2:#3CCBF2;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--ground);color:var(--text);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--display);color:var(--ink);margin:0;text-wrap:balance;letter-spacing:-.02em}
h1{font-size:clamp(2.1rem,5.6vw,3.9rem);line-height:1.04;font-weight:800;letter-spacing:-.035em}
h2{font-size:clamp(1.6rem,3.4vw,2.35rem);line-height:1.12;font-weight:800}
h3{font-size:1.2rem;line-height:1.25;font-weight:700}
p{margin:0}
a{color:var(--blue)}
:focus-visible{outline:3px solid var(--tie2);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.eyebrow{font:500 .74rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
/* block so a label on its own line keeps its tight spacing in standards mode */
.eyebrow{display:block}
.lede{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--text);max-width:60ch}
.small{font-size:.9rem;color:var(--muted)}
.stack{display:flex;flex-direction:column;gap:14px}
.section{padding-block:clamp(48px,7vw,88px)}
.section-head{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(24px,4vw,40px);max-width:62ch}

/* Buttons — WP: core/buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font:700 1rem/1 var(--display);padding:14px 20px;border-radius:10px;border:0;cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease}
.btn-primary{background:var(--blue);color:var(--blue-ink)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--blue)}
.btn .play{width:24px;height:24px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center}
.btn .play::after{content:"";border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
.link-arrow{font:700 .98rem var(--display);text-decoration:none;color:var(--blue)}
.link-arrow::after{content:" →"}

/* Header */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--ground) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none}
.logo-img{display:block;height:44px;width:auto;max-width:100%}
/* dark theme: give the brand logo a light plate so its colours stay true */
:root[data-theme="dark"] .logo-img{background:#fff;border-radius:6px;padding:4px 8px;box-sizing:content-box;height:36px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-img{background:#fff;border-radius:6px;padding:4px 8px;box-sizing:content-box;height:36px}}
.logo-word{display:flex;flex-direction:column;line-height:1}
.logo-word b{font:700 1.55rem/1 var(--display);color:var(--blue);letter-spacing:-.02em}
.logo-word span{font:500 .62rem/1 var(--body);letter-spacing:.32em;color:var(--ink);margin-top:3px;padding-left:34px}
.nav{display:flex;gap:4px}
.nav a{font:600 .95rem var(--display);color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:8px}
.nav a:hover{background:var(--tint)}
.nav a[aria-current="page"]{color:var(--blue);box-shadow:inset 0 -2px 0 var(--blue);border-radius:0}
.menu-btn{display:none;background:none;border:0;padding:10px;margin-right:-10px;cursor:pointer;color:var(--ink)}
.menu-btn span{display:block;width:22px;height:2px;background:currentColor;margin:5px 0;border-radius:2px;transition:transform .2s}
@media (max-width:860px){
  .menu-btn{display:block}
  .nav{position:fixed;inset:68px 0 auto 0;flex-direction:column;gap:0;background:var(--surface);border-bottom:1px solid var(--line);padding:8px var(--gut) 20px;box-shadow:var(--shadow)}
  .nav:not(.open){display:none}
  .nav a{padding:14px 4px;border-bottom:1px solid var(--line);font-size:1.05rem;border-radius:0}
  .nav a[aria-current="page"]{box-shadow:none}
  .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* Pages */
.page{display:none}
.page.active{display:block;animation:fade .35s ease}
@keyframes fade{from{opacity:.4}to{opacity:1}}

/* Home hero — WP: core/cover or media-text */
.hero{position:relative;overflow:hidden;background:var(--ground)}
.hero-art{position:absolute;inset:0 0 0 38%;background:url(../images/hero.jpg) center/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%);mask-image:linear-gradient(90deg,transparent 0,#000 28%)}
.hero .wrap{position:relative;padding-block:clamp(56px,9vw,120px)}
.hero-copy{max-width:560px;display:flex;flex-direction:column;gap:22px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
@media (max-width:760px){
  .hero-art{position:relative;inset:auto;height:200px;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
  .hero .wrap{padding-top:8px}
}

/* Interior page banner */
.banner{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.banner .art{position:absolute;inset:0 0 0 45%;background:url(../images/hero.jpg) center/cover;opacity:.9;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.banner .wrap{position:relative;padding-block:clamp(40px,6vw,72px);display:flex;flex-direction:column;gap:14px}
.banner .wrap>*{max-width:600px}
@media (max-width:760px){.banner .art{inset:0;opacity:.18;-webkit-mask-image:none;mask-image:none}}

/* Story band (always dark — cinematic) */
.story{background:var(--night);color:var(--night-text);position:relative;overflow:hidden}
.story::before{content:"";position:absolute;inset:0 0 0 55%;background:url(../images/story.jpg) center/cover;opacity:.55;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 50%);mask-image:linear-gradient(90deg,transparent,#000 50%)}
.story .wrap{position:relative}
.story h2{color:#fff;max-width:22ch}
.story .eyebrow{color:#7FD8F5}
.steps{list-style:none;padding:0;margin:clamp(28px,5vw,48px) 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}
.steps::before{content:"";position:absolute;top:21px;left:22px;right:22px;height:2px;background:linear-gradient(90deg,var(--leak) 0 55%,#2EC6F0 65%)}
.steps li{position:relative;display:flex;flex-direction:column;gap:6px}
.dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:600 .85rem var(--mono);color:#fff;background:#D6404C;box-shadow:0 0 0 6px var(--night)}
.steps li.good .dot{background:#12AEDB}
.steps b{font:700 1.02rem var(--display);color:#fff;margin-top:8px}
.steps span{font-size:.95rem;color:var(--night-muted)}
.steps .dot{color:#fff;font-size:.95rem;font-weight:600}
@media (max-width:760px){
  .steps{grid-template-columns:1fr;gap:18px}
  .steps::before{top:22px;bottom:22px;left:21px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--leak) 0 55%,#2EC6F0 65%)}
  .steps li{display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:center}
  .steps li .dot{grid-row:span 2}
  .steps b{margin:0}
}

/* Facts row */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.fact{background:var(--surface);padding:24px;display:flex;flex-direction:column;gap:6px}
.fact .k{font:500 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fact .v{font:800 1.3rem/1.2 var(--display);color:var(--ink)}
@media (max-width:760px){.facts{grid-template-columns:1fr}}

.split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}

/* Opportunity map */
.omap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tier{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.tier img{display:block;width:100%;aspect-ratio:380/228;object-fit:cover;max-width:100%}
.tier .body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.stage{align-self:flex-start;font:500 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue)}
.stage.lead{background:var(--blue);color:var(--blue-ink)}
.chips{display:flex;flex-wrap:wrap;gap:6px 8px}
/* .chip = static label (not clickable): flat, no border, no pill */
.chip{font:500 .72rem/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:5px 8px;border-radius:4px;background:var(--tint);color:var(--muted)}
/* Condition icon list (pipeline) — WP: core/list with icon images */
.cond-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0}
.cond-list li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-weight:600;color:var(--ink)}
.cond-list li:first-child{border-top:0}
.ci{width:32px;height:32px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:none}
.ci svg{width:18px;height:18px}
/* Condition explorer (home) — clickable */
.conds{display:flex;flex-wrap:wrap;gap:8px}
.cond{display:inline-flex;align-items:center;gap:8px;font:600 .9rem var(--display);padding:7px 14px 7px 7px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.cond .ci{width:28px;height:28px}
.cond .ci svg{width:16px;height:16px}
.cond:hover{border-color:var(--blue)}
.cond[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:var(--blue-ink)}
.cond[aria-pressed="true"] .ci{background:rgba(255,255,255,.2);color:#fff}
.cond-panel{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-height:96px}
.cond-panel h3{font-size:1.05rem}
.cond-panel .stage{margin-bottom:2px}
.tier.broad{background:linear-gradient(160deg,var(--tint),var(--surface))}
.hub{width:100%;aspect-ratio:380/228;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,var(--blue-soft),transparent 70%);max-width:100%}
.hub svg{width:78%;height:auto;overflow:visible}
@media (max-width:900px){.omap{grid-template-columns:1fr}.tier{flex-direction:row}.tier img,.tier .hub{width:38%;aspect-ratio:auto;min-height:100%}}
@media (max-width:560px){.tier{flex-direction:column}.tier img,.tier .hub{width:100%;aspect-ratio:380/200}}

/* News */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.news-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.news-card:hover{border-color:var(--blue);transform:translateY(-2px)}
.news-card h3{font-size:1.08rem}
.meta{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.tag{font:500 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.date{font:500 .72rem var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}
.ph{font:500 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--leak);border:1px dashed var(--leak);border-radius:999px;padding:3px 8px}
@media (max-width:860px){.news-grid{grid-template-columns:1fr}}
.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:thin}
.filters button{flex:none;font:600 .9rem var(--display);padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.news-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.news-list li{display:grid;grid-template-columns:130px 1fr auto;gap:8px 20px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.news-list a{font:700 1.02rem/1.35 var(--display);color:var(--ink);text-decoration:none}
.news-list a:hover{color:var(--blue)}
@media (max-width:640px){.news-list li{grid-template-columns:1fr}.news-list li .tag{order:-1}}

/* Accordions — WP: core/details */
details.acc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
details.acc+details.acc{margin-top:12px}
details.acc summary{list-style:none;cursor:pointer;padding:20px 22px;display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary .ic{width:44px;height:44px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}
details.acc summary .ic svg{width:22px;height:22px}
details.acc summary .count{font:500 .75rem var(--mono);color:var(--muted);display:flex;align-items:center;gap:10px;white-space:nowrap}
details.acc summary .count::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
details.acc[open] summary .count::after{transform:rotate(-135deg) translateY(-2px)}
details.acc summary p{font-size:.95rem;color:var(--muted);margin-top:2px}
.pubs{list-style:none;margin:0;padding:0 22px 12px 82px}
.pubs li{padding:14px 0;border-top:1px solid var(--line)}
.pubs a{font-weight:600;color:var(--ink);text-decoration:none}
.pubs a:hover{color:var(--blue);text-decoration:underline}
.pubs a::after{content:" ↗";color:var(--blue)}
.pubs .cite{display:block;font-size:.88rem;color:var(--muted);margin-top:3px}
@media (max-width:560px){.pubs{padding:0 18px 10px}details.acc summary{grid-template-columns:36px 1fr;padding:18px}details.acc summary .ic{width:36px;height:36px}details.acc summary .count{grid-column:2}}

/* Leadership */
.people{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}
.person{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;grid-template-columns:88px 1fr;gap:6px 18px;align-content:start}
.headshot{grid-row:span 3;width:88px;height:88px;border-radius:50%;object-fit:cover;background:var(--tint);max-width:100%}
.mono{grid-row:span 3;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font:800 1.3rem var(--display);color:var(--blue);background:var(--blue-soft)}
.person .role{font:600 .95rem var(--display);color:var(--blue)}
.person .why{grid-column:1/-1;margin-top:12px;font-weight:600;color:var(--ink)}
.person details{grid-column:1/-1}
.person summary{cursor:pointer;font:700 .9rem var(--display);color:var(--blue);margin-top:10px;width:max-content}
.person details p,.bio p{margin-top:10px;color:var(--text);font-size:.97rem}
.person .chips{grid-column:1/-1;margin-top:12px}
.person .chip{font-size:.78rem;padding:5px 10px}
@media (max-width:760px){.people{grid-template-columns:1fr}.person{grid-template-columns:64px 1fr;padding:20px}.headshot{width:64px;height:64px}}
.roster{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px)}
.roster ul{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--line)}
.roster li{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:56px 1fr;gap:2px 14px;align-items:start}
.roster li img{grid-row:span 3;width:56px;height:56px;border-radius:50%;object-fit:cover;max-width:100%}
.roster li b{font:700 1rem var(--display);color:var(--ink)}
.roster details summary,.person summary{cursor:pointer;font:700 .88rem var(--display);color:var(--blue);margin-top:6px;width:max-content}
.roster details p{margin-top:8px;font-size:.95rem}
@media (max-width:760px){.roster{grid-template-columns:1fr}}

/* Science */
.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:ph}
.phase{border-top:3px solid var(--leak);padding-top:16px;display:flex;flex-direction:column;gap:8px}
.phase.good{border-color:var(--tie2)}
.phase .n{font:500 .72rem var(--mono);letter-spacing:.12em;color:var(--muted)}
@media (max-width:860px){.phases{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.phases{grid-template-columns:1fr}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,4vw,36px);box-shadow:var(--shadow)}
.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.checklist li{display:grid;grid-template-columns:22px 1fr;gap:12px}
.checklist li::before{content:"";width:10px;height:10px;margin:8px 0 0 4px;border-radius:50%;background:var(--tie2);box-shadow:0 0 0 4px color-mix(in srgb,var(--tie2) 20%,transparent)}

/* CTA band */
.cta{background:var(--tint);border-block:1px solid var(--line)}
.cta .wrap{padding-block:clamp(40px,6vw,64px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta h2{max-width:24ch}

/* Contact */
.email-box{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.email-box code{font:600 1.15rem var(--display);color:var(--ink);user-select:all;flex:1;min-width:0;overflow-wrap:anywhere}
.copied{font:500 .78rem var(--mono);color:var(--tie2)}

/* Footer */
footer{border-top:1px solid var(--line);background:var(--surface)}
footer .wrap{padding-block:36px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 22px}
.foot-links a{color:var(--ink);text-decoration:none;font:600 .92rem var(--display)}
.foot-links a:hover{color:var(--blue)}
.foot-links.secondary a{color:var(--muted);font-weight:500}
@media (max-width:760px){footer .wrap{grid-template-columns:1fr}}

/* Modal */
.modal{position:fixed;inset:0;z-index:60;background:rgba(4,9,26,.82);display:grid;place-items:center;padding:var(--gut)}
.modal-inner{width:min(960px,100%);background:#050B1F;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.video{aspect-ratio:16/9;max-width:100%;position:relative;background:url(../images/story.jpg) center/cover;display:grid;place-items:center}
.video::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,11,31,.2),rgba(5,11,31,.75))}
.video .inner{position:relative;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}
.video .big-play{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid #fff;display:grid;place-items:center}
.video .big-play::after{content:"";border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.modal-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;color:#C9D3EE;font-size:.92rem}
.modal-bar button{background:none;border:1px solid #33416B;color:#fff;border-radius:8px;padding:8px 14px;font:600 .9rem var(--display);cursor:pointer}

.isi{font-size:.82rem;color:var(--muted);max-width:80ch}