/* Scoped HerbKnowledge block presentation. No theme reset or Charta override. */
:root { --hk-ink:#143d34; --hk-muted:#61746b; --hk-surface:#edf2e8; --hk-border:rgba(20,61,52,.18); --hk-accent:#2e6656; --hk-accent-strong:#1f5145; --hk-focus:#c96d4c; --hk-paper:#fffdf8; --hk-warm:#fdf5f0; --hk-radius:.25rem; }
.hk-profile-shell,.hk-profile-sections,.hk-information-accordion,.hk-author-review,.hk-related-herbs,.hk-resource-recommendation,.hk-where-to-buy-shell,.hk-herb-library,.hk-herb-directory,.hk-section-navigation { box-sizing:border-box; color:var(--hk-ink); }
.hk-profile-shell { display:grid; container-type:inline-size; grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr); gap:clamp(1.5rem,5vw,4rem); align-items:center; padding:clamp(1.5rem,5vw,4.5rem); background:linear-gradient(135deg,#eff8f1 0%,#fffdf8 75%); border:1px solid var(--hk-border); border-radius:var(--hk-radius); }
.hk-profile-shell__eyebrow,.hk-profile-sections__eyebrow { margin:0 0 .75rem; color:var(--hk-accent-strong); font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.hk-profile-shell__title,.hk-block-title,.hk-resource-recommendation__title { margin-top:0; color:var(--hk-ink); line-height:1.08; overflow-wrap:break-word; word-break:normal; }
.hk-profile-shell__title { margin-bottom:.4rem; font-size:clamp(2rem,5vw,4.25rem); }
.hk-profile-shell--title-medium .hk-profile-shell__title { max-width:15ch; font-size:clamp(1.9rem,4.4vw,3.65rem); }
.hk-profile-shell--title-long .hk-profile-shell__title { max-width:13ch; font-size:clamp(1.7rem,3.8vw,3.15rem); line-height:1.04; }
.hk-profile-shell__scientific-name { margin:0 0 1rem; color:var(--hk-muted); font-size:1.1rem; overflow-wrap:anywhere; }
.hk-profile-shell__summary { max-width:65ch; color:var(--hk-muted); font-size:1.0625rem; line-height:1.65; }
.hk-profile-shell__summary p:last-child,.hk-resource-recommendation__description p:last-child { margin-bottom:0; }
.hk-profile-shell__media { min-height:14rem; overflow:hidden; background:#dcebf1; border-radius:calc(var(--hk-radius) + .2rem); }
.hk-profile-shell__image { display:block; width:100%; min-height:14rem; height:100%; object-fit:cover; }
.hk-profile-shell__media--empty,.hk-card__media--empty { display:grid; min-height:14rem; place-items:center; padding:1rem; color:var(--hk-accent-strong); text-align:center; background:linear-gradient(145deg,#dce7d4,#eff2e9); }
.hk-profile-shell__media--empty span,.hk-card__media--empty span { max-width:20ch; font-size:.75rem; font-weight:700; line-height:1.45; }
.hk-profile-sections__navigation { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem 1rem; padding:1rem 1.15rem; margin:0 0 2.5rem; background:var(--hk-surface); border-inline-start:.3rem solid var(--hk-accent); }
.hk-profile-sections__navigation > span { color:var(--hk-muted); font-size:.76rem; font-weight:700; }
.hk-profile-sections__navigation ul,.hk-section-navigation ul,.hk-herb-directory__alphabet ul,.hk-herb-directory__pagination ul { display:flex; flex-wrap:wrap; gap:.45rem .7rem; padding:0; margin:0; list-style:none; }
.hk-profile-sections__navigation a,.hk-section-navigation a { color:var(--hk-accent-strong); font-size:.9rem; font-weight:700; text-underline-offset:.18em; }
.hk-profile-sections__section { max-width:72ch; padding:0 0 2.5rem; margin:0 0 2.5rem; scroll-margin-top:6rem; border-bottom:1px solid var(--hk-border); }
.hk-profile-sections__section h2 { margin:0 0 .85rem; font-size:clamp(1.8rem,3vw,2.75rem); line-height:1.08; overflow-wrap:anywhere; }
.hk-profile-sections__body { color:var(--hk-muted); font-size:1rem; line-height:1.75; }
.hk-profile-sections__body p:last-child { margin-bottom:0; }
.hk-profile-sections__section--existing_unreviewed { padding:1.4rem; background:var(--hk-surface); border-bottom:0; border-inline-start:3px solid var(--hk-accent); }
.hk-profile-sections__section--reviewed { padding:1.4rem; background:#eff7ed; border-bottom:0; border-inline-start:3px solid #4d7a51; }
.hk-profile-sections__state { margin:.9rem 0 0; color:#466454; font-size:.86rem; font-weight:700; }
.hk-section-navigation { padding:1rem 1.15rem; border-inline-start:.3rem solid var(--hk-accent); background:var(--hk-surface); }
.hk-information-accordion > .hk-block-title,.hk-related-herbs > .hk-block-title,.hk-herb-library > .hk-block-title,.hk-herb-directory > .hk-block-title { margin-bottom:1rem; }
.hk-information-accordion__item { margin:0; border-top:1px solid var(--hk-border); }
.hk-information-accordion__item:last-child { border-bottom:1px solid var(--hk-border); }
.hk-information-accordion__heading { margin:0; font-size:1.05rem; }
.hk-information-accordion__heading button { display:flex; width:100%; align-items:center; justify-content:space-between; gap:1rem; padding:1.05rem .25rem; color:var(--hk-ink); font:inherit; font-weight:700; text-align:start; cursor:pointer; background:transparent; border:0; }
.hk-information-accordion__icon { position:relative; flex:0 0 1rem; width:1rem; height:1rem; }
.hk-information-accordion__icon::before,.hk-information-accordion__icon::after { position:absolute; top:50%; left:0; width:100%; height:2px; background:currentColor; content:""; transform:translateY(-50%); }
.hk-information-accordion__icon::after { transition:transform .16s ease; transform:translateY(-50%) rotate(90deg); }
.hk-information-accordion__heading button[aria-expanded="true"] .hk-information-accordion__icon::after { transform:translateY(-50%) rotate(0deg); }
.hk-information-accordion__panel { padding:.15rem .25rem 1.25rem; color:var(--hk-muted); line-height:1.7; }
.hk-author-review { padding:1.25rem; background:var(--hk-surface); border:1px solid var(--hk-border); border-radius:var(--hk-radius); }
.hk-author-review--existing { background:var(--hk-warm); border-inline-start:3px solid #c96d4c; }
.hk-author-review .hk-block-title { margin-bottom:.8rem; font-size:1.3rem; }
.hk-author-review p { margin:0; color:var(--hk-muted); line-height:1.6; }
.hk-author-review dl { margin:0; }
.hk-author-review dl > div + div { margin-top:.6rem; }
.hk-author-review dt { color:var(--hk-muted); font-size:.85rem; font-weight:700; }
.hk-author-review dd { margin:.1rem 0 0; font-weight:600; }
.hk-author-review__credentials { display:block; color:var(--hk-muted); font-size:.92rem; font-weight:400; }
.hk-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:1.25rem; }
.hk-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; background:var(--hk-paper); border:1px solid var(--hk-border); border-radius:var(--hk-radius); }
.hk-card__image-link { display:block; background:#dcebf1; }
.hk-card__image { display:block; width:100%; height:11rem; object-fit:cover; }
.hk-card__media--empty { min-height:11rem; }
.hk-card__body { padding:1.15rem; }
.hk-card__title { margin:0 0 .45rem; font-size:1.2rem; line-height:1.25; overflow-wrap:anywhere; }
.hk-card__title a,.hk-resource-recommendation__cta a { color:var(--hk-accent-strong); text-underline-offset:.18em; }
.hk-card__botanical { margin:0 0 .7rem; color:var(--hk-accent); font-size:.92rem; overflow-wrap:anywhere; }
.hk-card__excerpt { margin:0; color:var(--hk-muted); font-size:.95rem; line-height:1.55; }
.hk-resource-recommendation { padding:1.35rem; color:var(--hk-ink); background:#fff; border:2px solid var(--hk-border); border-radius:var(--hk-radius); }
.hk-resource-recommendation--affiliate,.hk-resource-recommendation--sponsored { background:#fffaf0; border-color:#c79536; }
.hk-resource-recommendation--unavailable { color:var(--hk-muted); background:var(--hk-surface); border-style:dashed; }
.hk-resource-recommendation__label { margin:0 0 .75rem; color:#694b0b; font-size:.9rem; font-weight:700; line-height:1.45; }
.hk-resource-recommendation__title { margin-bottom:.5rem; font-size:1.35rem; }
.hk-resource-recommendation__description { color:var(--hk-muted); line-height:1.6; }
.hk-resource-recommendation__cta { margin:1rem 0 0; font-weight:700; }
.hk-where-to-buy-shell { padding:1.35rem; color:var(--hk-muted); background:var(--hk-surface); border:1px dashed var(--hk-border); border-inline-start:3px solid var(--hk-accent); }
.hk-where-to-buy-shell .hk-block-title { margin-bottom:.55rem; color:var(--hk-ink); font-size:1.35rem; }
.hk-where-to-buy-shell p { margin:0; line-height:1.6; }
.hk-herb-directory__intro { max-width:65ch; color:var(--hk-muted); line-height:1.65; }
.hk-herb-directory__search { display:flex; max-width:48rem; gap:.5rem; padding:.5rem; margin:1.5rem 0 .75rem; background:var(--hk-paper); border:1px solid var(--hk-border); }
.hk-herb-directory__search label { flex:1; min-width:0; }
.hk-herb-directory__search input { width:100%; min-height:2.7rem; padding:.6rem .75rem; color:var(--hk-ink); background:transparent; border:0; }
.hk-herb-directory__search button { min-height:2.7rem; padding:.55rem 1rem; color:#fff; font-weight:700; cursor:pointer; background:var(--hk-accent); }
.hk-herb-directory__alphabet { padding:.8rem 0; }
.hk-herb-directory__alphabet a,.hk-herb-directory__pagination a { display:grid; min-width:2rem; min-height:2rem; place-items:center; padding:.3rem; color:var(--hk-accent-strong); font-size:.82rem; font-weight:700; background:var(--hk-surface); border-radius:50%; }
.hk-herb-directory__alphabet a[aria-current="true"],.hk-herb-directory__pagination a[aria-current="page"] { color:#fff; background:var(--hk-accent); }
.hk-herb-directory__result-count { color:var(--hk-muted); font-size:.9rem; }
.hk-herb-directory__pagination { margin-top:1.5rem; }
.hk-herb-directory__empty { padding:1.5rem; color:var(--hk-muted); background:var(--hk-surface); border-inline-start:3px solid #c96d4c; }
.hk-herb-directory__empty p { margin-top:0; }
.hk-herb-directory__empty a { color:var(--hk-accent-strong); font-weight:700; text-decoration:underline; text-underline-offset:.18em; }
.hk-profile-shell a:focus-visible,.hk-profile-sections a:focus-visible,.hk-section-navigation a:focus-visible,.hk-information-accordion button:focus-visible,.hk-card a:focus-visible,.hk-resource-recommendation a:focus-visible,.hk-herb-directory a:focus-visible,.hk-herb-directory input:focus-visible,.hk-herb-directory button:focus-visible { outline:3px solid var(--hk-focus); outline-offset:3px; }
@container (max-width:46rem) { .hk-profile-shell { grid-template-columns:1fr; gap:1.5rem; padding:1.35rem; } .hk-profile-shell__media { order:-1; min-height:11rem; } .hk-profile-shell--title-medium .hk-profile-shell__title,.hk-profile-shell--title-long .hk-profile-shell__title { max-width:none; font-size:clamp(1.9rem,8cqi,2.4rem); } }
@media (max-width:640px) { .hk-profile-shell { grid-template-columns:1fr; padding:1.35rem; } .hk-profile-shell__media { order:-1; min-height:11rem; } .hk-profile-shell--title-medium .hk-profile-shell__title,.hk-profile-shell--title-long .hk-profile-shell__title { max-width:none; font-size:clamp(1.8rem,10vw,2.65rem); } .hk-profile-sections__navigation { display:block; } .hk-profile-sections__navigation ul { margin-top:.75rem; } .hk-profile-sections__section { padding-bottom:2rem; margin-bottom:2rem; } .hk-profile-sections__section--existing_unreviewed,.hk-profile-sections__section--reviewed { padding:1rem; } .hk-herb-directory__search { display:grid; } .hk-herb-directory__search label { display:block; width:100%; } .hk-herb-directory__search input { display:block; box-sizing:border-box; border:1px solid var(--hk-border); background:var(--hk-paper); } .hk-herb-directory__search button { width:100%; } }
@media (prefers-reduced-motion:reduce) { .hk-information-accordion__icon::after { transition:none; } }