/** * DIC page — Tailwind utilities + warm cream shell (preflight disabled in dic.php) * BUILD: 2026-06-30-dic5 */ body.dic-page-body, body:has(#main-content .dic-page-shell) { background: #f8f6f2 !important; color: #1e293b; } body.dic-page-body #main-content, body.dic-page-body main#main-content.main-content, body:has(#main-content .dic-page-shell) main#main-content.main-content { background: transparent !important; max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } /* Keep site header/nav isolated from Tailwind on DIC page */ body.dic-page-body #site-header, body.dic-page-body #topbar, body.dic-page-body #desktop-nav, body.dic-page-body #mobile-menu { font-family: 'DM Sans', 'Outfit', sans-serif !important; line-height: normal !important; letter-spacing: normal !important; } /* Logo only — do NOT apply to .hdr-portals badges (dic.png is 550px source) */ body.dic-page-body #site-header .hdr-brand img { max-width: 100% !important; height: auto !important; } body.dic-page-body .hdr-portals img, body.dic-page-body.translated-ltr .hdr-portals img, body.dic-page-body.translated-rtl .hdr-portals img, html.translated-ltr body.dic-page-body .hdr-portals img, html.translated-rtl body.dic-page-body .hdr-portals img { height: 46px !important; width: auto !important; max-height: 46px !important; max-width: 110px !important; object-fit: contain !important; flex-shrink: 0 !important; } body.dic-page-body .hdr-portals a { flex-shrink: 0 !important; line-height: 0 !important; } body.dic-page-body .hdr-inner { align-items: center !important; flex-wrap: nowrap !important; } body.dic-page-body .hdr-search { flex: 1 1 auto !important; min-width: 0 !important; max-width: 420px !important; } body.dic-page-body .hdr-search-wrap { width: 100% !important; max-width: 100% !important; } body.dic-page-body .hdr-search-wrap input[type="search"] { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; } body.dic-page-body .hdr-portals { display: none !important; } @media (min-width: 1024px) { body.dic-page-body .hdr-portals { display: flex !important; } } .dic-page-shell { width: 100%; box-sizing: border-box; } .dic-page-shell .section-label { font-family: "DM Mono", monospace; letter-spacing: 0.12em; font-size: 0.72rem; text-transform: uppercase; } .dic-page-shell h1, .dic-page-shell h2, .dic-page-shell h3 { font-family: "Playfair Display", serif; } /* ── PORTFOLIO CSS VARIABLE SAFETY NET ──────────────────────────────── Defined here (in ) as fallback — Google Translate sometimes strips inline