/* Read surface extending the established Prompt, ivory and jade system. */
.py168-herb-page{background:var(--paper);color:var(--ink)}
.py168-herb-page :is(section,li[id]){scroll-margin-top:175px}
.py168-herb-page :is(p,dd,li){overflow-wrap:break-word}
.py168-herb-intro{padding:68px 0 62px}
.py168-herb-intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}
.py168-herb-intro-copy{min-width:0;padding-block:24px}
.py168-herb-intro h1{font-size:clamp(36px,4.2vw,60px);font-weight:500;letter-spacing:-.025em;line-height:1.35}
.py168-herb-intro h1 span{display:block;font-size:.72em;font-weight:400;margin-top:4px}
.py168-herb-latin{font-size:14px;line-height:1.8;color:var(--muted);margin-top:25px}
.py168-herb-lead{font-size:19px;line-height:1.9;max-width:40ch;margin-top:23px}
.py168-herb-intro-copy>.text-link{margin-top:24px}
.py168-herb-intro-image{height:480px;overflow:hidden;border-radius:6px}
.py168-herb-intro-image img{width:100%;height:100%;object-fit:cover;object-position:73% center}
.py168-herb-index{position:sticky;top:95px;z-index:30;background:var(--paper);border-block:1px solid var(--line)}
.py168-herb-index>.wrap{display:flex;align-items:center;gap:38px;min-height:64px}
.py168-herb-index a{display:flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none;white-space:nowrap;color:var(--ink)}
.py168-herb-index a:hover,.py168-herb-index a:focus-visible{color:var(--red);text-decoration:underline;text-underline-offset:8px}
.py168-herb-section{padding:100px 0}
.py168-herb-reading-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%}
.py168-herb-section h2{font-size:clamp(28px,3vw,42px);line-height:1.45;letter-spacing:-.025em}
.py168-herb-section-note{font-size:14px;color:var(--muted);line-height:1.9;max-width:34ch;margin-top:24px}
.py168-herb-reading>p{max-width:68ch;line-height:2}
.py168-herb-reading h3{font-size:23px;font-weight:500;line-height:1.5;margin:42px 0 15px}
.py168-herb-cite{font-size:13px;color:var(--red);white-space:nowrap;text-decoration:none}
.py168-herb-cite:hover{text-decoration:underline}
.py168-herb-facts{margin:30px 0 0}
.py168-herb-facts>div{display:grid;grid-template-columns:145px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:16px 0}
.py168-herb-facts dt{font-size:14px;color:var(--muted)}
.py168-herb-facts dd{font-size:15px;margin:0}
.py168-herb-research{background:var(--jade);color:var(--paper)}
.py168-herb-research-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:50px}
.py168-herb-research-head>p{max-width:49ch;font-size:15px;color:#d4e2d6;line-height:2}
.py168-herb-study{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;padding:34px 0;border-top:1px solid #bea16c80}
.py168-herb-study-title h3{font-size:24px;line-height:1.6;font-weight:500;margin-top:13px}
.py168-herb-evidence{font-size:13px;color:var(--gold-light)}
.py168-herb-study p,.py168-herb-research-detail p{font-size:15px;line-height:2;max-width:68ch}
.py168-herb-study .py168-herb-limit{margin-top:15px;color:#d4e2d6;font-size:14px}
.py168-herb-study a,.py168-herb-research-detail a{display:inline-block;color:var(--gold-light);font-size:14px;line-height:1.8;margin-top:19px;min-height:44px;padding-block:8px}
.py168-herb-study a:hover,.py168-herb-research-detail a:hover{color:white}
.py168-herb-research-detail{border-block:1px solid #bea16c80;padding:12px 0}
.py168-herb-research-detail summary{font-size:17px;padding:14px 0;cursor:pointer;line-height:1.8}
.py168-herb-research-detail>div{max-width:760px;padding:7px 0 13px}
.py168-herb-research-note{margin-top:33px;max-width:80ch;color:#d4e2d6;font-size:14px;line-height:2}
.py168-herb-brewing-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.py168-herb-brewing-grid>figure{position:sticky;top:180px;height:620px;overflow:hidden;border-radius:6px}
.py168-herb-brewing-grid img{height:100%;width:100%;object-fit:cover;object-position:70% center}
.py168-herb-brew-ratio{font-size:23px;font-weight:500;color:var(--red);line-height:1.5;margin-top:30px}
.py168-herb-brew-ratio span{display:block;font-size:18px;font-weight:400;margin-top:5px}
.py168-herb-brew-ratio+p{font-size:14px;color:var(--muted);line-height:2;margin-top:20px}
.py168-herb-brew-steps{padding:0 0 0 22px;margin:28px 0 0}
.py168-herb-brew-steps li{padding:16px 0 16px 12px;border-top:1px solid var(--line)}
.py168-herb-brew-steps li::marker{color:var(--red);font-weight:500}
.py168-herb-brew-steps strong{display:block;font-weight:500;font-size:17px}
.py168-herb-brew-steps span{display:block;font-size:14px;color:var(--muted);margin-top:6px;line-height:1.9}
.py168-herb-caution{background:var(--mist)}
.py168-herb-caution-list>div{border-bottom:1px solid var(--line);padding:24px 0}
.py168-herb-caution-list>div:first-child{padding-top:0}
.py168-herb-caution-list h3{font-size:20px;font-weight:500;line-height:1.6;margin-bottom:10px}
.py168-herb-caution-list p{font-size:15px;line-height:2;max-width:66ch}
.py168-herb-source-list{padding-left:24px;margin:0}
.py168-herb-source-list li{padding:0 0 18px 9px;font-size:14px;line-height:1.9}
.py168-herb-source-list a:hover{color:var(--red)}
.py168-herb-source-note{border-top:1px solid var(--line);margin-top:9px;padding-top:25px;font-size:13px;color:var(--muted);line-height:2}
.py168-herb-source-note a{margin-inline:3px}
@media(max-width:1100px){.py168-herb-intro-image{height:420px}.py168-herb-reading-grid,.py168-herb-study{gap:6%}.py168-herb-brewing-grid>figure{height:590px}.py168-herb-facts>div{grid-template-columns:115px 1fr;gap:15px}}
@media(max-width:850px){.py168-herb-index{top:83px}.py168-herb-intro{padding:45px 0}.py168-herb-intro-grid{gap:5%}.py168-herb-intro-image{height:380px}.py168-herb-lead{font-size:17px}.py168-herb-section{padding:72px 0}.py168-herb-reading-grid{grid-template-columns:1fr 1.3fr}.py168-herb-study{grid-template-columns:.8fr 1.2fr}.py168-herb-brewing-grid{gap:6%}.py168-herb-brewing-grid>figure{height:620px}.py168-herb-index>.wrap{gap:30px;min-height:60px}}
@media(max-width:600px){
 .py168-herb-intro{padding:34px 0 36px}.py168-herb-intro-grid{grid-template-columns:1fr;gap:28px}.py168-herb-intro-copy{padding:0}.py168-herb-intro h1{font-size:36px}.py168-herb-intro h1 span{font-size:27px}.py168-herb-latin{font-size:13px;margin-top:17px}.py168-herb-lead{font-size:16px;margin-top:18px;max-width:none}.py168-herb-intro-copy>.text-link{margin-top:15px}.py168-herb-intro-image{height:auto;aspect-ratio:1.4}.py168-herb-intro-image img{object-position:75% center}
 .py168-herb-index{top:77px}.py168-herb-index>.wrap{justify-content:space-between;gap:7px;min-height:56px}.py168-herb-index a{font-size:13px}.py168-herb-page :is(section,li[id]){scroll-margin-top:150px}
 .py168-herb-section{padding:60px 0}.py168-herb-reading-grid,.py168-herb-study,.py168-herb-research-head,.py168-herb-brewing-grid{grid-template-columns:1fr;gap:30px}.py168-herb-section h2{font-size:29px}.py168-herb-section-note{max-width:none;margin-top:17px}.py168-herb-reading h3{font-size:21px;margin-top:34px}.py168-herb-facts>div{grid-template-columns:115px 1fr;gap:12px}.py168-herb-facts dd{font-size:14px}.py168-herb-research-head{gap:22px;margin-bottom:30px}.py168-herb-study{gap:18px;padding:28px 0}.py168-herb-study-title h3{font-size:22px;margin-top:8px}.py168-herb-study a{font-size:13px}.py168-herb-research-detail summary{font-size:16px}.py168-herb-research-note{font-size:13px}.py168-herb-brewing-grid>figure{position:static;top:auto;height:auto;aspect-ratio:1.2}.py168-herb-brew-ratio{font-size:22px;margin-top:23px}.py168-herb-caution-list h3{font-size:19px}.py168-herb-sources .actions{align-items:stretch;gap:12px}.py168-herb-sources .actions>.btn{width:100%}.py168-herb-sources .actions>.text-link{align-self:start}
}
@media(max-width:360px){.py168-herb-index a{font-size:13px}.py168-herb-intro h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){.py168-herb-page{scroll-behavior:auto}}
