/* Editorial reading, botanical dossiers and crawlable discovery. */
.desktop-nav{gap:24px}
.editorial-byline{font-size:12px;color:var(--muted);margin-top:25px;padding-top:20px;border-top:1px solid var(--line);line-height:1.7}
.article-heading{max-width:990px;padding-block:55px 56px}
.article-heading h1{font-size:clamp(38px,4.5vw,62px);max-width:920px;margin:0 0 27px}
.article-heading .intro{max-width:780px;font-size:18px;line-height:1.9}
.article-layout{display:grid;grid-template-columns:260px minmax(0,750px);justify-content:space-between;gap:65px;padding-bottom:65px}
.article-layout>aside{min-width:0}
.article-toc{background:var(--sage);padding:27px 25px;border-top:2px solid #92a187}
.article-toc h2{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0;margin:0 0 17px}
.article-toc ol,.article-toc ul{list-style:none;margin:0;padding:0}
.article-toc li+li{border-top:1px solid #d5dccd}
.article-toc a{display:block;padding:11px 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.article-toc a:hover{color:var(--rust);text-decoration:underline;text-underline-offset:4px}
.reading-help{padding:25px 0;font-size:13px}
.reading-help p{margin-bottom:5px}
.reading-help .text-link{font-size:12px}
.article-body{min-width:0;font-size:16px;line-height:1.95}
.article-body h2{font-size:34px;line-height:1.25;margin:0 0 23px}
.article-body h3{font-size:24px;margin:0 0 15px}
.article-body>section{scroll-margin-top:25px;margin-bottom:48px}
.article-body>section+section{padding-top:35px;border-top:1px solid var(--line)}
.article-body p{color:var(--muted);margin:0 0 22px}
.article-body ul,.article-body ol{padding-left:23px;color:var(--muted);margin:22px 0}
.article-body li{padding-left:5px;margin-block:12px}
.article-body a:not(.text-link,.button){color:var(--ink);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.article-faq .faq-list summary{font-size:15px}
.article-faq .faq-list details>div{font-size:15px;line-height:1.85}
.article-body .source-panel{margin-bottom:0;padding:30px;background:#f0f0e8;border:1px solid var(--line)}
.source-panel h2{font-size:27px;margin-bottom:16px}
.source-panel p,.source-panel li{font-size:13px;line-height:1.8}
.source-panel ul{list-style:none;padding:0;margin:10px 0}
.source-panel li{padding:0;margin:12px 0}
.source-panel a .icon{display:inline;width:14px;height:14px;vertical-align:middle;margin-left:4px}
.source-panel .review-date{margin:21px 0 0;font-size:11px}
.knowledge-preview{padding-top:80px}
.knowledge-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--sage);margin-top:35px}
.knowledge-feature-copy{padding:45px 50px;border-right:1px solid #cfd8c7}
.chapter-number{display:block;color:var(--rust);font-size:11px;letter-spacing:.1em;margin-bottom:20px}
.knowledge-feature-copy h3{font-size:36px;max-width:430px;margin-bottom:22px}
.knowledge-feature-copy p{font-size:15px;line-height:1.9;max-width:480px;color:var(--muted)}
.knowledge-feature-copy .button{margin-top:12px}
.knowledge-feature-links{padding:18px 38px}
.knowledge-feature-links>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;min-height:120px}
.knowledge-feature-links>a+a{border-top:1px solid #cfd8c7}
.knowledge-feature-links strong{display:block;font:24px/1.35 var(--serif);font-weight:400;margin-bottom:8px}
.knowledge-feature-links small{font-size:13px;line-height:1.7;color:var(--muted)}
.knowledge-feature-links>a:hover strong{color:var(--rust)}
.knowledge-hub{padding-bottom:70px}
.topic-navigation{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center;border-block:1px solid var(--line);padding:18px 0}
.topic-navigation>a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;font-size:14px}
.knowledge-topic{padding-top:50px;scroll-margin-top:20px}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:28px}
.knowledge-card{min-width:0;padding:28px 27px;background:#f0f0e8;border:1px solid var(--line);display:flex;flex-direction:column}
.knowledge-card .eyebrow{font-size:10px;margin:0 0 20px}
.knowledge-card h3{font-size:29px;line-height:1.23;margin-bottom:20px}
.knowledge-card h3 a:hover{color:var(--rust)}
.knowledge-card>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:23px}
.knowledge-card .text-link{align-self:flex-start;margin-top:auto;font-size:13px}
.related-reading{border-top:1px solid var(--line)}
.library-heading .intro{max-width:740px;font-size:17px}
.ingredient-directory{padding-bottom:70px}
.directory-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:end;padding:27px;background:var(--sage)}
.directory-search{display:flex;gap:14px;align-items:center;border:1px solid #a5b198;background:var(--white);min-height:56px;padding-inline:17px}
.directory-search input{min-width:0;width:100%;height:54px;border:0;background:transparent;font-size:16px;padding-block:13px}
.directory-search input::placeholder{color:#626d63;opacity:1}
.directory-search input:focus-visible{outline-offset:0}
.directory-sort{display:grid;gap:6px;font-size:11px}
.directory-sort select{min-height:56px;border:1px solid #a5b198;background:var(--white);padding:12px;font-size:15px;border-radius:0}
.alphabet{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-block:22px;border-bottom:1px solid var(--line)}
.alphabet button{display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;border:1px solid var(--line);font-size:13px;padding:8px 12px;border-radius:2px}
.alphabet button[aria-pressed=true],.alphabet button:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.directory-status{font-size:13px;color:var(--muted);margin:22px 0}
.ingredient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.ingredient-card{min-width:0;padding:27px;background:#eeeee7;border:1px solid var(--line);display:flex;flex-direction:column}
.ingredient-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.botanical-initial{font:italic 65px/1 var(--serif);color:#667858;display:block}
.ingredient-card-top .eyebrow{font-size:10px;letter-spacing:.08em;margin:0;text-align:right}
.ingredient-card h2{font-size:35px;margin-bottom:7px}
.ingredient-card h2 a:hover{color:var(--rust)}
.latin-name{font:italic 17px/1.6 var(--serif);color:var(--muted)}
.ingredient-card .latin-name{font-size:16px;margin-bottom:22px}
.ingredient-card>p:not(.latin-name){font-size:14px;line-height:1.85;color:var(--muted)}
.ingredient-card .plant-part{display:flex;gap:10px;align-items:center;font-size:12px;margin-top:auto;padding-top:15px;border-top:1px solid #d5dccd}
.ingredient-card .text-link{align-self:flex-start;font-size:12px}
.editorial-note{background:#ebeee5;padding:28px 32px;border-left:3px solid #869578;margin-block:35px;color:var(--ink)}
.editorial-note h2{font-size:29px;margin-bottom:20px}
.editorial-note strong{display:block;margin-bottom:12px;font-size:15px;font-weight:500}
.editorial-note p{font-size:14px;line-height:1.9;color:var(--muted);max-width:920px;margin:0}
.editorial-note .button{margin-top:24px}
.ingredient-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:90px;padding-block:55px 65px;align-items:start}
.ingredient-heading h1{font-size:clamp(45px,5vw,76px);overflow-wrap:anywhere;margin-bottom:12px}
.ingredient-heading .latin-name{font-size:23px;margin-bottom:22px}
.ingredient-heading .intro{font-size:17px}
.ingredient-summary{position:relative;padding:30px;background:var(--sage);border-top:2px solid #93a286}
.ingredient-summary>.botanical-initial{position:absolute;right:25px;top:22px;font-size:58px;color:#758568}
.ingredient-summary h2{font-size:26px;max-width:200px;padding-right:30px;margin-bottom:24px}
.ingredient-summary dl{margin:0}
.ingredient-summary dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:16px}
.ingredient-summary dd{font-size:14px;line-height:1.8;margin:3px 0 0}
.ingredient-summary dd a{text-decoration:underline;text-underline-offset:3px}
.compound-list{margin:25px 0 0}
.compound-list>div{padding:20px 0;border-block-start:1px solid var(--line)}
.compound-list dt{font:24px/1.4 var(--serif);margin-bottom:10px}
.compound-list dd{margin:0;font-size:15px;color:var(--muted);line-height:1.9}
.evidence-list{display:grid;gap:18px}
.evidence-card{padding:26px;border:1px solid #cbd4c1;background:#f0f1e9}
.evidence-label{display:inline-block;font-size:11px;line-height:1.5;border:1px solid #a4b198;padding:5px 9px;letter-spacing:.02em;margin-bottom:16px}
.evidence-card h3{font-size:26px;margin-bottom:16px}
.evidence-card p{font-size:15px;margin-bottom:15px}
.evidence-card>a{font-size:12px}
.evidence-card>a .icon{display:inline;width:15px;height:15px;vertical-align:middle}
.related-ingredients .text-link{margin-right:23px;margin-bottom:12px}
.family-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:25px}
.family-links .text-link{justify-content:space-between;min-height:65px;font-size:14px;border:1px solid var(--line);padding:15px 18px}
.family-links .text-link:hover{background:var(--sage);border-color:#a4b298}
.collection-context{padding-block:48px 62px;border-top:1px solid var(--line)}
.collection-context h2{font-size:36px;margin-bottom:20px}
.collection-context>p:not(.eyebrow){max-width:830px;font-size:15px;color:var(--muted)}
.context-links{display:flex;gap:20px 34px;flex-wrap:wrap;margin-top:28px}
.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:60px}
.family-card{padding:36px;background:var(--sage)}
.family-citrus{background:#f0eeda}.family-bloemig{background:#eee8ed}.family-kruidig{background:#e6ecdf}.family-houtachtig{background:#eee5db}
.family-card h2{margin-bottom:22px;font-size:38px}
.family-card p{font-size:16px;color:var(--muted);line-height:1.9;max-width:510px}
.family-card small{display:block;margin-bottom:20px;font-size:12px}
.family-card .text-link{font-size:13px}
.family-finder{padding-block:40px 80px;border-top:1px solid var(--line)}
.family-finder h2{margin-bottom:20px}
.family-finder p{font-size:16px;color:var(--muted)}
.family-story{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:75px;align-items:start}
.family-story h2{font-size:32px;margin-bottom:24px}
.family-story p{font-size:16px;line-height:1.95;color:var(--muted)}
.family-story .safety-card{padding:32px}
.family-story .safety-card h3{margin-bottom:20px}
.family-story .safety-card p{font-size:15px}
.start-steps{max-width:1000px;padding-bottom:40px}
.start-steps>article{display:grid;grid-template-columns:60px minmax(0,1fr);gap:30px;border-top:1px solid var(--line);padding:35px 0}
.start-steps h2{font-size:35px;margin-bottom:20px}
.start-steps p{color:var(--muted);font-size:16px;line-height:1.95}
.order-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:70px;padding-bottom:80px;align-items:start}
.order-layout .article-body>h2{margin-top:35px}.order-layout .article-body>h2:first-child{margin-top:0}
.order-layout .safety-card h2{font-size:32px;margin-bottom:20px}
.order-layout .safety-card .small{font-size:12px;line-height:1.8;margin-top:20px}
.oil-dossier{display:grid;grid-template-columns:minmax(0,750px) 280px;justify-content:space-between;gap:65px;padding-block:65px;border-top:1px solid var(--line)}
.oil-dossier .article-body>.intro{font-size:17px}
.oil-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;margin:30px 0 42px}
.oil-facts>div{padding:15px 0;border-bottom:1px solid var(--line)}
.oil-facts dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.oil-facts dd{margin:5px 0 0;font-size:15px;line-height:1.7}
.oil-reading .safety-card{padding:28px 24px;margin-bottom:25px}
.oil-reading .safety-card p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}
.sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding-bottom:75px}
.sitemap-grid h2{font-size:30px;margin-bottom:20px}.sitemap-grid ul{list-style:none;padding:0;margin:0}
.sitemap-grid li+li{border-top:1px solid var(--line)}.sitemap-grid a{display:block;padding:12px 0;font-size:14px;line-height:1.7}
.sitemap-grid a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1061px){.article-layout>aside .article-toc{position:sticky;top:24px}}
@media(max-width:1060px){
 .article-layout{grid-template-columns:230px minmax(0,1fr);gap:35px}
 .ingredient-heading{gap:40px}.ingredient-summary{padding:26px}
 .ingredient-grid,.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .knowledge-feature-copy{padding:35px}.knowledge-feature-links{padding:10px 28px}
 .family-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .oil-dossier{grid-template-columns:minmax(0,1fr) 240px;gap:30px}
 .family-story,.order-layout{gap:35px}
}
@media(max-width:760px){
 .article-heading{padding-block:35px 40px}.article-heading .intro{font-size:16px}
 .article-layout{grid-template-columns:1fr;gap:25px}
 .article-toc{padding:23px}.article-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
 .reading-help{display:none}.article-body h2{font-size:30px}.article-body{font-size:16px}
 .ingredient-heading{grid-template-columns:1fr;gap:25px;padding-block:35px 40px}
 .ingredient-summary dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px 16px;align-items:start}
 .ingredient-summary dt,.ingredient-summary dd{margin:0}
 .ingredient-summary h2{max-width:none;margin-bottom:25px}.ingredient-summary>.botanical-initial{font-size:44px}
 .directory-toolbar{grid-template-columns:1fr;padding:20px;gap:15px}
 .directory-sort{grid-template-columns:100px minmax(0,1fr);align-items:center}
 .directory-sort select{font-size:16px;min-height:48px}
 .knowledge-feature{grid-template-columns:1fr}.knowledge-feature-copy{border-right:0;border-bottom:1px solid #cfd8c7}
 .knowledge-feature-links>a{min-height:100px;padding-block:22px}.knowledge-feature-links strong{font-size:23px}
 .family-story,.order-layout{grid-template-columns:1fr;gap:25px}
 .oil-dossier{grid-template-columns:1fr;padding-block:40px;gap:25px}.oil-reading{display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .sitemap-grid{grid-template-columns:1fr 1fr;gap:35px}
}
@media(max-width:520px){
 .ingredient-grid,.knowledge-grid,.family-grid{grid-template-columns:1fr}
 .ingredient-card{padding:26px}.ingredient-card>p:not(.latin-name){font-size:15px}.ingredient-card .text-link{font-size:13px}
 .ingredient-card .plant-part{font-size:13px}.ingredient-card-top{margin-bottom:15px}
 .library-heading .intro{font-size:16px}.directory-search{padding-inline:12px;gap:10px}
 .directory-search input::placeholder{font-size:14px}.directory-toolbar{padding:16px}
 .alphabet{gap:7px}.alphabet button{min-width:41px;min-height:44px}
 .ingredient-heading h1{font-size:47px}.ingredient-heading .intro{font-size:16px}.ingredient-heading .latin-name{font-size:21px}
 .ingredient-summary dl{grid-template-columns:1fr;gap:4px}.ingredient-summary dt{margin-top:13px}.ingredient-summary dd{font-size:15px}
 .article-toc ol{grid-template-columns:1fr}.article-toc a{font-size:14px}
 .article-body .source-panel{padding:23px}.source-panel h2{font-size:26px}
 .article-body>section{margin-bottom:32px}.article-body>section+section{padding-top:28px}
 .evidence-card{padding:22px}.evidence-card p{font-size:15px}.evidence-card h3{font-size:25px}
 .editorial-note{padding:24px}.editorial-note p{font-size:15px}
 .knowledge-card{padding:27px}.knowledge-card>p:not(.eyebrow){font-size:15px}
 .knowledge-feature-copy{padding:28px}.knowledge-feature-copy h3{font-size:33px}.knowledge-feature-links{padding:0 28px}
 .family-links{grid-template-columns:1fr;gap:10px}.family-links .text-link{min-height:55px}
 .family-card{padding:28px}.family-card h2{font-size:34px}
 .start-steps>article{grid-template-columns:35px minmax(0,1fr);gap:15px;padding-block:30px}
 .start-steps h2{font-size:30px}.start-steps .step-number{font-size:28px}
 .oil-reading,.oil-facts{grid-template-columns:1fr}.oil-dossier .article-body>.intro{font-size:16px}
 .sitemap-grid{grid-template-columns:1fr}.collection-context h2{font-size:33px}
 .editorial-byline{font-size:11px}.context-links{gap:12px 24px}
}
.footer-legal {display:flex;gap:20px;flex-wrap:wrap}