/*==================================================
COMPLIANCEATLAS

SPECIAL REPORTS (long-form In Depth pieces)

Page-Specific Styles

Requires:
main.css
jobrestrictions.css (hero, disclaimer, --navy)
travel.css (travel-section, callout, source-list, timeline, faq)

==================================================*/


/*==================================================
REPORT LABEL + KEY FINDINGS
==================================================*/

.report-kicker{

display:inline-block;

margin-bottom:14px;

padding:4px 12px;

border-radius:999px;

background:var(--gold);

color:#1f2937;

font-size:.78rem;

font-weight:800;

letter-spacing:.06em;

text-transform:uppercase;

}

.key-findings{

list-style:none;

padding:0 !important;

display:grid;

gap:12px;

}

.key-findings li{

margin:0;

padding:14px 18px;

background:white;

border:1px solid #e5e7eb;

border-left:4px solid var(--navy);

border-radius:10px;

line-height:1.65;

}


/*==================================================
EVIDENCE LABELS
Same scheme as the cruises page: what the record
shows, what is reported, what is still open.
==================================================*/

.ev{

display:inline-block;

margin-right:6px;

padding:2px 10px;

border-radius:999px;

border:1px solid transparent;

font-size:.72rem;

font-weight:700;

letter-spacing:.04em;

text-transform:uppercase;

vertical-align:middle;

}

.ev-confirmed{ background:var(--navy); color:white; }

.ev-reported{ background:#ede9fe; color:#4c1d95; border-color:#c4b5fd; }

.ev-unresolved{ background:#f1f5f9; color:#334155; border:1px dashed #64748b; }

.ev-proposal{ background:#fff7cc; color:#5c4a00; border-color:var(--gold); }


/*==================================================
TABLES
==================================================*/

.report-table{

margin:16px 0;

}

.report-table table{

font-size:.92rem;

}

.report-table th,
.report-table td{

padding:10px 12px;

text-align:left;

vertical-align:top;

}

.report-table caption{

caption-side:bottom;

padding-top:8px;

color:var(--muted);

font-size:.85rem;

text-align:left;

}


/*==================================================
THREE STAGES (arrest / hearing / release)
==================================================*/

.stage-grid{

list-style:none;

padding:0 !important;

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:12px;

}

.stage-grid li{

margin:0;

padding:16px 18px;

background:#f8fafc;

border:1px solid #e5e7eb;

border-radius:10px;

line-height:1.6;

}

.stage-grid strong{

display:block;

margin-bottom:6px;

color:var(--navy);

}


/*==================================================
RECORDS REQUEST DRAFTS
==================================================*/

.request-draft{

margin:12px 0;

padding:14px 18px;

background:white;

border:1px dashed #94a3b8;

border-radius:10px;

font-size:.94rem;

line-height:1.65;

}

.request-draft p{

margin:0 0 8px;

}

.request-draft p:last-child{

margin-bottom:0;

}


@media (max-width:700px){

.report-table th,
.report-table td{

padding:8px;

}

}