/* Unified personal identity — UI only, no print or official documents */
:root{--pi-red:#b30e20;--pi-red-dark:#820d1a;--pi-charcoal:#222229;--pi-silver:#e2e3e8;--pi-surface:#fff;--pi-ink:#222229}
html body{background-color:#f5f5f7}
html body .pi-header,html body .pi-footer{font-family:'Cairo',Tahoma,Arial,sans-serif}
html body .pi-header{max-width:1440px;margin:12px auto 16px;background:linear-gradient(115deg,#fff,#f7f7f9);border:1px solid #dfe0e5;border-top:4px solid #b30e20;box-shadow:0 10px 30px #2020240b}
html body .pi-page-title{color:#951020}
html body .pi-back{background:linear-gradient(135deg,#b30e20,#820d1a)}
html body .pi-footer{max-width:1440px;margin:24px auto 0}
/* Preserve page-specific layouts and functionality. */
html body .btn.green,html body a.btn.green,html body button.green,html body .button.green{background:#b30e20!important;color:white!important}
html body .top-percent,html body .class-avg{color:#a01020!important}
html body .card .green{border-color:#d9a6ac}
@media print{.pi-header,.pi-footer{display:none!important}}

/* Visual identity: legacy dashboard sections; retain semantic states and print layouts. */
@media screen{
html body .hero:not(.pi-header){background:linear-gradient(125deg,#ae0c1c,#2b2b32)!important;color:#fff!important}
html body .nav .btn:not(.dark):not(.red),html body .actions .btn:not(.gray),html body .btn.green,html body button.green{background:#c90b0b!important;color:#fff!important}
html body .nav .btn.dark{background:#33333b!important}
html body .stat b:not(.pi-brand *),html body .priority h2,html body .question .answer,html body td.skill,html body .ok,html body .top-percent,html body .class-avg{color:#a60b1b!important}
html body .tip{background:#faf3f4!important;border-color:#ead6d9!important}
html body .tip b{color:#9b1220!important}
html body .pi-header{max-width:1280px!important;margin:12px auto 16px!important}
}