/* Shared look for public study pages, copied from the study guides */
:root{--shen-ivory:#fbf7ef;--shen-parchment:#f3eadc;--shen-ink:#24312c;--shen-muted:#6d746d;--shen-green:#245a3b;--shen-green-deep:#18452f;--shen-jade:#2f6f5e;--shen-jade-soft:#e7f2ec;--shen-sage:#6f8f7a;--shen-sage-soft:#edf4ed;--shen-bronze:#a8652d;--shen-border:#ded4c5;--shen-card:#fffdf8;--shadow-soft:0 16px 42px rgba(36,49,44,.10),0 2px 7px rgba(36,49,44,.06);--shadow-card:0 8px 22px rgba(36,49,44,.08),0 1px 3px rgba(36,49,44,.05);--radius:8px;--radius-lg:14px;--container:760px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--shen-ivory);color:var(--shen-ink);line-height:1.7;-webkit-font-smoothing:antialiased;font-size:16px}
.page{min-height:100vh;background:linear-gradient(180deg,#fffdf8 0%,var(--shen-ivory) 34%,#f8f1e5 100%)}
.wrap{width:min(var(--container),calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(251,247,239,.86);border-bottom:1px solid rgba(222,212,197,.72);backdrop-filter:blur(18px)}
.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:inherit}
.brand-mark{width:34px;height:34px;border-radius:50%;background:url("/brand-icon.svg") center/cover no-repeat;box-shadow:0 5px 16px rgba(24,69,47,.18);flex-shrink:0}
.brand-name{font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1;color:var(--shen-green-deep);letter-spacing:-.02em}
.nav{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:700;color:var(--shen-muted)}
.nav a{text-decoration:none;color:inherit;transition:color .16s}
.nav a:hover{color:var(--shen-green)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--shen-green);color:#fff;box-shadow:0 9px 22px rgba(36,90,59,.22)}
.btn-primary:hover{background:var(--shen-green-deep);box-shadow:0 12px 28px rgba(36,90,59,.26)}
.article-header{padding:56px 0 32px}
.article-header .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid rgba(47,111,94,.18);border-radius:999px;background:var(--shen-jade-soft);color:var(--shen-jade);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:16px}
.article-header h1{margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.03em;color:var(--shen-ink)}
.article-meta{color:var(--shen-muted);font-size:14px;border-bottom:1px solid var(--shen-border);padding-bottom:20px;margin-bottom:0}
.article-meta a{color:var(--shen-green);text-decoration:none}
.article-meta a:hover{color:var(--shen-green-deep);text-decoration:underline}
.article-body{padding:0 0 56px}
.article-body h2{margin:40px 0 14px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,3vw,32px);line-height:1.12;letter-spacing:-.02em;color:var(--shen-ink)}
.article-body h3{margin:28px 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.2;letter-spacing:-.01em;color:var(--shen-ink)}
.article-body p{margin:0 0 18px;color:var(--shen-ink)}
.article-body ul,.article-body ol{margin:0 0 18px;padding-left:22px;color:var(--shen-ink)}
.article-body li{margin-bottom:8px}
.article-body a{color:var(--shen-green);text-decoration:underline;text-underline-offset:2px}
.article-body a:hover{color:var(--shen-green-deep)}
.article-body blockquote{margin:24px 0;padding:18px 22px;background:var(--shen-jade-soft);border-left:4px solid var(--shen-jade);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--shen-ink)}
.article-body .highlight-card{margin:24px 0;padding:20px 24px;background:var(--shen-card);border:1px solid var(--shen-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.article-body .highlight-card h3{margin-top:0}
.related-guides{margin:40px 0 0;padding:24px;background:var(--shen-card);border:1px solid var(--shen-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.related-guides h3{margin:0 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.2;color:var(--shen-ink)}
.related-guides ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.related-guides li{margin:0}
.related-guides a{color:var(--shen-green);text-decoration:underline;text-underline-offset:2px;font-size:15px}
.related-guides a:hover{color:var(--shen-green-deep)}
.cta-section{margin:48px 0 0;padding:32px;background:var(--shen-green-deep);color:#fff;border-radius:var(--radius-lg);text-align:center}
.cta-section h2{color:#fff;margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,3vw,28px)}
.cta-more{margin:16px 0 0}.cta-more a{color:#fff;text-decoration:underline;text-underline-offset:3px}.cta-section p{color:rgba(255,255,255,.8);margin:0 0 20px;font-size:15px}
.cta-section .btn-primary{background:#fff;color:var(--shen-green);box-shadow:0 9px 22px rgba(0,0,0,.3)}
.cta-section .btn-primary:hover{background:var(--shen-jade-soft)}
.footer-note{border-top:1px solid var(--shen-border);padding:20px 0;color:var(--shen-muted);font-size:12px;text-align:center}
.footer-note a{color:var(--shen-green);text-decoration:none}
@media(max-width:640px){.wrap{width:calc(100% - 28px)}.article-header{padding:36px 0 20px}.header-inner{height:auto;padding:12px 0}.nav{display:none}.cta-section{padding:24px 20px}}
/* Library pages (herbs, formulas): generated by scripts/build-library-pages.mjs */
.crumbs{font-size:13px;color:var(--shen-muted);margin:0 0 14px}.crumbs a{color:var(--shen-green);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.lede{font-size:18px;line-height:1.65;margin:0 0 22px}
.sub{margin:-6px 0 18px;color:var(--shen-muted);font-size:15px}.sub i{font-style:italic}
.zh{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-weight:400;margin-left:.35em;color:var(--shen-green-deep)}
.herb-figure{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;margin:0 0 26px;padding:18px;background:var(--shen-card);border:1px solid var(--shen-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.herb-figure img{width:200px;height:200px;object-fit:contain}
.herb-figure figcaption{font-size:14px;color:var(--shen-muted)}.herb-figure audio{display:block;width:100%;max-width:300px;margin-top:10px}
.facts{width:100%;border-collapse:collapse;margin:0 0 26px;background:var(--shen-card);border:1px solid var(--shen-border);border-radius:var(--radius-lg);overflow:hidden;font-size:15px}
.facts th,.facts td{padding:10px 14px;border-bottom:1px solid var(--shen-border);text-align:left;vertical-align:top}
.facts th{width:34%;color:var(--shen-muted);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}
.memory dt{font-weight:700;margin:10px 0 2px}.memory dd{margin:0 0 6px}
.link-list{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.link-list li{margin:0!important}.link-list a{display:inline-block;padding:6px 12px;border:1px solid var(--shen-border);border-radius:999px;background:var(--shen-card);text-decoration:none!important;font-size:14px}
.link-list a:hover{border-color:var(--shen-green)}
.quiz details{margin:0 0 10px;padding:12px 16px;background:var(--shen-card);border:1px solid var(--shen-border);border-radius:var(--radius)}
.quiz summary{cursor:pointer;font-weight:700}.quiz details p{margin:10px 0 0}
.lib-table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 22px}
.lib-table th,.lib-table td{padding:8px 10px;border-bottom:1px solid var(--shen-border);text-align:left;vertical-align:top}
.lib-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--shen-muted)}
.cat-block{margin:0 0 30px}.cat-block p{margin:0 0 10px;color:var(--shen-muted)}
.note{font-size:13px;color:var(--shen-muted)}
@media(max-width:640px){.herb-figure{grid-template-columns:1fr;text-align:center}.herb-figure img{margin:0 auto}.herb-figure audio{margin:10px auto 0}.facts th{width:40%}.lib-table .hide-sm{display:none}}
.article-body .btn{text-decoration:none}