/* dpia.html — page-specific only. Shared system lives in /styles.css */
@media(max-width:720px){
  .cols2,.haz-detail,.gov-grid{grid-template-columns:1fr}
}
.dpia-prog{height:6px;border-radius:100px;background:var(--line-soft);overflow:hidden;margin-top:26px}
.dpia-bar{height:100%;width:0;background:var(--accent);transition:width .35s var(--ease)}
.dpia-cnt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:11px}
.dpia-check{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:8px}
.dpia-check label{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line-soft);
    border-radius:8px;background:var(--panel);cursor:pointer;transition:border-color .2s,background .2s}
.dpia-check label:hover{border-color:var(--accent-line)}
.dpia-check input{appearance:none;-webkit-appearance:none;width:19px;height:19px;border:1px solid var(--line);
    border-radius:5px;margin-top:1px;flex:none;cursor:pointer;position:relative;transition:.15s}
.dpia-check input:checked{background:var(--accent);border-color:var(--accent)}
.dpia-check input:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;
    border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}
.dpia-check input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dpia-check span{font-size:14px;line-height:1.55;color:var(--muted);transition:color .2s}
.dpia-check input:checked ~ span{color:var(--faint)}
.btn{margin-top:24px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
    padding:12px 18px;border-radius:8px;border:1px solid var(--accent-line);background:var(--accent-soft);
    color:var(--accent-ink);cursor:pointer;transition:.2s}
.btn:hover{background:rgba(168,180,76,.16)}