.ks-basil-quality *{box-sizing:border-box}
.ks-basil-quality{margin:0;background:#fff;color:#354236;font:16px/1.95 "Kateisaien Noto Serif","Yu Mincho",serif}
.ks-basil-quality a{color:#315c40;text-underline-offset:4px}
.ks-basil-quality a:hover{color:#a55837}
.ks-basil-quality a:focus-visible{outline:2px solid #a55837;outline-offset:4px}
.ks-basil-quality .ks-breadcrumb{font-size:12px;color:#777}
.ks-basil-quality .ks-atlas-kicker,.ks-basil-quality .ks-atlas-eyebrow{font-size:12px;letter-spacing:.12em;color:#a35c3c}
.ks-basil-quality .ks-atlas-hero h1{font-size:36px;line-height:1.6;margin:24px 0}
.ks-basil-quality .ks-atlas-deck{font-size:17px}
.ks-basil-quality .ks-herb-cover{margin:28px 0}
.ks-basil-quality .ks-herb-cover img{display:block;width:100%;border-radius:12px}
.ks-basil-quality figcaption{font:12px/1.8 sans-serif;color:#6d7569;margin-top:12px}
.ks-basil-quality .ks-atlas-reading{max-width:860px;margin:auto}
.ks-basil-quality h2{font-size:26px;line-height:1.7;color:#244b33;margin:12px 0 24px}
.ks-basil-quality h3{font-size:17px;line-height:1.65}
.ks-basil-quality p{margin:0 0 20px}
.ks-basil-quality .ks-herb-facts,.ks-basil-quality .ks-herb-toc,.ks-basil-quality .ks-herb-sources,.ks-basil-quality .ks-herb-related{padding:28px;background:#f0f1e6;border:1px solid #e1e3d5;border-radius:12px;margin:28px 0}
.ks-basil-quality .ks-herb-facts dl{display:grid;grid-template-columns:120px 1fr;gap:12px}
.ks-basil-quality .ks-herb-facts dt{font-weight:600}
.ks-basil-quality .ks-herb-facts dd{margin:0}
.ks-basil-quality .ks-herb-section{margin-top:52px;padding-top:30px;border-top:1px solid #dddfd1;scroll-margin-top:24px}
.ks-basil-quality .decision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.ks-basil-quality .decision-cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.ks-basil-quality .decision-card{padding:20px;background:#fffef9;border:1px solid #d8dfce;border-radius:8px}
.ks-basil-quality .decision-card h3{margin:0 0 12px}
.ks-basil-quality .decision-card h3 span{display:block;color:#a55d3c;font-size:12px;letter-spacing:.12em;margin-bottom:4px}
.ks-basil-quality .decision-card p{margin:0;font-size:15px}
.ks-basil-quality .rest-branch{padding:16px 20px;background:#f5e9dd;border-left:3px solid #ac603d;font-size:14px}
.ks-basil-quality .rest-branch strong{display:block}
.ks-basil-quality .small-note{font-size:14px;color:#64715e}
.ks-basil-quality .pinching-figure{margin:30px 0;padding:22px;border:1px solid #ddd9c9;border-radius:12px;background:#fffdf6}
.ks-basil-quality .figure-heading{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.ks-basil-quality .figure-heading>span{font:12px sans-serif;color:#a45c36}
.ks-basil-quality .figure-heading strong{font-size:18px}
.ks-basil-quality .diagram-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ks-basil-quality .diagram-panel{min-width:0}
.ks-basil-quality .diagram-panel h3{font-size:15px;min-height:48px;border-bottom:1px solid #ddd9c9;padding-bottom:10px}
.ks-basil-quality .diagram-panel svg{display:block;width:100%;overflow:hidden;background:#faf8ef}
.ks-basil-quality .diagram-panel>p{font-size:13px;line-height:1.85;margin:14px 0 0}
.ks-basil-quality .guides{fill:none;stroke:#9c4c2b;stroke-width:4}
.ks-basil-quality .guides .cut{stroke-width:7;stroke-dasharray:15 10}
.ks-basil-quality .guides ellipse{stroke:#466a36;stroke-width:3}
.ks-basil-quality .labels rect{fill:#fffdf6;stroke:#ded8c8;stroke-width:2;rx:12}
.ks-basil-quality .labels text{font:600 34px "Kateisaien Noto Serif",serif;fill:#703d26;text-anchor:middle}
.ks-basil-quality .ks-context-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ks-basil-quality .ks-context-card{display:flex;gap:16px;text-decoration:none;background:#fffef9;padding:16px;border:1px solid #dddccc;border-radius:8px}
.ks-basil-quality .ks-context-card img{width:84px;height:76px;object-fit:contain}
.ks-basil-quality .ks-context-card small{display:block;font-size:11px}
.ks-basil-quality .ks-context-card strong{font-size:14px;font-weight:500}
.ks-basil-quality .ks-card-arrow{display:block;text-align:right}
.ks-basil-quality .ks-context-back{font-size:14px;margin-top:20px}
@media(max-width:700px){.ks-basil-quality .ks-atlas-hero h1{font-size:27px}
.ks-basil-quality .ks-atlas-deck{font-size:16px}
.ks-basil-quality h2{font-size:24px}
.ks-basil-quality .ks-herb-section{margin-top:38px}
.ks-basil-quality .ks-herb-facts,.ks-basil-quality .ks-herb-toc,.ks-basil-quality .ks-herb-sources,.ks-basil-quality .ks-herb-related{padding:20px}
.ks-basil-quality .ks-herb-facts dl{grid-template-columns:1fr;gap:6px}
.ks-basil-quality .ks-herb-facts dd{margin-bottom:12px}
.ks-basil-quality .decision-cards,.ks-basil-quality .decision-cards.four,.ks-basil-quality .diagram-panels,.ks-basil-quality .ks-context-cards{grid-template-columns:1fr}
.ks-basil-quality .decision-card{padding:18px}
.ks-basil-quality .decision-card p{font-size:16px}
.ks-basil-quality .pinching-figure{padding:14px;margin-left:-4px;margin-right:-4px}
.ks-basil-quality .diagram-panel h3{min-height:0;font-size:16px}
.ks-basil-quality .diagram-panel>p{font-size:14px}
.ks-basil-quality .diagram-panel+.diagram-panel{margin-top:16px}
.ks-basil-quality .figure-heading strong{font-size:17px}
.ks-basil-quality .labels text{font-size:36px}
.ks-basil-quality .ks-context-card img{width:70px}
.ks-basil-quality .rest-branch{padding:15px}
}
.ks-basil-quality .body-vignette{margin:28px auto 32px;text-align:center;max-width:540px}
.ks-basil-quality .body-vignette img{display:block;width:min(100%,370px);height:auto;margin:0 auto 14px}
.ks-basil-quality .body-vignette figcaption{font-size:13px;line-height:1.9;color:#68725f}
.ks-basil-quality .body-vignette small{display:block;font-size:11px;margin-top:5px}
@media(max-width:700px){.ks-basil-quality .body-vignette img{max-width:260px}
.ks-basil-quality .body-vignette{margin:24px auto 28px}
}
.ks-basil-quality .growing-calendar{margin:36px 0;padding:28px 0;border-top:1px solid #d8dfce}
.ks-basil-quality .growing-calendar table{width:100%;border-collapse:collapse;font-size:14px}
.ks-basil-quality .growing-calendar caption{text-align:left;margin-bottom:12px}
.ks-basil-quality .growing-calendar th,.ks-basil-quality .growing-calendar td{padding:14px 5px;border:1px solid #d8dfce;text-align:center}
.ks-basil-quality .growing-calendar th:first-child{width:185px;text-align:left;padding-left:12px}
.ks-basil-quality .growing-calendar th small{display:block;font-size:12px;margin-top:5px}
.ks-basil-quality .growing-calendar thead{background:#e9eee1}
.ks-basil-quality .active-month{background:#e4ecd9;color:#294e36}
.ks-basil-quality .state-row{text-align:left!important}
.ks-basil-quality .growing-calendar li{margin:10px 0}
.ks-basil-quality .calendar-mobile{display:none}
.ks-basil-quality .calendar-conditions{padding:16px;background:#f2f1e7;font-size:14px}
.ks-basil-quality .calendar-task{border:1px solid #d8dfce;background:#fffef9;padding:18px;margin:14px 0;border-radius:8px}
.ks-basil-quality .calendar-task h3{margin:0 0 8px}
.ks-basil-quality .calendar-task .period{color:#a35b37;font-weight:bold}
.ks-basil-quality .calendar-task p{font-size:16px}
.ks-basil-quality .growing-calendar .small-note{font-size:12px;line-height:1.9}
@media(max-width:700px){.ks-basil-quality .calendar-desktop{display:none}
.ks-basil-quality .calendar-mobile{display:block}
}
.ks-basil-quality .calendar-label{display:flex;align-items:center;gap:8px}
.ks-basil-quality .calendar-icon{width:40px!important;height:40px!important;object-fit:contain;flex:0 0 40px}
.ks-basil-quality .growing-calendar th:first-child{width:205px}
.ks-basil-quality .botanical-facts{background:#fffef9;border:1px solid #d8dfce;border-radius:10px;padding:24px;margin:28px 0}
.ks-basil-quality .botanical-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.ks-basil-quality .botanical-facts dl>div{border-top:1px solid #d8dfce;padding-top:10px}
.ks-basil-quality .botanical-facts dt{font-size:13px;color:#a35b37;margin:0 0 5px}
.ks-basil-quality .botanical-facts dd{margin:0;font-size:16px;line-height:1.8}
.ks-basil-quality .botanical-facts .small-note{font-size:12px;line-height:1.9}
@media(max-width:700px){.ks-basil-quality .botanical-facts{padding:18px}
.ks-basil-quality .botanical-facts dl{grid-template-columns:1fr}
.ks-basil-quality .calendar-task .calendar-icon{width:48px!important;height:48px!important;flex-basis:48px}
}
.ks-basil-quality .practical-detail{margin-top:30px}
.ks-basil-quality .practical-detail h3{font-size:20px;line-height:1.7;color:#294e36;margin:0 0 16px}
.ks-basil-quality .practical-detail p{margin:0 0 18px;line-height:2.05}
@media(max-width:700px){.ks-basil-quality .practical-detail{margin-top:26px}
.ks-basil-quality .practical-detail h3{font-size:19px}
}
.ks-basil-quality .rest-branch{padding:24px;background:#fffaf0;border:1px solid #ad7955;border-radius:8px;color:#354236;margin:24px 0;font-size:15px}
.ks-basil-quality .notice-label{display:flex;align-items:center;gap:9px;color:#805333;font-size:12px;margin-bottom:12px;line-height:1.6}
.ks-basil-quality .notice-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;border:1px solid #ad7955;border-radius:50%;font-family:serif;font-size:13px}
.ks-basil-quality .rest-branch h3{margin:0 0 10px;font-size:19px;line-height:1.7;color:#294e36}
.ks-basil-quality .rest-branch p{margin:0 0 10px;font-size:15px;line-height:1.9}
.ks-basil-quality .rest-branch a{font-size:14px;color:#294e36;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.ks-basil-quality .rest-branch{padding:20px}
.ks-basil-quality .rest-branch h3{font-size:17px}
.ks-basil-quality .rest-branch a{display:inline-block;line-height:1.9}
}

.ks-basil-quality{max-width:1024px;margin:0 auto;padding:0 32px 64px;overflow-wrap:break-word}
.ks-basil-quality .ks-atlas-reading{max-width:860px;margin:36px auto}
.ks-basil-quality .ks-herb-section,.ks-basil-quality #basil-facts,.ks-basil-quality #growing-calendar{scroll-margin-top:140px}
.ks-basil-quality .botanical-facts dl{grid-template-columns:1fr 1fr}
.ks-basil-quality .botanical-facts dt{color:#a35b37}
.ks-basil-quality .ks-atlas-hero h1{max-width:none}
@media(max-width:700px){.ks-basil-quality{padding:0 20px 40px}.ks-basil-quality .botanical-facts dl{grid-template-columns:1fr}.ks-basil-quality .ks-herb-section{scroll-margin-top:120px}}

/* 0.9.27: desktop sidebar navigation, scoped to Basil; mobile remains inline. */
@media (min-width:1100px){
 .ks-basil-quality{max-width:1280px!important;--basil-toc-top:100px}
 .admin-bar .ks-basil-quality{--basil-toc-top:132px}
 .ks-basil-quality .ks-atlas-reading{display:grid;grid-template-columns:minmax(0,860px) 240px;column-gap:32px;row-gap:0;align-items:start;justify-content:center;max-width:none;padding:28px 0 45px}
 .ks-basil-quality .ks-atlas-reading>*{grid-column:1;min-width:0}
 .ks-basil-quality .ks-atlas-reading>.ks-herb-toc{grid-column:2;grid-row:1 / span 12;position:sticky;top:var(--basil-toc-top);align-self:start;width:auto;margin:28px 0 0;padding:18px 16px;background:#fffdf8;border-color:#d7d4c0;max-height:calc(100vh - var(--basil-toc-top) - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 .ks-basil-quality .ks-herb-toc h2{font-size:19px;line-height:1.7;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #d7d4c0}
 .ks-basil-quality .ks-herb-toc ol{padding-left:22px;margin:0}
 .ks-basil-quality .ks-herb-toc li{font-size:14px;line-height:1.85;margin:0;padding:9px 0;border-bottom:1px solid #e5ddd1}
 .ks-basil-quality .ks-herb-toc li:last-child{border-bottom:0}
 .ks-basil-quality .ks-herb-toc a{display:block;text-decoration:none;overflow-wrap:anywhere}
 .ks-basil-quality .ks-herb-toc a:hover{text-decoration:underline;color:#a55837}
}

/* 0.9.29: white hero background for Basil only. */
.ks-basil-quality .ks-atlas-hero{background:#fff}