main.container .hero { border-radius: 20px; background-color: #151d21; box-shadow: 0 20px 60px #0004, inset 0 1px #f1dfbc0c; }
main.container .hero h1 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: clamp(2.3rem, 5vw, 4rem); line-height: 1.08; letter-spacing: -.025em; color: #f0dfc0; background: none; -webkit-text-fill-color: currentColor; filter: none; text-wrap: balance; }
main.container .hero h1 .hero-sub { font-family: 'Cinzel', Georgia, serif; font-size: .33em; letter-spacing: .1em; }
main.container > h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 500; letter-spacing: -.01em; line-height: 1.2; text-transform: none; color: #efdbb5; }
main.container > p, main.container > ul, main.container > ol { line-height: 1.8; max-width: 78ch; }
main.container .answer-box:not(.dictionary-search) > p { max-width: 78ch; }
main.container .hero-art:has(img[src^='/hero-art/']) { border-radius: 45% 45% 12px 12px; padding: 6px; background: #192328; border: 1px solid #d7bd8360; }
main.container .hero-art:has(img[src^='/hero-art/'])::before { border-radius: 45% 45% 9px 9px; }
main.container .hero-art img[src^='/hero-art/'] { border-radius: 45% 45% 8px 8px; }
main.container .section-note, main.container .section-note-inline, main.container .insight-card { border-radius: 12px; }
main.container .section-note:is(nav) { background: linear-gradient(135deg, #202d33, #161e22); border: 1px solid #d7bd8340; padding: 12px 18px; }
main.container .article-contents .toc-list { padding-left: 20px; }
main.container .answer-box:not(.dictionary-search), main.container #direct-answer + p, main.container .section-note:not(nav), main.container .section-note-inline { background: radial-gradient(ellipse at top left, #fff8e3a0, transparent 70%), linear-gradient(120deg, #eee1c5, #e4d3b1); color: #443526; border: 1px solid #b89b685c; border-left: 3px solid #ac854a; border-radius: 12px; padding: 20px 24px; box-shadow: 0 10px 30px #0002; }
main.container .answer-box:not(.dictionary-search) :is(p,li,strong,em,h2,h3), main.container #direct-answer + p :is(strong,em), main.container :is(.section-note:not(nav), .section-note-inline) :is(p,li,strong,em,h2,h3) { color: #443526; }
main.container .answer-box:not(.dictionary-search) a, main.container #direct-answer + p a, main.container :is(.section-note:not(nav), .section-note-inline) a { color: #664119; text-decoration: underline; text-underline-offset: 3px; }
main.container .insight-card { background: linear-gradient(145deg, #1e2a2f, #131a1d); border-color: #d7bd833b; }
main.container .insight-card h3 { font: 500 1.45rem/1.25 'Cormorant Garamond', Georgia, serif; letter-spacing: 0; text-transform: none; color: #eddabd; }
main.container .table-scroll { border-radius: 12px; }
@media (max-width: 640px) {
  main.container { --container-pad: 16px; }
  main.container .hero { padding: 24px 16px; border-radius: 14px; }
  main.container .hero h1 { font-size: clamp(2rem, 8.5vw, 3rem); overflow-wrap: anywhere; }
  main.container .hero .eyebrow { letter-spacing: .16em; gap: 8px; }
  main.container .hero .eyebrow::before, main.container .hero .eyebrow::after { width: 22px; flex-shrink: 0; }
  main.container .answer-box:not(.dictionary-search), main.container #direct-answer + p, main.container .section-note:not(nav), main.container .section-note-inline { padding: 18px 16px; }
  main.container > p, main.container > ul, main.container > ol { font-size: 1.08rem; line-height: 1.75; }
}