/* ══════════════════════════════════════════════════════════════════════════ insights-pov.css — POV Realty brutalist skin for the 16 Insight article interiors (/insights/.html). These pages share /styles.css + /insights.css and render a LIGHT editorial theme by default. On an ASSOCIATE domain, pov-whitelabel.js sets (or insights-pov.js sets "blackout"), which turns THIS sheet on and repaints the page brutalist — warm paper, Anton headlines, gold accents — matching the associate landing + tool pages. povguy.sg never gets a data-theme (whitelabel bails there), so every rule below is inert on the canonical site. Self-contained palette — does NOT depend on pov-realty.css (which these pages don't load). ══════════════════════════════════════════════════════════════════════════ */ /* ── Palette tokens, per associate theme ─────────────────────────────────── */ html[data-theme="acid"]{ --pv-bg:#EBE6DB; --pv-bg2:#E4DECE; --pv-card:#FAF6EE; --pv-card2:#F2ECE0; --pv-raise:#FFFFFF; --pv-text:#1A1611; --pv-soft:rgba(26,22,17,.68); --pv-faint:rgba(26,22,17,.46); --pv-line:rgba(26,22,17,.13); --pv-line2:rgba(26,22,17,.08); --pv-gold:#94762F; --pv-accent:#94762F; --pv-onaccent:#FBFBF4; } html[data-theme="blackout"]{ --pv-bg:#131211; --pv-bg2:#0E0D0C; --pv-card:#1E1B15; --pv-card2:#252118; --pv-raise:#26221A; --pv-text:#F2ECE1; --pv-soft:rgba(242,236,225,.72); --pv-faint:rgba(242,236,225,.46); --pv-line:rgba(242,236,225,.12); --pv-line2:rgba(242,236,225,.07); --pv-gold:#CBB68A; --pv-accent:#EDFF00; --pv-onaccent:#0A0A0A; } /* ── Page canvas ─────────────────────────────────────────────────────────── */ html[data-theme] body{ background:var(--pv-bg) !important; color:var(--pv-text); } html[data-theme] .article-page, html[data-theme] .article-panels-wrap{ background:transparent !important; color:var(--pv-text); } /* ══ NAV chrome ══════════════════════════════════════════════════════════ */ html[data-theme] #main-nav, html[data-theme] .nav{ background:transparent; } html[data-theme] .nav.scrolled{ background:color-mix(in srgb,var(--pv-bg) 88%,transparent); backdrop-filter:blur(10px); } /* the floating links pill */ html[data-theme] .nav-links{ background:color-mix(in srgb,var(--pv-card) 82%,transparent); border:1px solid var(--pv-line); backdrop-filter:blur(10px); } html[data-theme] .nav.scrolled .nav-links{ background:color-mix(in srgb,var(--pv-card) 92%,transparent); } html[data-theme] .nav-links a, html[data-theme] .nav.scrolled .nav-links a{ font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.04em; color:var(--pv-soft); } html[data-theme] .nav-links a:hover{ color:var(--pv-text); } html[data-theme] .nav-links a.active{ color:var(--pv-text); } html[data-theme] .nav-dropdown-btn{ font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.04em; color:var(--pv-soft); } html[data-theme] .nav-dropdown-btn:hover{ color:var(--pv-text); } html[data-theme] .nav-dropdown-menu-inner{ background:var(--pv-card); border:1px solid var(--pv-line); box-shadow:0 30px 60px -40px rgba(0,0,0,.6); } html[data-theme] .nav-dropdown-menu-inner a{ color:var(--pv-soft); font-family:'IBM Plex Mono',monospace; font-size:12.5px; } html[data-theme] .nav-dropdown-menu-inner a:hover{ color:var(--pv-accent); background:var(--pv-card2); } html[data-theme] .nav-dropdown-menu-inner a.active{ color:var(--pv-accent); } /* wordmark: invert the white PNG to dark on paper (JS swaps it to the brand text) */ html[data-theme="acid"] .nav-logo img, html[data-theme="acid"] .footer-logo{ filter:brightness(0); opacity:.9; } html[data-theme] .pv-word{ font-family:'Anton',sans-serif; text-transform:uppercase; letter-spacing:.5px; font-size:22px; color:var(--pv-text); line-height:1; } /* hamburger + mobile drawer */ html[data-theme] .nav-hamburger span{ background:var(--pv-text); } html[data-theme] .nav-mobile{ background:var(--pv-card); border:1px solid var(--pv-line); } html[data-theme] .nav-mobile a{ color:var(--pv-soft); font-family:'IBM Plex Mono',monospace; } html[data-theme] .nav-mobile a:hover{ color:var(--pv-accent); } html[data-theme] .nav-mobile-divider{ color:var(--pv-faint); } /* ══ ARTICLE HERO ════════════════════════════════════════════════════════ */ html[data-theme] .s-panel-close-row{ border-bottom-color:var(--pv-line) !important; } html[data-theme] .s-panel-close-btn{ color:var(--pv-accent) !important; font-family:'IBM Plex Mono',monospace; letter-spacing:.04em; text-transform:uppercase; font-size:12px; } html[data-theme] .art-kicker{ color:var(--pv-gold) !important; } html[data-theme] .art-kicker::before{ background:var(--pv-gold) !important; } html[data-theme] .article-panels-wrap .art-headline{ font-family:'Anton',sans-serif !important; text-transform:uppercase; letter-spacing:.3px; font-weight:400; line-height:1.02; color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .art-dek{ color:var(--pv-soft) !important; } html[data-theme] .article-panels-wrap .art-dek strong{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .art-byline{ color:var(--pv-faint) !important; border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .art-byline strong{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .art-byline .art-dot{ color:var(--pv-faint) !important; } html[data-theme] .article-panels-wrap .art-body{ color:var(--pv-soft) !important; } html[data-theme] .article-panels-wrap .art-takeaway{ color:var(--pv-soft) !important; border-left-color:var(--pv-gold) !important; } html[data-theme] .article-panels-wrap .art-takeaway strong{ color:var(--pv-text) !important; } /* Figures + evidence grid */ html[data-theme] .fig-kick{ color:var(--pv-gold) !important; } html[data-theme] .article-panels-wrap .fig-cap{ font-family:'Anton',sans-serif !important; text-transform:uppercase; letter-spacing:.3px; font-weight:400; color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .fig-src{ color:var(--pv-faint) !important; } html[data-theme] .article-panels-wrap .ev-dim{ color:var(--pv-soft) !important; } html[data-theme] .article-panels-wrap .ev-bar{ background:var(--pv-line) !important; } /* Verdict callout — keep the per-article --vaccent as data ink */ html[data-theme] .article-panels-wrap .verdict{ background:var(--pv-card) !important; border:1px solid var(--pv-line) !important; border-left:6px solid var(--vaccent) !important; box-shadow:0 24px 50px -40px rgba(0,0,0,.7) !important; } html[data-theme] .article-panels-wrap .verdict-label{ background:var(--vaccent); color:#fff; } html[data-theme] .article-panels-wrap .verdict-headline{ font-family:'Anton',sans-serif !important; text-transform:uppercase; letter-spacing:.3px; font-weight:400; color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .verdict-txt{ color:var(--pv-soft) !important; } html[data-theme] .article-panels-wrap .verdict-foot{ color:var(--pv-soft) !important; border-top-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .verdict-sub{ color:var(--pv-faint) !important; } /* CTA row */ html[data-theme] .ins-cta-row .cta-note{ color:var(--pv-soft) !important; } html[data-theme] .cta-btn{ background:var(--pv-accent) !important; color:var(--pv-onaccent) !important; font-family:'IBM Plex Mono',monospace !important; text-transform:uppercase; letter-spacing:.06em; font-weight:600; border-radius:999px !important; } /* ══ SECTION panels ══════════════════════════════════════════════════════ */ html[data-theme] .article-panels-wrap .insight-section{ background:transparent !important; } html[data-theme] .article-panels-wrap .s-eyebrow{ color:var(--pv-gold) !important; } html[data-theme] .article-panels-wrap .s-title{ font-family:'Anton',sans-serif !important; text-transform:uppercase; letter-spacing:.3px; font-weight:400; color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .s-body{ color:var(--pv-soft) !important; } html[data-theme] .article-panels-wrap .s-body strong{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .s-divider{ border-top-color:var(--pv-line) !important; } /* Stat strip */ html[data-theme] .article-panels-wrap .stat-strip{ border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .stat-cell{ background:var(--pv-card) !important; border-right-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .stat-cell:hover{ background:var(--pv-card2) !important; } html[data-theme] .article-panels-wrap .stat-lbl{ color:var(--pv-faint) !important; } html[data-theme] .article-panels-wrap .stat-big, html[data-theme] .article-panels-wrap .stat-num{ color:var(--pv-text) !important; } /* Charts */ html[data-theme] .article-panels-wrap .chart-wrap{ background:var(--pv-card) !important; border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .chart-title{ font-family:'Anton',sans-serif !important; text-transform:uppercase; letter-spacing:.3px; font-weight:400; color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .chart-subtitle{ color:var(--pv-faint) !important; } html[data-theme] .article-panels-wrap .legend-item{ color:var(--pv-soft) !important; } /* Tables */ html[data-theme] .article-panels-wrap .compare-table th, html[data-theme] .article-panels-wrap .crisis-table th{ background:var(--pv-card2) !important; color:var(--pv-faint) !important; border-bottom-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .compare-table th.win-col{ color:var(--pv-gold) !important; } html[data-theme] .article-panels-wrap .compare-table td, html[data-theme] .article-panels-wrap .crisis-table td{ color:var(--pv-text) !important; border-bottom-color:var(--pv-line2) !important; } html[data-theme] .article-panels-wrap .compare-table td:first-child{ color:var(--pv-soft) !important; } /* Callouts */ html[data-theme] .article-panels-wrap .callout{ background:var(--pv-card2) !important; border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .callout p, html[data-theme] .article-panels-wrap .callout p strong{ color:var(--pv-text) !important; } /* Price ladder */ html[data-theme] .article-panels-wrap .price-ladder{ border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .price-rung.advertised{ background:var(--pv-card2) !important; border-bottom-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .price-rung.average{ background:color-mix(in srgb,var(--pv-gold) 10%,transparent) !important; border-bottom-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .price-rung.highest{ background:color-mix(in srgb,#e8896b 12%,transparent) !important; } html[data-theme] .article-panels-wrap .price-rung-label{ color:var(--pv-faint) !important; } html[data-theme] .article-panels-wrap .price-gap-banner{ background:color-mix(in srgb,var(--pv-gold) 10%,transparent) !important; } html[data-theme] .article-panels-wrap .price-gap-text{ color:var(--pv-text) !important; } /* Feature pills */ html[data-theme] .article-panels-wrap .feat-text strong{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .feat-text span{ color:var(--pv-soft) !important; } html[data-theme] .article-panels-wrap .feat-pill{ background:var(--pv-card2) !important; border-color:var(--pv-line) !important; } /* Leverage cards */ html[data-theme] .article-panels-wrap .lev-card.stocks{ background:var(--pv-card2) !important; border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .lev-card.property{ background:color-mix(in srgb,var(--pv-gold) 8%,var(--pv-card)) !important; border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .lev-card.stocks .lev-roi{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .lev-desc{ color:var(--pv-soft) !important; } /* Opportunity / policy cards */ html[data-theme] .article-panels-wrap .opp-card-name{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .opp-card-loc{ color:var(--pv-faint) !important; } html[data-theme] .article-panels-wrap .opp-card-reason{ color:var(--pv-soft) !important; border-top-color:var(--pv-line2) !important; } html[data-theme] .article-panels-wrap .policy-card h3{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .policy-bullets li{ color:var(--pv-soft) !important; } /* Cycle visual */ html[data-theme] .article-panels-wrap .cycle-visual{ background:var(--pv-card) !important; border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .cycle-step-label{ color:var(--pv-faint) !important; } html[data-theme] .article-panels-wrap .cycle-arrow{ color:var(--pv-faint) !important; } /* Stat trio */ html[data-theme] .article-panels-wrap .stat-trio{ border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .stat-trio-cell{ background:var(--pv-card) !important; border-right-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .stat-trio-lbl{ color:var(--pv-faint) !important; } html[data-theme] .article-panels-wrap .stat-trio-num{ color:var(--pv-text) !important; } /* Timeline */ html[data-theme] .article-panels-wrap .timeline::before{ background:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .tl-item::before{ background:var(--pv-gold) !important; border-color:var(--pv-bg) !important; } html[data-theme] .article-panels-wrap .tl-title{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .tl-body{ color:var(--pv-soft) !important; } /* Gap timeline */ html[data-theme] .article-panels-wrap .gap-timeline{ border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .gap-point{ background:var(--pv-card) !important; border-right-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .gap-point.today{ background:var(--pv-card2) !important; } html[data-theme] .article-panels-wrap .gap-yr, html[data-theme] .article-panels-wrap .gap-lbl{ color:var(--pv-faint) !important; } /* Inline-POV card */ html[data-theme] .article-panels-wrap .il-pov-card{ background:var(--pv-card) !important; border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .il-pov-num{ color:var(--pv-faint) !important; } html[data-theme] .article-panels-wrap .il-pov-headline{ font-family:'Anton',sans-serif !important; text-transform:uppercase; letter-spacing:.3px; font-weight:400; color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .il-pov-data li, html[data-theme] .article-panels-wrap .il-pov-data li strong{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .il-pov-implication{ color:var(--pv-soft) !important; border-top-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .il-pov-implication strong{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .il-pov-as-of{ color:var(--pv-faint) !important; } /* Details / expander */ html[data-theme] .article-panels-wrap .ins-details{ border-top-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .ins-details > summary{ color:var(--pv-gold) !important; } html[data-theme] .article-panels-wrap .ins-details > summary:hover{ color:var(--pv-text) !important; } /* ══ FOOTER chrome ═══════════════════════════════════════════════════════ */ html[data-theme] .footer{ background:var(--pv-bg2) !important; border-top:1px solid var(--pv-line); } html[data-theme] .footer-logo{ opacity:.85; } html[data-theme] .footer-cea{ color:var(--pv-faint) !important; } html[data-theme] .footer-social a{ color:var(--pv-soft) !important; } html[data-theme] .footer-social a:hover{ color:var(--pv-accent) !important; } html[data-theme] .footer-links-label, html[data-theme] .footer-tools-label{ color:var(--pv-faint) !important; } html[data-theme] .footer-links-col a, html[data-theme] .footer-links a, html[data-theme] .footer-tools-row a{ color:var(--pv-soft) !important; } html[data-theme] .footer-links-col a:hover, html[data-theme] .footer-links a:hover, html[data-theme] .footer-tools-row a:hover{ color:var(--pv-accent) !important; } html[data-theme] .footer-disclaimer{ color:var(--pv-faint) !important; border-top-color:var(--pv-line) !important; } html[data-theme] .footer-tools-sep{ color:var(--pv-faint) !important; } /* ══ Remaining component families (charts, cycles, timelines, badges) ════ */ html[data-theme] .article-panels-wrap .callout-label{ color:var(--pv-gold) !important; } html[data-theme] .article-panels-wrap .chart-box{ background:var(--pv-card) !important; border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .chart-box h4{ font-family:'Anton',sans-serif !important; text-transform:uppercase; letter-spacing:.3px; font-weight:400; color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .chart-box .chart-sub{ color:var(--pv-faint) !important; } html[data-theme] .article-panels-wrap .chart-legend, html[data-theme] .article-panels-wrap .chart-legend .legend-item{ color:var(--pv-soft) !important; } html[data-theme] .article-panels-wrap .conclusion-block{ background:var(--pv-card) !important; border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .conclusion-block h3{ font-family:'Anton',sans-serif !important; text-transform:uppercase; letter-spacing:.3px; font-weight:400; color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .conclusion-block p{ color:var(--pv-soft) !important; } html[data-theme] .article-panels-wrap .cycle-step{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .cycle-step-icon{ color:var(--pv-gold) !important; } html[data-theme] .article-panels-wrap .gap-pct{ color:var(--pv-gold) !important; } html[data-theme] .article-panels-wrap .opp-card{ background:var(--pv-card2) !important; border-color:var(--pv-line) !important; } html[data-theme] .article-panels-wrap .policy-era-badge{ background:color-mix(in srgb,var(--pv-gold) 14%,transparent) !important; color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .s-subhead{ color:var(--pv-text) !important; } html[data-theme] .article-panels-wrap .s-subnote{ color:var(--pv-soft) !important; } html[data-theme] .article-panels-wrap .stat-icon{ color:var(--pv-gold) !important; } html[data-theme] .article-panels-wrap .tl-era{ color:var(--pv-gold) !important; }