/* Curafile Herbs — single-herb layout
   Palette approximated from the Curafile design (navy / light grey). */

.cfh-herb-page{max-width:1240px;margin:0 auto;padding:24px 20px 60px}

.cfh-breadcrumb{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#7a7a7a;margin:0 0 14px}
.cfh-breadcrumb a{color:#7a7a7a;text-decoration:none}
.cfh-breadcrumb a:hover{color:#0e2f66}

.cfh-herb-title{font-size:30px;line-height:1.2;margin:0 0 22px;color:#1f2733}

/* 70 / 30 grid */
.cfh-grid{display:grid;grid-template-columns:70% 30%;gap:32px;align-items:start}
.cfh-main{min-width:0}
.cfh-sidebar{min-width:0}

.cfh-other-names{text-align:center;font-size:15px;margin:0 0 22px;color:#1f2733}

/* Tabs */
.cfh-tablist{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;border-bottom:0}
.cfh-tab{appearance:none;border:1px solid #e2e6ec;background:#f4f6f9;color:#3a4452;
  padding:11px 20px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;line-height:1.2;
  transition:background .15s,color .15s}
.cfh-tab:hover{background:#e9edf3}
.cfh-tab.is-active{background:#0e2f66;color:#fff;border-color:#0e2f66}
.cfh-tab:focus-visible{outline:2px solid #2a6fd6;outline-offset:2px}

.cfh-panel{font-size:15px;line-height:1.7;color:#374151}
.cfh-panel[hidden]{display:none}
.cfh-panel h3{font-size:17px;font-weight:700;color:#1f2733;margin:22px 0 8px}
.cfh-panel p{margin:0 0 14px}
.cfh-panel ul{margin:0 0 16px;padding-left:22px}
.cfh-panel li{margin:0 0 8px}
.cfh-panel strong{color:#1f2733}

.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;border:0}

/* References accordion */
.cfh-references{margin:30px 0 0;border-top:1px solid #e2e6ec}
.cfh-references details{padding:0}
.cfh-references summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;
  padding:16px 2px;font-size:16px;font-weight:600;color:#1f2733}
.cfh-references summary::-webkit-details-marker{display:none}
.cfh-references summary::after{content:"+";font-size:22px;font-weight:400;color:#6b7280;line-height:1}
/* When open, the References bar turns dark blue like the active tab. */
.cfh-references details[open] summary{background:#0e2f66;color:#fff;padding:14px;border-radius:6px;margin-top:4px}
.cfh-references details[open] summary::after{content:"–";color:#fff}
.cfh-references-list{margin:16px 0 18px;padding-left:22px;font-size:13px;line-height:1.6;color:#4b5563}
.cfh-references-list li{margin:0 0 8px;word-break:break-word}

/* Disclaimer */
.cfh-disclaimer{margin:28px 0 0;padding:14px 16px;background:#f7f9fc;border:1px solid #e2e6ec;border-radius:6px;
  font-size:12.5px;line-height:1.6;color:#6b7280}
.cfh-disclaimer p{margin:0 0 8px}
.cfh-disclaimer p:last-child{margin:0}

.cfh-sidebar-notice{padding:12px;background:#fff8e5;border:1px solid #f0c36d;border-radius:6px;font-size:13px}

/* ===== A–Z directory (Herbs parent page) ===== */
.cfh-atoz{font-size:15px}
.cfh-index-count{font-size:13px;color:#6b7280;margin:0 0 4px}
.cfh-atoz-subtitle{color:#555;margin:0 0 16px}

/* Level 1: letter buttons */
.cfh-az-letters{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 6px}
.cfh-letter{appearance:none;padding:10px 15px;min-width:44px;text-align:center;border:1px solid #4aa3df;
  background:#fff;border-radius:6px;font-weight:600;color:#2a6f9e;cursor:pointer;transition:.2s ease;font-size:14px}
.cfh-letter:hover{background:#42b3e5;border-color:#42b3e5;color:#fff;transform:translateY(-2px)}
.cfh-letter.is-active{background:#42b3e5;border-color:#42b3e5;color:#fff}
.cfh-letter:focus-visible{outline:2px solid #2a6fd6;outline-offset:2px}
.cfh-letter-disabled{display:inline-block;padding:10px 15px;min-width:44px;text-align:center;border:1px solid #ccc;
  background:#e5e5e5;border-radius:6px;font-weight:600;color:#999;cursor:not-allowed;user-select:none;font-size:14px}

/* Letter panel + level 2 sub-buttons */
.cfh-letter-panel{margin-top:16px;border:1px solid #ddd;border-radius:8px;background:#fff;padding:18px}
.cfh-letter-panel[hidden]{display:none}
.cfh-sub-letters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid #eee}
.cfh-sub{appearance:none;padding:7px 12px;border:1px solid #cfe3f3;background:#f3f9fd;border-radius:6px;
  font-weight:600;color:#2a6f9e;cursor:pointer;font-size:13px;transition:.2s ease}
.cfh-sub:hover{background:#42b3e5;border-color:#42b3e5;color:#fff}
.cfh-sub.is-active{background:#42b3e5;border-color:#42b3e5;color:#fff}
.cfh-sub:focus-visible{outline:2px solid #2a6fd6;outline-offset:2px}
.cfh-sub-disabled{display:inline-block;padding:7px 12px;border:1px solid #e0e0e0;background:#eee;border-radius:6px;
  font-weight:600;color:#b3b3b3;cursor:not-allowed;user-select:none;font-size:13px}

/* The article list (table-like rows, matching the design) */
.cfh-sub-panel{animation:cfh-fade .35s ease}
.cfh-sub-panel[hidden]{display:none}
.cfh-sub-heading{font-size:18px;color:#1f2733;margin:0 0 8px}
.cfh-az-list{list-style:none;margin:0;padding:0}
.cfh-az-list li{border-bottom:1px solid #e6e6e6}
.cfh-az-list li:nth-child(odd){background:#f7f9fb}
.cfh-az-list a{display:block;padding:12px 15px;text-decoration:none;color:#2a6f9e;font-size:15px}
.cfh-az-list li:hover{background:#42b3e5}
.cfh-az-list li:hover a{color:#fff}
@keyframes cfh-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Responsive: stack the herb-page columns; scroll the tab bar */
@media (max-width:900px){
  .cfh-grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:600px){
  .cfh-tablist{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .cfh-tab{flex:0 0 auto}
  .cfh-herb-title{font-size:24px}
  .cfh-letter,.cfh-letter-disabled{padding:8px 11px;min-width:38px;font-size:13px}
}