@font-face{font-family:Anuphan;src:url('assets/knowledge/signature-v1/fonts/Anuphan.ttf') format('truetype');font-weight:100 700;font-display:swap}
.herb-catalog-main,.herb-story-main{font-family:Anuphan,sans-serif;color:#354c40}
.herb-curious-collection .library-layout,.herb-general-collection .library-layout{grid-template-columns:1fr}
.herb-curious-collection .editorial-aside,.herb-general-collection .editorial-aside{display:none}
.herb-list>a.herb-ready-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:0;padding:0;margin:0 0 24px;border:1px solid #dfe3d4;border-radius:27px;overflow:hidden;background:#fbfaf5;text-decoration:none}
.herb-card-visual{padding:20px;background:#efede8;min-width:0}
.herb-card-visual img{display:block;width:100%;height:auto;border-radius:16px}
.herb-card-copy{padding:30px;min-width:0;background:linear-gradient(145deg,#fbfaf5,#f1edf4)}
.herb-list .herb-card-meta{font:400 13px/1.7 Anuphan,sans-serif;color:#77816f;margin:0 0 16px}
.herb-list .herb-ready-card h3{font:500 clamp(24px,3vw,34px)/1.5 Anuphan,sans-serif;margin:0 0 26px;overflow-wrap:break-word}
.herb-card-cta{display:inline-block;font-size:14px;padding:8px 16px;border-radius:22px;background:#e7ecdd;color:#4d6650}
.herb-story-main.content-main{max-width:1040px;margin:28px auto 70px;padding:0 28px}
.herb-story-head{max-width:960px;margin:0 auto 24px}
.herb-story-head h1{font:500 clamp(30px,4vw,48px)/1.45 Anuphan,sans-serif;margin:10px 0 0;overflow-wrap:break-word}
.herb-story-meta{font-size:13px;color:#78836f}
.herb-story-toc{position:static;max-width:960px;margin:0 auto 26px;padding:17px 22px}
.herb-story-toc summary{line-height:1.7}
.herb-story-toc a{max-width:700px}
.herb-article{max-width:960px;margin:auto}
.herb-cover-link{display:block}
.herb-story-main .mb-story-cover{width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:3/2;object-fit:contain;margin:0 auto 14px}
.herb-cover-caption{display:block;text-align:center;font-size:13px;color:#7b8673;text-decoration:none;margin:0 0 34px}
.herb-body{max-width:720px;margin:0 auto}
.herb-story-back{display:block;max-width:720px;margin:36px auto 0;font-size:16px;text-decoration:none}
.herb-story-main .herb-emoji{display:inline-flex;width:1.65em;height:1.65em;align-items:center;justify-content:center;vertical-align:-.35em;margin:0 .08em}
.herb-story-main .herb-emoji img{display:block;width:100%;height:100%;object-fit:contain}
.herb-story-head h1 .herb-emoji{width:1.12em;height:1.12em;vertical-align:-.18em}
html.knowledge-embedded .herb-story-main.content-main{margin-top:12px;padding:0 20px}
@media(max-width:600px){.herb-list>a.herb-ready-card{grid-template-columns:1fr;border-radius:23px}.herb-card-visual{padding:13px}.herb-card-copy{padding:24px}.herb-list .herb-ready-card h3{font-size:27px;margin-bottom:20px}.herb-story-main.content-main{padding:0 20px}.herb-story-head h1{font-size:30px}.herb-story-toc{padding:16px 18px}.herb-story-meta{font-size:12px}}
.herb-story-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:720px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--line)}.herb-story-pager a{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;color:var(--green);text-decoration:none;overflow-wrap:anywhere}.herb-story-pager small{font-size:14px;color:var(--muted)}.herb-story-pager span{font-size:18px;font-weight:500;line-height:1.7}.herb-story-pager a:hover{background:#f3f4eb}.herb-story-pager a:focus-visible{outline:3px solid var(--green);outline-offset:4px}.herb-story-next{grid-column:2;text-align:right}@media(max-width:600px){.herb-story-pager{grid-template-columns:1fr;gap:12px;margin-top:28px}.herb-story-next{grid-column:1}.herb-story-pager a{padding:16px}.herb-story-pager span{font-size:17px}}