/* Prototype 5 visual alignment — interpretive T4LA-inspired theme, not official DOTD brand specifications. */
:root{--dv5-navy:#15384d;--dv5-blue:#236b8a;--dv5-green:#4b8e69;--dv5-paper:#fff;--dv5-wash:#f2f7f6;--dv5-line:#d9e5e7;--dv5-ink:#173247}
body{background:var(--dv5-wash);color:var(--dv5-ink)}
header{border-bottom:4px solid var(--dv5-green);box-shadow:0 2px 10px #15384d12}
header .brand{color:var(--dv5-navy)}
header .brand span{color:var(--dv5-green)}
header nav a:hover,header nav a:focus-visible{color:var(--dv5-green)}
header .pill{border:1px solid var(--dv5-line);background:var(--dv5-wash);color:var(--dv5-navy)}
h1,h2,h3{color:var(--dv5-navy)}
.hero h1,.hero h2,.hero h3,.preview h3{color:#fff}
.hero .eyebrow{color:#6ce1ca}
.p4-dashboard .month-summary h2{color:var(--dv5-navy)}
.eyebrow{color:var(--dv5-green)}
button,.btn{transition:background-color .15s ease,border-color .15s ease}
button:focus-visible,a:focus-visible{outline:3px solid var(--dv5-green);outline-offset:3px}
.p4-dashboard .notice{background:#e6f1ec;color:#245942}
.p4-dashboard .p4-jump button:hover,.p4-dashboard .p4-jump button:focus-visible{background:#e6f1ec}
.p4-dashboard .p4-section>.eyebrow{color:var(--dv5-green)}
footer{border-top:1px solid var(--dv5-line)}
.dv5-report-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--dv5-blue);text-decoration:none;border:1px solid var(--dv5-line);border-radius:4px;padding:9px 12px;background:white}
.dv5-report-link:hover{background:var(--dv5-wash)}
@media print{header,footer,.dv5-report-link{display:none!important}body{background:#fff}}

/* Responsive dashboard navigation and consistent report affordance. */
header{min-height:88px;height:auto;flex-wrap:wrap;row-gap:10px}
header nav{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:900px){
 header{padding:14px 4%;gap:12px;justify-content:space-between}
 header nav{order:2;margin-left:0}
 header .dv5-report-link{order:3}
 header .pill{order:4}
}
@media(max-width:600px){
 header{align-items:flex-start}
 header nav{width:100%;order:2}
 header nav a{font-size:12px}
 header .dv5-report-link{order:3}
 header .pill{order:4}
 .p4-dashboard .topline h1{font-size:clamp(26px,7vw,40px)}
 .p4-dashboard .month-summary{padding:18px}
 .p4-dashboard .month-summary h2{font-size:clamp(23px,6vw,34px)}
 .p4-dashboard .p4-questions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){button,.btn{transition:none}}

/* Prototype 5: executive summary first, evidence available on demand. */
.p5-evidence{margin:28px 0 38px;padding:24px;background:#fff;border:1px solid var(--dv5-line);border-radius:8px}
.p5-evidence h2{margin:0 0 8px}
.p5-evidence-lede{max-width:760px;color:#526b78}
.p5-question{border-top:1px solid var(--dv5-line);padding:14px 2px}
.p5-question summary{cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none;font-weight:700;color:var(--dv5-navy)}
.p5-question summary::-webkit-details-marker{display:none}
.p5-question summary:after{content:"+";margin-left:auto;color:var(--dv5-blue);font-size:20px}
.p5-question[open] summary:after{content:"−"}
.p5-qnum{color:var(--dv5-green);font-size:12px;letter-spacing:.08em}
.p5-status{font-size:10px;text-transform:uppercase;letter-spacing:.05em;border-radius:99px;background:#f0f3f4;padding:4px 8px;color:#465a63}
.p5-question p{max-width:780px;margin:12px 0 8px 28px;color:#435d69}
.p5-question a{margin-left:28px;color:var(--dv5-blue);font-size:13px;font-weight:700}
.p5-meta{font-size:11px;color:#637985}
.p5-page{max-width:1180px;margin:0 auto;padding:42px 5%;min-height:70vh}
.p5-page-head{border-bottom:1px solid var(--dv5-line);padding-bottom:24px;margin-bottom:26px}
.p5-page-head h1{font-size:clamp(32px,4vw,48px);margin:10px 0}
.p5-page-head p{max-width:800px;color:#526b78}
.p5-callout{padding:16px 20px;background:#edf5f1;border-left:4px solid var(--dv5-green);margin:20px 0;color:#314f4b}
.p5-table-wrap{overflow:auto;background:#fff;border:1px solid var(--dv5-line);border-radius:8px}
.p5-table{border-collapse:collapse;width:100%;min-width:760px}
.p5-table th,.p5-table td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--dv5-line)}
.p5-table th{background:#edf3f4;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.p5-table td{font-size:13px}
.p5-badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#edf5f1;color:#276445;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.p5-badge.conditional{background:#fff4df;color:#795c1d}.p5-badge.unknown{background:#f3eeee;color:#78483f}
.p5-source{color:var(--dv5-blue);font-weight:700}
.p5-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.p5-social-card{background:white;border:1px solid var(--dv5-line);border-radius:10px;padding:22px}
.p5-ig-tile{aspect-ratio:1/1;max-width:390px;margin:0 auto 18px;padding:28px;background:linear-gradient(145deg,#12364b,#236b8a);color:white;display:flex;flex-direction:column;justify-content:space-between}
.p5-ig-tile *{color:white}.p5-ig-tile .tile-stat{font-size:48px;line-height:1;font-weight:800;letter-spacing:-2px}
.p5-ig-tile .tile-mark{color:#91dec8;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}
.p5-copy{padding:14px;background:#f2f7f6;border-radius:6px;white-space:pre-wrap;font-size:14px}
.p5-limit{font-size:12px;color:#647b85}
.p5-no-photo{min-height:250px;padding:28px;background:repeating-linear-gradient(135deg,#edf3f4,#edf3f4 14px,#e5edef 14px,#e5edef 28px);border:1px dashed #9eb3ba;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:10px;color:#17384d}
.p5-no-photo span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#397d84}
.p5-no-photo strong{font-size:28px}.p5-no-photo small{max-width:300px;color:#536c77}
@media(max-width:720px){.p5-social-grid{grid-template-columns:1fr}.p5-evidence{padding:18px}.p5-question summary{align-items:flex-start}.p5-status{margin-left:auto}}
@media print{.p5-page{max-width:none;padding:0}.p5-table{font-size:10px}.p5-table tr{break-inside:avoid}}