:root { --font-serif: var(--gg-font-header); --font-sans: var(--gg-font-body); --font-mono: var(--gg-font-mono); } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; background: var(--paper-0); background-image: var(--paper-vignette), var(--paper-texture); background-repeat: no-repeat, repeat; background-size: cover, auto; color: var(--ink-0); font-family: var(--gg-font-body); font-size: var(--type-body-size); font-weight: 400; line-height: var(--type-body-line); } /* * Optional future hook: add class `has-reading-room-texture` on * to enable subtle paper grain + vignette. Off by default. */ body.gg-library-child.has-reading-room-texture { --paper-texture: repeating-linear-gradient( 0deg, rgba(30, 27, 23, 0.015) 0 1px, transparent 1px 4px ); --paper-vignette: radial-gradient( circle at center, rgba(0, 0, 0, 0) 58%, rgba(30, 27, 23, 0.08) 100% ); } @media (prefers-contrast: more) { body.gg-library-child.has-reading-room-texture { --paper-texture: none; --paper-vignette: none; } } h1, h2, h3, h4 { font-family: var(--gg-font-header); color: var(--ink-0); } h1 { font-size: var(--type-display-size); line-height: var(--type-display-line); font-weight: 700; } h2 { font-size: var(--type-section-size); line-height: var(--type-section-line); font-weight: 600; } h3, h4 { font-size: var(--type-item-size); line-height: var(--type-item-line); font-weight: 600; } body.gg-library-child :is( .main-navigation a, .menu-toggle, .wp-block-navigation-item__content, .btn ) { font-family: var(--gg-font-mono); } body.gg-library-child .site-branding .site-title, body.gg-library-child .site-branding .site-title a { color: var(--ink-0); font-family: var(--gg-font-header); font-size: clamp(1.25rem, 1.05rem + 0.85vw, 1.7rem); font-weight: 700; letter-spacing: 0.01em; line-height: 1.08; margin: 0; } body.gg-library-child .site-branding .site-description { color: var(--accent-slate); font-family: var(--gg-font-mono); font-size: clamp(0.95rem, 0.86rem + 0.3vw, 1.05rem); font-weight: 700; letter-spacing: 0.04em; line-height: 1.35; margin: 0.1rem 0 0; } body.gg-library-child .main-navigation a, body.gg-library-child .mobile-navigation a, body.gg-library-child .menu-toggle { font-size: 0.98rem; font-weight: 700; letter-spacing: 0.03em; } code, pre, kbd, samp, .hash, .gg-mono, [data-record-hash], .gg-hash code { font-family: var(--gg-font-mono); font-size: var(--type-meta-size); line-height: var(--type-meta-line); } a { color: var(--accent-slate); } /* Ensure footer attribution links remain WCAG AA on light footer backgrounds. */ a[href$="kadencewp.com/"] { color: var(--accent-slate) !important; } a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; } .gg-container { max-width: var(--reading-room-max); margin-inline: auto; padding: 0 var(--reading-room-gutter); } /* Skip link. */ .gg-skip-link { position: absolute; left: -999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .gg-skip-link:focus { left: 1rem; top: .5rem; width: auto; height: auto; background: var(--paper-1); color: var(--ink-0); border: 2px solid var(--focus-ring); padding: .5rem .75rem; border-radius: 4px; z-index: 10000; box-shadow: none; } /* Ensure anchor does not create layout oddities. */ .gg-main-anchor { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } /* Make sure tap targets meet 44x44 on mobile for menu toggles/buttons. */ button, .btn { min-height: 44px; } /* * If a legacy glass-theme accessibility widget is present, * hide only the reduce-transparency control. */ .gl-a11y-toggle [data-pref="reduce-transparency"] { display: none !important; visibility: hidden !important; pointer-events: none !important; } /* B9 mobile overflow fix (2026-03-08) */ @media (max-width: 782px) { body.gg-library-child .site-main-header-inner-wrap.site-header-row { grid-template-columns: minmax(0, 1fr) auto !important; width: 100% !important; } body.gg-library-child .site-header-main-section-left, body.gg-library-child .site-header-main-section-right, body.gg-library-child .site-header-main-section-left .site-header-item, body.gg-library-child .site-header-main-section-left .site-branding, body.gg-library-child .site-header-main-section-left .brand, body.gg-library-child .site-header-main-section-left .site-title-wrap { min-width: 0; } body.gg-library-child .site-header-main-section-left .brand { width: auto !important; max-width: 100%; } body.gg-library-child .site-header-main-section-left .site-title, body.gg-library-child .site-header-main-section-left .site-description { overflow-wrap: anywhere; word-break: break-word; } } /* B10 contrast fixes (2026-03-08) */ body.gg-library-child:not(.gg-reading-room) .content-bg, body.gg-library-child:not(.gg-reading-room).content-style-unboxed .site { background: var(--paper-1) !important; color: var(--ink-0) !important; } body.gg-library-child:not(.gg-reading-room) .entry-content a, body.gg-library-child:not(.gg-reading-room) .wp-block-rss .wp-block-rss__item-title a, body.gg-library-child:not(.gg-reading-room) .glass-gov-district-lookup a { color: #1f3f5a !important; text-decoration-thickness: 2px; text-underline-offset: var(--catalog-link-offset); } body.gg-library-child:not(.gg-reading-room) .entry-content a:hover, body.gg-library-child:not(.gg-reading-room) .wp-block-rss .wp-block-rss__item-title a:hover, body.gg-library-child:not(.gg-reading-room) .glass-gov-district-lookup a:hover { color: #173349 !important; }