/* Claims page. Shares the form styles in pages.css; everything here is the
   page's own furniture. */

/* --- the three-way opening --------------------------------------------- */
.claimgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:34px;background:var(--rule);border:1px solid var(--rule)}
@media (max-width:820px){ .claimgrid{grid-template-columns:1fr} }
.claimgrid .cc{background:var(--surface);padding:24px 22px}
.claimgrid .k{font-family:var(--f-display);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--copper);margin-bottom:8px}
.claimgrid h3{font-size:1.2rem;margin-bottom:9px}
.claimgrid p{font-size:.96rem;line-height:1.5;color:var(--ink-2);margin-bottom:9px}
.claimgrid p:last-child{margin-bottom:0}
.linkout{font-family:var(--f-display);font-size:.86rem;font-weight:600;color:var(--copper);text-decoration:none;border-bottom:1px solid currentColor}
.linkout:hover{color:var(--copper-2)}

/* --- has / has not ------------------------------------------------------ */
.isnot{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
@media (max-width:860px){ .isnot{grid-template-columns:1fr} }
.isnot .col{border:1px solid var(--rule);background:var(--surface);padding:22px 20px}
.isnot .col.yes{border-left:3px solid var(--patina)}
.isnot .col.no{border-left:3px solid var(--copper)}
.isnot .k{font-family:var(--f-display);font-size:.74rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:12px}
.isnot .yes .k{color:var(--patina)}
.isnot .no .k{color:var(--copper)}
.isnot ul{margin:0;padding-left:1.05em;font-size:.95rem;line-height:1.55;color:var(--ink-2)}
.isnot li{margin-bottom:9px}
.isnot li:last-child{margin-bottom:0}
.isnot li b{color:var(--ink)}

table.claimtypes td{vertical-align:top}

/* --- the fee board ------------------------------------------------------ */
.feegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:30px;background:var(--rule);border:1px solid var(--rule)}
@media (max-width:900px){ .feegrid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .feegrid{grid-template-columns:1fr} }
.feegrid .fee{background:var(--surface);padding:22px 20px;min-width:0}
.feegrid .fee.big{grid-column:1/-1;background:var(--surface-2);border-left:3px solid var(--copper)}
.feegrid .k{font-family:var(--f-display);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--copper);margin-bottom:6px}
.feegrid .n{font-family:var(--f-display);font-weight:800;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.feegrid .fee.big .n{font-size:clamp(1.9rem,4vw,2.7rem);color:var(--copper)}
.feegrid .l{margin-top:10px;font-size:.93rem;line-height:1.5;color:var(--ink-2)}

.trap{margin-top:18px;border:1px dashed var(--rule-strong);padding:20px 22px;background:var(--surface)}
.trap .k{font-family:var(--f-display);font-size:.74rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--copper);margin-bottom:8px}
.trap p{font-size:.95rem;line-height:1.55;color:var(--ink-2);max-width:78ch}

/* --- what we check, what we cannot -------------------------------------- */
.checks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
@media (max-width:860px){ .checks{grid-template-columns:1fr} }
.chk{border:1px solid var(--rule);background:var(--surface);padding:22px 20px}
.chk.do{border-top:3px solid var(--patina)}
.chk.dont{border-top:3px solid var(--steel)}
.chk .k{font-family:var(--f-display);font-size:.74rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:12px}
.chk.do .k{color:var(--patina)}
.chk.dont .k{color:var(--ink-3)}
.chk ol{margin:0;padding-left:1.3em;font-size:.95rem;line-height:1.55;color:var(--ink-2)}
.chk li{margin-bottom:10px}
.chk li:last-child{margin-bottom:0}
.chk li b{color:var(--ink)}

.verifybox{margin-top:20px;background:var(--surface-2);border-left:3px solid var(--patina);padding:24px 24px 22px}
.verifybox .k{font-family:var(--f-display);font-size:.76rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--patina);margin-bottom:9px}
.verifybox p{font-size:1rem;line-height:1.6;color:var(--ink-2);max-width:82ch}
.verifybox a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--rule-strong)}
.verifybox a:hover{color:var(--copper);border-color:var(--copper)}

/* --- refusals ----------------------------------------------------------- */
.wont{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:30px}
.wont .w{border:1px solid var(--rule);border-top:3px solid var(--copper);background:var(--surface);padding:20px 19px;min-width:0}
.wont h3{font-size:1.04rem;margin-bottom:9px}
.wont p{font-size:.94rem;line-height:1.5;color:var(--ink-2);margin-bottom:8px}
.wont .srcnote{margin-bottom:0}

/* --- state cases -------------------------------------------------------- */
.statecases{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:28px}
.statecases .s{min-width:0}
.statecases h3{font-size:1.04rem;margin-bottom:8px;padding-bottom:7px;border-bottom:2px solid var(--copper);display:inline-block}
.statecases p{font-size:.94rem;line-height:1.55;color:var(--ink-2);margin-bottom:8px}
.statecases .srcnote{margin-bottom:0}