/* Cannabis editorial: shared with the Science feature in all four languages. */
.cannabis-feature { display:grid; grid-template-columns: .78fr 1.5fr; align-items:center; gap:56px; margin:50px 0 64px; padding:40px 52px; border:1px solid var(--line); background:radial-gradient(ellipse at 15% 50%,#1d3a28 0%,#10251b 46%,#0b1f16 100%); }
.cannabis-feature-art { display:block; width:100%; max-width:290px; margin:auto; transition:transform .5s ease; }
.cannabis-feature:hover .cannabis-feature-art { transform:rotate(-3deg) scale(1.025); }
.cannabis-feature-art img { width:100%; height:auto; }
.cannabis-feature h3 { font-size:clamp(36px,3.8vw,52px); margin:12px 0 18px; }
.cannabis-feature p:not(.research-kicker) { max-width:620px; color:#c9d1c3; }
.cannabis-feature .text-link { display:inline-flex; align-items:center; gap:28px; padding:8px 0; color:var(--gold); border-bottom:1px solid var(--gold); }
.article-hero { padding:46px 0 60px; overflow:hidden; background:radial-gradient(ellipse at 88% 50%,rgba(48,83,48,.27),transparent 56%),var(--deep); border-bottom:1px solid var(--line); }
.article-breadcrumb { display:flex; gap:12px; flex-wrap:wrap; color:var(--muted); font-size:11px; margin-bottom:58px; }
.article-breadcrumb a { border-bottom:1px solid transparent; }
.article-breadcrumb a:hover { color:var(--gold); border-color:var(--gold); }
.article-hero-grid { display:grid; grid-template-columns:1.55fr 1fr; gap:35px; align-items:center; }
.article-hero h1 { font-size:clamp(66px,7.4vw,104px); max-width:850px; letter-spacing:-2.5px; overflow-wrap:normal; }
.article-lead { font-size:16px; max-width:650px; color:#cbd4c5; line-height:1.9; }
.article-art { position:relative; margin:0; align-self:center; }
.article-art img { width:100%; max-height:400px; object-fit:contain; }
.article-art figcaption { text-align:center; color:var(--gold); text-transform:uppercase; font-size:9px; letter-spacing:3px; margin-top:25px; }
.article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; font-size:10px; letter-spacing:.3px; color:var(--muted); margin-top:28px; padding-top:20px; border-top:1px solid var(--line); }
.article-meta .article-author { flex-basis:100%; color:var(--cream); font-size:11px; }
.article-layout { display:grid; grid-template-columns:210px minmax(0,1fr); align-items:start; gap:75px; padding-block:64px 80px; }
.article-toc { position:sticky; top:140px; font-size:11px; }
.article-toc .research-kicker { font-size:9px; margin-bottom:17px; }
.article-toc ol { list-style:none; padding:0; margin:0; counter-reset:toc; }
.article-toc li { counter-increment:toc; border-bottom:1px solid rgba(231,193,106,.13); }
.article-toc a { display:flex; align-items:baseline; gap:12px; padding:11px 0; color:#c9d1c3; line-height:1.5; }
.article-toc a::before { content:counter(toc,decimal-leading-zero); color:var(--gold); font-size:9px; flex:0 0 20px; }
.article-toc a:hover { color:var(--gold); }
.article-body { max-width:870px; min-width:0; font-size:15px; line-height:1.95; }
.article-body p { margin:0 0 23px; color:#d3daca; }
.article-editorial { border-left:2px solid var(--gold); padding:5px 0 5px 22px; font-size:11px; line-height:1.85; margin-bottom:52px; }
.article-editorial p { color:var(--muted); margin:0; }
.article-section { margin-bottom:68px; scroll-margin-top:135px; }
.article-section > .research-kicker { font-size:9px; margin-bottom:14px; }
.article-section h2 { font-size:clamp(36px,4.1vw,52px); line-height:1.08; max-width:790px; margin-bottom:30px; }
.article-section h3 { font-size:28px; line-height:1.16; margin-bottom:16px; }
.article-body strong { font-weight:700; color:var(--cream); }
.article-body em { color:inherit; }
.article-citations { white-space:nowrap; font-size:10px; vertical-align:super; line-height:1; padding-left:3px; }
.article-citations a { color:var(--gold); padding:3px 2px; border-bottom:1px solid rgba(231,193,106,.4); }
.compound-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:30px 0; border:1px solid var(--line); background:var(--panel); }
.compound-grid > div { padding:25px 21px 6px; }
.compound-grid > div + div { border-left:1px solid var(--line); }
.compound-grid p { font-size:12px; line-height:1.85; }
.compound-grid h3 { font-size:25px; overflow-wrap:anywhere; }
.compound-symbol { display:block; color:var(--gold); letter-spacing:2px; font-size:9px; margin-bottom:16px; }
.article-table-wrap { width:100%; overflow-x:auto; border:1px solid var(--line); margin:30px 0; background:#0d2017; scrollbar-color:var(--gold) var(--ink); }
.article-table-wrap:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
.article-table-wrap table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; line-height:1.8; }
.article-table-wrap th, .article-table-wrap td { vertical-align:top; padding:19px 18px; border-bottom:1px solid var(--line); }
.article-table-wrap thead th { color:var(--gold); font-size:9px; text-transform:uppercase; letter-spacing:1.1px; background:#12291d; }
.article-table-wrap tbody th { min-width:140px; font-weight:600; color:var(--cream); }
.article-table-wrap tbody td { color:#cbd4c5; }
.article-table-wrap tr:last-child > * { border-bottom:0; }
.evidence-note { padding:30px 34px 9px; margin:32px 0; background:linear-gradient(125deg,#1a3524,#10251b); border:1px solid var(--line); border-left:3px solid var(--gold); }
.evidence-note > .research-kicker { display:block; font-size:9px; margin-bottom:15px; }
.evidence-note p { font-size:14px; }
.care-steps { list-style:none; counter-reset:care; padding:0; margin:30px 0; }
.care-steps li { position:relative; counter-increment:care; padding:18px 0 18px 46px; border-bottom:1px solid var(--line); font-size:14px; color:#d3daca; }
.care-steps li::before { content:counter(care,decimal-leading-zero); position:absolute; left:0; top:20px; font-size:11px; color:var(--gold); }
.article-closing { margin:15px 0 68px; border-top:1px solid var(--gold); border-bottom:1px solid var(--line); padding:34px 0 14px; }
.article-closing h2 { font-size:39px; color:var(--gold); line-height:1.17; }
.article-references { scroll-margin-top:135px; }
.article-references > p { font-size:12px; color:var(--muted); }
.article-references h2 { font-size:43px; margin-bottom:20px; }
.article-reference-list { list-style:none; counter-reset:refs; padding:0; margin:28px 0 38px; }
.article-reference-list li { scroll-margin-top:140px; counter-increment:refs; padding:16px 0 16px 42px; border-bottom:1px solid var(--line); position:relative; font-size:12px; line-height:1.7; }
.article-reference-list li::before { content:counter(refs,decimal-leading-zero); position:absolute; left:0; top:18px; color:var(--gold); font-size:10px; }
.article-reference-list li:target { background:#142e1f; box-shadow:0 0 0 10px #142e1f; }
.article-reference-list a { color:var(--cream); text-decoration:underline; text-decoration-color:rgba(231,193,106,.4); text-underline-offset:4px; }
.article-reference-list a:hover { color:var(--gold); }
.article-reference-list small { display:block; font-size:10px; color:var(--muted); margin-top:5px; }
.article-references > .text-link { display:inline-flex; padding:8px 0; border-bottom:1px solid var(--gold); color:var(--gold); font-size:12px; }
@media (prefers-reduced-motion:reduce) { .cannabis-feature-art { transition:none; } .cannabis-feature:hover .cannabis-feature-art { transform:none; } }
@media (max-width:1100px) { .article-layout { grid-template-columns:175px minmax(0,1fr); gap:40px; } .article-hero-grid { grid-template-columns:1.6fr 1fr; gap:10px; } .compound-grid { grid-template-columns:1fr; } .compound-grid > div + div { border-left:0; border-top:1px solid var(--line); } .compound-grid > div { display:grid; grid-template-columns:1fr 2fr; column-gap:24px; } .compound-symbol { grid-column:1; } .compound-grid h3 { grid-column:1; } .compound-grid p { grid-column:2; grid-row:1/3; } }
@media (max-width:760px) { .cannabis-feature { grid-template-columns:1fr; gap:15px; padding:28px; margin:32px 0 40px; } .cannabis-feature-art { max-width:190px; } .cannabis-feature h3 { font-size:38px; } .article-hero { padding:24px 0 36px; } .article-breadcrumb { margin-bottom:32px; gap:9px; font-size:10px; } .article-hero-grid { grid-template-columns:1fr; gap:12px; } .article-hero h1 { font-size:clamp(57px,11vw,82px); letter-spacing:-1.7px; margin-bottom:20px; } .article-hero .eyebrow { font-size:8px; letter-spacing:1.6px; } .article-lead { font-size:14px; } .article-art { display:none; } .article-meta { margin-top:22px; } .article-layout { display:block; padding-block:32px 50px; } .article-toc { position:static; padding-bottom:28px; margin-bottom:30px; border-bottom:1px solid var(--line); } .article-toc ol { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; } .article-toc a { font-size:10px; gap:6px; padding:9px 0; } .article-body { font-size:14px; } .article-editorial { margin-bottom:38px; } .article-section { margin-bottom:47px; } .article-section h2 { font-size:37px; } .article-table-wrap th, .article-table-wrap td { padding:13px 12px; } .article-table-wrap table { min-width:570px; font-size:11px; } .article-section#routes table { min-width:420px; } .compound-grid > div { display:block; padding:22px 24px 0; } .compound-grid h3 { font-size:27px; } .compound-symbol { margin-bottom:10px; } .compound-grid p { font-size:13px; } .evidence-note { padding:24px 22px 2px; } .article-closing h2 { font-size:34px; } .article-reference-list li { font-size:11px; padding-left:34px; } }
@media print { html { color-scheme:light; } body.article-page { background:white; color:#111; font:11pt/1.6 Georgia,serif; } .article-page header,.article-page footer,.article-toc,.article-art,.article-breadcrumb,.skip { display:none!important; } .article-page .wrap { width:100%; } .article-hero { background:none; padding:0 0 20px; border-color:#aaa; } .article-hero-grid { display:block; } .article-hero h1 { font-size:40pt; letter-spacing:-1px; color:#111; } .article-hero h1 em,.article-page .eyebrow,.article-page .research-kicker,.article-closing h2,.article-citations a { color:#555; } .article-hero h1 br { display:none; } .article-layout { display:block; padding:20px 0; } .article-body { max-width:none; font:inherit; } .article-page p,.article-lead,.article-meta,.article-page strong,.article-reference-list a,.article-reference-list small { color:#111; } .article-section { margin-bottom:25px; } .article-section h2,.article-references h2 { font-size:24pt; break-after:avoid; } .article-table-wrap,.compound-grid,.evidence-note { background:none; border-color:#aaa; } .article-table-wrap { overflow:visible; } .article-table-wrap table { min-width:0!important; font-size:9pt; } .article-table-wrap th,.article-table-wrap td { color:#111!important; padding:8px; border-color:#aaa; background:none; } .compound-grid { display:block; } .compound-grid > div { display:block; padding:12px; } .compound-grid p { font-size:10pt; } .evidence-note p { font-size:10pt; } .article-reference-list { break-before:auto; } .article-reference-list li { break-inside:avoid; } .article-meta { border-color:#aaa; } .article-references > .text-link { display:none; } }
