/* Shared page hero, same system as devaland.com (.dv-hero in its App.css), 16.10.2026.
   Centred; serif heading 500 near-white; gold label in normal case 16px; subtitle 18-20px.
   Measured on #0B0E14: title 16.2:1, subtitle #B8C0CC 10.5:1, label #D6B87F 10.1:1.
   Selectors start with "body" so page-local .p-hero / .cp-hero / .sx rules cannot win. */
body .dv-hero { text-align: center; padding: 4rem 0 2.5rem; background: transparent; }
body .dv-hero__inner { max-width: 56rem; margin: 0 auto; padding: 0 20px; }
body .dv-hero__crumb { margin: 0 0 1.5rem; font-size: 15px; line-height: 1.5; color: #B8C0CC; }
body .dv-hero__crumb a { color: #B8C0CC; text-decoration: none; }
body .dv-hero__crumb a:hover { color: #EDEBE6; text-decoration: underline; text-underline-offset: 3px; }
body .dv-hero__label { color: #D6B87F; font-size: 16px; line-height: 1.5; letter-spacing: 0; text-transform: none; font-weight: 500; margin: 0 0 1.25rem; max-width: none; }
body .dv-hero .dv-hero__title { font-family: 'Newsreader', 'Newsreader Fallback', Georgia, 'Times New Roman', serif; font-weight: 500; color: #EDEBE6; font-size: clamp(2.125rem, 5.2vw, 3.5rem); line-height: 1.12; letter-spacing: 0; text-transform: none; margin: 0 auto 1.5rem; max-width: 52rem; }
body .dv-hero .dv-hero__sub { color: #B8C0CC; font-size: 1.125rem; line-height: 1.65; max-width: 44rem; margin: 0 auto 1rem; }
@media (min-width: 640px) { body .dv-hero .dv-hero__sub { font-size: 1.25rem; } }
body .dv-hero .dv-hero__sub a { color: #D6B87F; }
body .crumbs { text-align: center; color: #B8C0CC; font-size: 15px; }
body .crumbs a { color: #B8C0CC; }
/* legal pages: the markdown's own first h1 gets the same heading look */
body .legal > h1:first-child { font-family: 'Newsreader', 'Newsreader Fallback', Georgia, 'Times New Roman', serif; font-weight: 500; color: #EDEBE6; font-size: clamp(2.125rem, 5.2vw, 3.5rem); line-height: 1.12; text-align: center; margin: 1rem auto 2rem; }
/* light-theme pages (cream ground #f7f6f3): same layout, dark ink. 1a2332 = 14.6:1, 3d4757 = 8.6:1 */
body .dv-hero--light .dv-hero__title { color: #1a2332; }
body .dv-hero--light .dv-hero__sub { color: #3d4757; }