/* SB20-001-S09 only: botanical field journal, original AI illustrations. */
html[data-editorial-system="knowledge-index"] { color-scheme:light }
html[data-editorial-system="knowledge-index"] body { background:#fffdf7; color:#263a31; font-size:17px; line-height:1.85 }
html[data-editorial-system="knowledge-index"] .container { width:min(1160px,calc(100% - 48px)) }
html[data-editorial-system="knowledge-index"] .site-header { background:#263a31; color:#fffdf7 }
html[data-editorial-system="knowledge-index"] .header-row { min-height:86px }
html[data-editorial-system="knowledge-index"] .brand { font-family:"Songti SC","Noto Serif CJK SC",serif; letter-spacing:.05em; font-size:21px }
html[data-editorial-system="knowledge-index"] .brand img { width:42px; height:42px; object-fit:cover; border-radius:50%; padding:0 }
html[data-editorial-system="knowledge-index"] .site-nav a { padding:8px 13px; color:#fffdf7; border-color:#82978b }
html[data-editorial-system="knowledge-index"] .breadcrumb { font-size:14px; color:#4c5a50; background:#f1eee4 }
html[data-editorial-system="knowledge-index"] .hero { padding:54px 0 58px; background:#fffdf7; border-bottom:1px solid #d7d3c4 }
html[data-editorial-system="knowledge-index"] .hero-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:46px }
html[data-editorial-system="knowledge-index"] .hero h1 { max-width:14ch; font-family:"Songti SC","Noto Serif CJK SC",serif; font-size:clamp(2.5rem,3.6vw,3.75rem); font-weight:650; line-height:1.3; letter-spacing:.01em; white-space:pre-line }
html[data-editorial-system="knowledge-index"] .eyebrow { color:#68436e; font-size:13px; letter-spacing:.12em }
html[data-editorial-system="knowledge-index"] .hero-intro { font-size:17px; line-height:1.95; max-width:34em; color:#394b40 }
html[data-editorial-system="knowledge-index"] .hero-visual { display:block }
html[data-editorial-system="knowledge-index"] .hero-grid img { display:block; width:100%; height:auto; padding:0; border:0; border-radius:52% 48% 12px 12px / 16% 16% 12px 12px; box-shadow:none; object-fit:cover; background:#eee9ed }
html[data-editorial-system="knowledge-index"] .hero-note { border-left:2px solid #89748d; background:transparent; color:#4c5a50; padding:0 0 0 12px; font-size:12px; max-width:34em }
html[data-editorial-system="knowledge-index"] .button { border-radius:5px; padding:10px 17px; font-size:14px; background:#68436e; color:#fff }
html[data-editorial-system="knowledge-index"] .button + .button { background:#e9e2ea; color:#44304a }
html[data-editorial-system="knowledge-index"] .section { padding:48px 0 }
html[data-editorial-system="knowledge-index"] .section h2 { display:block; margin:0 0 24px; font-family:"Songti SC","Noto Serif CJK SC",serif; font-size:clamp(1.6rem,2.6vw,2.15rem); line-height:1.45; font-weight:650 }
html[data-editorial-system="knowledge-index"] .section h2:before { content:none }
html[data-editorial-system="knowledge-index"] .section .prose { max-width:840px }
html[data-editorial-system="knowledge-index"] .prose p { max-width:52em; color:#394b40 }
html[data-editorial-system="knowledge-index"] .card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px }
html[data-editorial-system="knowledge-index"] .card { padding:0 0 22px; border:0; border-bottom:1px solid #c6c5b7; border-radius:0; background:transparent }
html[data-editorial-system="knowledge-index"] .card-visual { display:block; overflow:hidden; border-radius:8px }
html[data-editorial-system="knowledge-index"] .card-visual img { aspect-ratio:3/2; object-fit:cover }
html[data-editorial-system="knowledge-index"] .card h3 { margin:18px 0 6px; font-size:1.25rem }
html[data-editorial-system="knowledge-index"] .card h3 a { color:#263a31; text-decoration:none }
html[data-editorial-system="knowledge-index"] .card p { color:#4c5a50; margin:0; font-size:16px }
html[data-editorial-system="knowledge-index"] .answer-block { background:#eee9ed; padding:42px 0; border:0 }
html[data-editorial-system="knowledge-index"] .answer-block__inner { grid-template-columns:280px 1fr; gap:40px }
html[data-editorial-system="knowledge-index"] .answer-block__answer { color:#344439; font-size:17px; border-left:2px solid #68436e }
html[data-editorial-system="knowledge-index"] .answer-block h2 { font-size:24px; line-height:1.55 }
html[data-editorial-system="knowledge-index"] .page-credits { padding:0; margin-block:20px; font-size:13px; color:#4c5a50 }
html[data-editorial-system="knowledge-index"] th { background:#eaece3; color:#263a31 }
html[data-editorial-system="knowledge-index"] td { background:#fffdf7; color:#394b40 }
html[data-editorial-system="knowledge-index"] .steps li { background:#f0eee5 }
html[data-editorial-system="knowledge-index"] .source-notes { background:#f0eee5 }
html[data-editorial-system="knowledge-index"] .source-note { grid-template-columns:210px 1fr; gap:0 28px; padding:22px 0 }
html[data-editorial-system="knowledge-index"] .source-note > p:last-child { grid-column:2; color:#4c5a50; font-size:14px; margin:4px 0 0 }
html[data-editorial-system="knowledge-index"] .source-note__publisher { grid-row:span 2; margin:0; font-size:13px; color:#4c5a50 }
html[data-editorial-system="knowledge-index"] .source-note h3 { margin:0; font-size:17px }
html[data-editorial-system="knowledge-index"] .faq-list details { background:#fffdf7; border-radius:5px }
html[data-editorial-system="knowledge-index"] .site-footer { border-top:1px solid #c6c5b7; background:#eaece3; font-size:14px }
html[data-editorial-system="knowledge-index"] .table-wrap { overscroll-behavior-x:contain }
@media(max-width:800px) {
 html[data-editorial-system="knowledge-index"] .container { width:calc(100% - 36px) }
 html[data-editorial-system="knowledge-index"] .header-row { min-height:72px; gap:12px }
 html[data-editorial-system="knowledge-index"] .brand { font-size:17px; gap:9px }
 html[data-editorial-system="knowledge-index"] .brand img { width:33px; height:33px }
 html[data-editorial-system="knowledge-index"] .site-nav { inset:72px 12px auto; background:#fffdf7 }
 html[data-editorial-system="knowledge-index"] .site-nav a { color:#263a31; border-color:#c6c5b7 }
 html[data-editorial-system="knowledge-index"] .hero { padding:26px 0 34px }
 html[data-editorial-system="knowledge-index"] .page-credits { margin-block:14px; font-size:12px }
 html[data-editorial-system="knowledge-index"] .breadcrumb { padding-block:10px }
 html[data-editorial-system="knowledge-index"] .hero-grid { display:flex; flex-direction:column; gap:22px }
 html[data-editorial-system="knowledge-index"] .hero-grid > div { order:0; width:100% }
 html[data-editorial-system="knowledge-index"] .hero-visual { order:1; width:100% }
 html[data-editorial-system="knowledge-index"] .hero h1 { max-width:none; font-size:clamp(1.85rem,7.8vw,2.7rem); line-height:1.38; margin:8px 0 16px }
 html[data-editorial-system="knowledge-index"] .hero-grid img { height:auto; width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:9px }
 html[data-editorial-system="knowledge-index"] .hero-intro { font-size:16px; line-height:1.85; margin:0 }
 html[data-editorial-system="knowledge-index"] .hero-note { font-size:12px; margin-bottom:0 }
 html[data-editorial-system="knowledge-index"] .actions { margin:18px 0 }
 html[data-editorial-system="knowledge-index"] .section { padding:36px 0 }
 html[data-editorial-system="knowledge-index"] .card-grid { grid-template-columns:1fr; gap:28px }
 html[data-editorial-system="knowledge-index"] .answer-block__inner { grid-template-columns:1fr; gap:16px }
 html[data-editorial-system="knowledge-index"] .source-note { grid-template-columns:1fr; gap:8px }
 html[data-editorial-system="knowledge-index"] .source-note > p:last-child { grid-column:1 }
 html[data-editorial-system="knowledge-index"] .source-note__publisher { grid-row:auto }
 html[data-editorial-system="knowledge-index"] th,html[data-editorial-system="knowledge-index"] td { min-width:115px; padding:11px; font-size:14px }
}