/*
 Prototype 5 visual composition v2 — structural companion to prototype5-brand-refresh.css.
 Concept inspired by T4LA transportation communications, NOT an official LADOTD identity.
*/
.dv6-kicker{display:block;font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:900;color:#1d6e90}
.dv6-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:12px;font-weight:800;color:#176787;white-space:nowrap;border-bottom:2px solid #00b6d0;padding:7px 0}
.dv6-link:hover{color:#12465e}
.dv6-draft-label{display:inline-flex;align-items:center;flex-shrink:0;background:#fff0df;color:#8b4b16;border:1px solid #f3cb99;border-radius:3px;font-size:10px;letter-spacing:.11em;font-weight:900;padding:5px 9px}
/* House 69: dated evidence, visually prominent without implying live KPIs. */
.dv6-dashboard-evidence{padding:27px 0 12px;margin:26px 0 28px;border-top:1px solid #d8e5e9}
.dv6-evidence-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}
.dv6-evidence-heading h2{font-size:clamp(24px,2.6vw,35px);letter-spacing:-.03em;line-height:1.14;margin:11px 0}
.dv6-evidence-heading p{max-width:720px;font-size:13px;color:#456879;line-height:1.5;margin:0}
.dv6-evidence-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dv6-evidence-card{position:relative;display:flex;flex-direction:column;min-height:170px;padding:23px 25px 20px;background:#fff;border:1px solid #d5e5e8;border-top:5px solid #00b6d0;box-shadow:0 10px 24px #123c5110;border-radius:5px}
.dv6-evidence-card:nth-child(2){border-top-color:#679c38}
.dv6-evidence-card:nth-child(3){border-top-color:#ee6b25}
.dv6-evidence-index{position:absolute;right:21px;top:20px;font-weight:900;color:#9ab8c3;font-size:11px;letter-spacing:.07em}
.dv6-evidence-card>strong{font-size:clamp(34px,4vw,52px);line-height:1.1;font-weight:900;letter-spacing:-.05em;color:#143d54;margin:4px 0 14px}
.dv6-evidence-label{font-size:14px;font-weight:800;line-height:1.35;color:#234c61}
.dv6-evidence-card>small{margin-top:auto;padding-top:12px;color:#5d7581;font-size:11px;line-height:1.4}
/* Feasibility: a visual decision brief first; technical source register follows. */
.dv6-feasibility-overview{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:0;border:1px solid #cfdee2;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 18px 45px #15445812;margin:28px 0 37px}
.dv6-feasibility-intro{padding:clamp(26px,4vw,52px);background:#143d54;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative}
.dv6-feasibility-intro:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,#00b6d0 0 48%,#679c38 48% 80%,#ee6b25 80%)}
.dv6-feasibility-intro .dv6-kicker{color:#87e7ed}
.dv6-feasibility-intro h2{color:#fff;max-width:460px;font-size:clamp(24px,2.65vw,36px);line-height:1.14;letter-spacing:-.03em;margin:17px 0}
.dv6-feasibility-intro p{color:#d8e9f1;font-size:14px;line-height:1.65}
.dv6-feasibility-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.dv6-feasibility-pills span{font-size:10px;font-weight:800;color:#eef8fa;border:1px solid #7799a8;border-radius:40px;padding:6px 10px}
.dv6-feasibility-steps{padding:14px 30px;display:grid}
.dv6-feasibility-steps article{display:grid;grid-template-columns:37px minmax(0,1fr);grid-template-areas:"number content" ". badge";gap:6px 16px;align-content:center;padding:21px 0;border-bottom:1px solid #dbe7ea}
.dv6-feasibility-steps article:last-child{border-bottom:0}
.dv6-step-number{grid-area:number;font-size:21px;font-weight:900;color:#0b879c}
.dv6-feasibility-steps article:nth-child(2) .dv6-step-number{color:#679c38}
.dv6-feasibility-steps article:nth-child(3) .dv6-step-number{color:#ee6b25}
.dv6-feasibility-steps article>div{grid-area:content}
.dv6-feasibility-steps strong{font-size:17px;color:#153e54}
.dv6-feasibility-steps p{font-size:12px;line-height:1.5;color:#516e79;margin:5px 0}
.dv6-step-status{grid-area:badge;justify-self:start;margin-top:4px;font-size:9px;letter-spacing:.12em;color:#206d82;font-weight:900}
.dv6-step-status.conditional{color:#617f2e}
.dv6-step-status.unknown{color:#a8581f}
.dv6-detail-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:50px 0 18px}
.dv6-detail-heading h2{font-size:clamp(26px,2.5vw,35px);margin:10px 0}
.dv6-detail-heading p{color:#54717b;max-width:720px;line-height:1.5;font-size:13px}
.dv6-final-heading{margin-top:43px;color:#143d54}
.p5-table-wrap .p5-table thead th{border-bottom:3px solid #00b6d0}
.p5-table-wrap .p5-table tbody tr:hover{background:#f5fbfc}
/* Social: two genuinely distinct channel previews, not a generic pair of cards. */
.dv6-social-overview{position:relative;overflow:hidden;padding:clamp(26px,4vw,45px);margin:28px 0;background:linear-gradient(125deg,#15526e,#143b53 85%);color:#fff;border-radius:8px;box-shadow:0 18px 42px #143e531c}
.dv6-social-overview:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,#00b6d0 0 60%,#679c38 60% 86%,#ee6b25 86%)}
.dv6-social-overview-main{max-width:900px}
.dv6-social-overview .dv6-kicker{color:#8ce5eb}
.dv6-social-overview h2{color:#fff;font-size:clamp(24px,3vw,39px);line-height:1.13;max-width:720px;letter-spacing:-.03em;margin:16px 0}
.dv6-social-overview p{font-size:14px;color:#e1eef2;max-width:740px;line-height:1.65}
.dv6-light-link{font-size:12px;font-weight:800;color:#fff;display:inline-block;border-bottom:2px solid #5edddc;text-decoration:none;padding:6px 0;margin-top:5px}
.dv6-social-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:35px;padding-top:19px;border-top:1px solid #568094}
.dv6-social-flow>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:0 10px;align-items:center}
.dv6-social-flow span{grid-row:span 2;font-size:28px;color:#82e4e7;font-weight:900}
.dv6-social-flow strong{font-size:13px;color:#fff}
.dv6-social-flow small{font-size:11px;color:#bfdce4}
.dv6-section-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:45px 0 22px}
.dv6-section-header h2{font-size:clamp(25px,2.7vw,36px);margin:7px 0;letter-spacing:-.025em}
.dv6-section-header p{font-size:13px;color:#526c78;max-width:700px}
.dv6-mock-platform{display:flex;align-items:center;gap:12px;padding:3px 0 20px;border-bottom:1px solid #dbe7e9;margin-bottom:24px}
.dv6-platform-icon{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:11px;color:#fff;font-size:27px;font-weight:900;background:linear-gradient(145deg,#e86b66,#9051a8)}
.dv6-platform-icon.fb{border-radius:6px;font-family:Arial,sans-serif;font-size:28px;background:#1b70b8}
.dv6-mock-platform>div{display:grid;gap:3px;flex:1;min-width:0}
.dv6-mock-platform strong{font-size:14px;color:#143d54}
.dv6-mock-platform small{font-size:11px;color:#5d7781}
.dv6-instagram-card,.dv6-facebook-card{padding:27px}
.dv6-instagram-card .p5-ig-tile{max-width:none;width:100%;min-height:310px;aspect-ratio:1/1;margin-bottom:23px;position:relative;background:linear-gradient(145deg,#143d54,#1d718e 90%)}
.dv6-instagram-card .p5-ig-tile:after{content:"";height:13px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#00b6d0 0 50%,#679c38 50% 80%,#ee6b25 80%)}
.dv6-instagram-card .tile-stat{font-size:clamp(75px,9vw,118px);color:#fff}
.dv6-facebook-preview{display:flex;flex-direction:column;gap:17px;padding:30px;background:#e6f3f6;border-left:7px solid #1d6e90;min-height:310px;justify-content:center;margin-bottom:25px}
.dv6-facebook-preview strong{font-size:clamp(27px,3vw,39px);font-weight:900;letter-spacing:-.035em;line-height:1.13;color:#143d54;max-width:460px}
.dv6-facebook-preview small{font-size:11px;color:#385f71}
.dv6-facebook-card .p5-copy,.dv6-instagram-card .p5-copy{white-space:pre-wrap;line-height:1.6;font-size:12px}
.dv6-publish-gate{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff;border:1px solid #d6e4e9;border-left:6px solid #679c38;border-radius:5px;padding:25px 30px;margin:35px 0 18px}
.dv6-publish-gate h2{margin:9px 0;font-size:24px}
.dv6-publish-gate p{font-size:12px;color:#54717d;max-width:770px;margin:0}
@media(max-width:950px){
 .dv6-feasibility-overview{grid-template-columns:1fr}
 .dv6-evidence-cards{gap:8px}
 .dv6-evidence-card{padding:19px}
}
@media(max-width:740px){
 .dv6-evidence-heading,.dv6-detail-heading,.dv6-section-header,.dv6-publish-gate{display:block}
 .dv6-evidence-heading .dv6-link,.dv6-detail-heading .dv6-link,.dv6-publish-gate .dv6-link{margin-top:12px}
 .dv6-evidence-cards{grid-template-columns:1fr}
 .dv6-evidence-card{min-height:140px}
 .dv6-feasibility-steps{padding:10px 22px}
 .dv6-social-flow{grid-template-columns:1fr;gap:20px}
 .dv6-instagram-card,.dv6-facebook-card{padding:18px}
 .dv6-social-overview{padding:30px 22px}
 .dv6-publish-gate{padding:20px}
 .dv6-social-overview h2{font-size:27px}
}
@media print{
 .dv6-feasibility-overview,.dv6-social-overview{box-shadow:none;break-inside:avoid}
 .dv6-feasibility-intro,.dv6-social-overview{background:#fff;color:#143d54;border:1px solid #d9e5e7}
 .dv6-feasibility-intro h2,.dv6-social-overview h2{color:#143d54}
 .dv6-feasibility-intro p,.dv6-social-overview p{color:#335466}
 .dv6-evidence-card{box-shadow:none}
}

/* Executive report: a new three-part decision readout preceding the metrics. */
#report .dv6-report-exec{padding:27px 29px 31px;background:linear-gradient(120deg,#143d54,#195b78);border-top:7px solid #00b6d0;border-radius:5px;margin-top:30px;color:#fff;break-inside:avoid}
#report .dv6-report-exec .dv6-kicker{color:#a4f2ef}
#report .dv6-report-exec h2{color:#fff;border:0;padding:0;font-size:clamp(23px,2.5vw,31px);line-height:1.19;letter-spacing:-.02em;margin:12px 0 27px}
#report .dv6-report-exec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#report .dv6-report-exec-item{padding:0 10px 0 0}
#report .dv6-report-exec-item:not(:first-child){border-left:1px solid #6f9bad;padding-left:20px}
#report .dv6-report-exec-item span{display:block;font-size:9px;letter-spacing:.12em;font-weight:900;color:#b3edf5;margin-bottom:9px}
#report .dv6-report-exec-item strong{display:block;font-size:16px;color:#fff;line-height:1.3}
#report .dv6-report-exec-item p{font-size:11px;color:#e0f0f5;line-height:1.6;margin:9px 0 0}
@media(max-width:740px){
 #report .dv6-report-exec{padding:24px}
 #report .dv6-report-exec-grid{grid-template-columns:1fr}
 #report .dv6-report-exec-item:not(:first-child){border:0;border-top:1px solid #7197a9;padding:14px 0 0}
}
@media print{
 #report .dv6-report-exec{background:#fff;color:#143d54;border:2px solid #143d54;break-inside:avoid}
 #report .dv6-report-exec h2,#report .dv6-report-exec-item strong{color:#143d54}
 #report .dv6-report-exec .dv6-kicker,#report .dv6-report-exec-item span{color:#1d6e90}
 #report .dv6-report-exec-item p{color:#335466}
 #report .dv6-report-exec-item:not(:first-child){border-left-color:#d8e5e9}
}

/* Clarify product breadth while naming the initial district evidence pilot. */
.hero .dv5-pilot-note{font-size:12px;line-height:1.5;color:#536f7b;margin:18px 0 0;font-weight:600;letter-spacing:.01em}
