/* purpose-values-palantir.css — Palantir-style overlay for purpose-values (2026-10-25).
   Learned from palantir.com: dark ink, hairline rules, left-aligned statement type,
   sharp (radius 0) buttons, one white primary + one outline secondary, no bright-blue CTA.
   Content unchanged. Remove the <link> in index.html to revert. */
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero > .qma-in{align-items:flex-start!important;text-align:left!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero .qma-crumb{justify-content:flex-start!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero .qma-eb{display:flex!important;align-items:center;gap:12px;letter-spacing:.18em!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero .qma-eb::before{content:"";display:block;width:40px;height:1px;background:#fff;flex:none}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero h1{margin-left:0!important;text-align:left!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero .qma-lead{margin-left:0!important;text-align:left!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero .qac-hero-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;width:auto!important;max-width:none!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero .qac-text-link{min-width:220px;border:1px solid #fff!important;border-radius:0!important;background:#fff!important;color:#171a20!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero .qac-text-link:hover{background:#e2e3e3!important;border-color:#e2e3e3!important;color:#171a20!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero .qac-text-link + .qac-text-link{background:transparent!important;border-color:rgba(255,255,255,.65)!important;color:#fff!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero .qac-text-link + .qac-text-link:hover{background:rgba(255,255,255,.12)!important;border-color:#fff!important;color:#fff!important}
/* Spec-sheet rhythm: hairline rule above every section, stronger rule above each value. */
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] :is(.qac-purpose-statement,.qac-section){border-top:1px solid #e2e3e3!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qac-value{border-top:2px solid #171a20!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qac-value > span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.08em}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qac-principle-list li > span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.08em}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] :is(.qac-eyebrow,.qma-eb){letter-spacing:.14em!important}
/* Dark AI section: same sharp white primary, no blue. */
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] #qa-section-4 .qac-text-link{border:1px solid #fff!important;border-radius:0!important;background:#fff!important;color:#171a20!important}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] #qa-section-4 .qac-text-link:hover{background:#e2e3e3!important;border-color:#e2e3e3!important;color:#171a20!important}
@media(max-width:760px){
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero .qac-hero-actions{flex-direction:column;align-items:stretch}
html:not(#qmT):not(#qmT2):not(#qmT3):not(#qmT4) body #main .qa-modular[data-qma-item="purpose-values"] .qma-hero .qac-text-link{width:100%;min-width:0}
}
