/* prc-about-state.css — shared styling for about_<state>_records.html */
.as-page { background:#f6f8fb; color:#1f2937; }
.as-hero { background:linear-gradient(135deg,#fff8d6 0%,#fcebb0 100%); border-bottom:1px solid #ecdfa5; padding:26px 18px 24px; text-align:center; color:#3d2f00; }
.as-hero .badge { display:inline-block; background:#fff; color:#7a5c00; padding:4px 14px; border-radius:20px; font-size:12px; font-weight:600; letter-spacing:.4px; box-shadow:0 1px 4px rgba(0,0,0,.06); margin-bottom:10px; }
.as-hero h1 { margin:0 0 8px; font-size:26px; font-weight:800; letter-spacing:-0.4px; }
.as-hero h1 span { color:#a07900; }
.as-hero p { max-width:680px; margin:0 auto; font-size:14px; color:#5a4a10; line-height:1.55; }
.as-chips { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:14px; }
.as-chips span { background:#fff; color:#7a5c00; font-size:12px; font-weight:600; padding:5px 12px; border-radius:14px; border:1px solid #ecdfa5; }
.as-bc { background:#fff; padding:9px 18px; border-bottom:1px solid #eaecef; font-size:13px; color:#556; }
.as-bc a { color:#0a4cb3; text-decoration:none; }
.as-bc a:hover { text-decoration:underline; }
.as-bc .sep { color:#bbb; margin:0 6px; font-size:10px; }
.as-layout { max-width:1180px; margin:0 auto; padding:22px 18px 50px; display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; }
.as-main { min-width:0; }
.as-card { background:#fff; border:1px solid #eaecef; border-radius:10px; padding:20px 22px; margin-bottom:14px; }
.as-card h2 { display:flex; align-items:center; gap:10px; margin:0 0 12px; font-size:18px; color:#1f2937; font-weight:700; border-bottom:1px solid #f0f3f5; padding-bottom:9px; }
.as-card h2 i { color:#a07900; font-size:16px; }
.as-card p { font-size:14.5px; line-height:1.65; color:#374151; margin:0 0 10px; }
.as-card p:last-child { margin-bottom:0; }
.as-card a { color:#0a4cb3; text-decoration:none; }
.as-card a:hover { text-decoration:underline; }
.as-side { position:sticky; top:14px; align-self:start; max-height:calc(100vh - 28px); overflow-y:auto; padding-right:4px; }
.as-side::-webkit-scrollbar { width:6px; }
.as-side::-webkit-scrollbar-thumb { background:#d8e1ec; border-radius:3px; }
.as-side .as-card { padding:14px 16px; margin-bottom:12px; }
.as-side h3 { margin:0 0 10px; font-size:12px; font-weight:700; color:#1f2937; text-transform:uppercase; letter-spacing:.6px; border-bottom:1px solid #eef2f7; padding-bottom:8px; display:flex; align-items:center; gap:8px; }
.as-side h3 > i { color:#a07900; font-size:12px; }
.as-side ul { list-style:none; padding:0; margin:0; }
.as-side a { font-size:13.5px; color:#374151; text-decoration:none; display:flex; align-items:center; gap:9px; padding:7px 9px; border-radius:6px; border:1px solid transparent; }
.as-side a:hover { background:#fffbe8; border-color:#f0c64a; color:#7a5c00; }
.as-side a > i:first-child { width:15px; text-align:center; color:#7a5c00; font-size:12px; opacity:.85; }
.as-side a i.fa-external-link-alt { font-size:9px; opacity:.4; margin-left:auto; width:auto; }
.as-side .cta { background:linear-gradient(135deg,#fff8d6 0%,#fcebb0 100%); border:1px solid #ecdfa5; text-align:center; padding:16px; }
.as-side .cta i { font-size:22px; color:#a07900; margin-bottom:6px; }
.as-side .cta h4 { margin:0 0 5px; font-size:14px; color:#3d2f00; font-weight:800; }
.as-side .cta p { font-size:12.5px; color:#5a4a10; margin:0 0 9px; line-height:1.5; }
.as-side .cta a { display:inline-flex; align-items:center; gap:6px; background:#a07900; color:#fff; padding:7px 13px; border-radius:6px; font-size:12.5px; font-weight:600; }
.as-side .cta a:hover { background:#7a5c00; color:#fff; border-color:transparent; }
.as-jump { background:#fff; border:1px solid #eaecef; border-radius:10px; padding:14px 18px; margin-bottom:14px; }
.as-jump h3 { margin:0 0 10px; font-size:13px; font-weight:700; color:#1f2937; text-transform:uppercase; letter-spacing:.5px; }
.as-jump-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:6px; }
.as-jump-grid a { font-size:13px; color:#0a4cb3; text-decoration:none; padding:8px 11px; border:1px solid #eaecef; border-radius:6px; background:#f9fbfc; }
.as-jump-grid a:hover { background:#fffbe8; border-color:#f0c64a; color:#7a5c00; }
.as-foot { color:#94a3b8; font-size:11.5px; margin-top:20px; padding-top:12px; border-top:1px solid #eaecef; text-align:center; }
@media (max-width:880px) {
  .as-hero { padding:22px 16px 20px; }
  .as-hero h1 { font-size:22px; }
  .as-layout { grid-template-columns:1fr; gap:14px; padding:16px 14px 40px; }
  .as-side { position:static; max-height:none; overflow:visible; display:grid; grid-template-columns:1fr 1fr; gap:10px; padding-right:0; }
  .as-side .as-card { margin-bottom:0; }
  .as-side .cta { grid-column:1 / -1; }
  .as-card { padding:16px 16px; }
  .as-card h2 { font-size:16px; }
  .as-jump-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px) {
  .as-side { grid-template-columns:1fr; }
  .as-jump-grid { grid-template-columns:1fr; }
}