/* css/deposit-claim-file.css — the delivered Deposit Claim File.
 *
 * Its own sheet rather than an addition to utilities.css, and rather than the
 * page's inline <style>: style-src is a CSP hash allowlist over INLINE blocks
 * only, so an external sheet under 'self' costs no hash churn in netlify.toml
 * when this changes. utilities.css is shared by every page on the site and this
 * is used by exactly one, so it does not belong there either.
 *
 * Every print rule is scoped to body.cf-delivered, which
 * js/deposit-claim-delivery.js sets only once a file has actually been
 * delivered. Unscoped, they would change how every other page prints.
 */
.cf-hide.cf-hide.cf-hide{display:none!important}
.cf-wrap{margin-bottom:32px}
#claimfile{scroll-margin-top:80px}
.cf-head{background:var(--brand,#223a4a);border-radius:8px 8px 0 0;padding:26px 30px;color:#fff}
.cf-head h2{font-family:"Playfair Display",serif;font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:6px}
.cf-meta{font-size:.8rem;color:rgba(255,255,255,.72)}
.cf-body{background:#fff;border:1px solid var(--rule,#e3e8e7);border-top:none;border-radius:0 0 8px 8px;padding:26px 30px}
.cf-bar{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.cf-bar button{background:var(--gold,#106b3c);color:#fff;font-weight:700;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-family:inherit;font-size:.88rem}
.cf-bar button.ghost{background:transparent;border:1px solid var(--rule,#e3e8e7);color:var(--ink,#14181c)}
.cf-sec{margin-bottom:30px}
.cf-sec:last-child{margin-bottom:0}
.cf-sec h3{font-family:"Playfair Display",serif;font-size:1.14rem;font-weight:600;margin-bottom:10px}
.cf-sec p{font-size:.95rem;line-height:1.72;margin-bottom:10px}
.cf-figs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.cf-tl{list-style:none;padding:0;margin:0}
.cf-tl li{border-left:3px solid var(--gold,#106b3c);padding:2px 0 16px 16px}
.cf-when{display:block;font-weight:700;font-size:.84rem;color:var(--gold,#106b3c);letter-spacing:.02em}
.cf-step{display:block;font-weight:600;font-size:.97rem}
.cf-detail{display:block;font-size:.9rem;color:var(--muted,#4a565e);line-height:1.62;margin-top:2px}
.cf-list{padding-left:20px;margin:0}
.cf-list li{margin-bottom:13px;font-size:.95rem;line-height:1.68}
.cf-why{display:block;color:var(--muted,#4a565e);font-size:.88rem;line-height:1.62;margin-top:2px}
.cf-note{background:var(--accent,#eef3f1);border:1px solid var(--rule,#e3e8e7);border-radius:6px;padding:14px 18px;font-size:.88rem;color:var(--muted,#4a565e);line-height:1.68;margin-top:14px}
.cf-status{border-radius:8px;padding:22px 26px;margin-bottom:28px;font-size:.98rem;line-height:1.72}
.cf-status h3{font-family:"Playfair Display",serif;font-size:1.2rem;font-weight:600;margin-bottom:8px}
.cf-status p{margin-bottom:10px}
.cf-status p:last-child{margin-bottom:0}
.cf-working{background:var(--accent,#eef3f1);border:1px solid var(--rule,#e3e8e7)}
.cf-bad{background:#fbe9e7;border:1px solid #f0c4bc;color:#8b3a1f}
.cf-refuse{background:#eef3f1;border:1px solid #ecdcae;color:#5d4a00}
.cf-ref{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;background:#f4f6f5;border:1px solid var(--rule,#e3e8e7);border-radius:4px;padding:2px 7px;display:inline-block;word-break:break-all}
@media(max-width:600px){.cf-figs{grid-template-columns:1fr}}
@media print{
  body.cf-delivered .hdr,body.cf-delivered .ftr,body.cf-delivered .cf-bar,
  body.cf-delivered .cf-noprint,body.cf-delivered .disclaimer,
  body.cf-delivered .breadcrumb,body.cf-delivered .hero-tag{display:none!important}
  body.cf-delivered .hero{padding:0 0 10px}
  body.cf-delivered .hero h1{font-size:1.4rem}
  body.cf-delivered .layout{padding:0;max-width:none}
  body.cf-delivered .cf-head{background:none;color:#000;padding:0 0 10px;border-bottom:2px solid #000;border-radius:0}
  body.cf-delivered .cf-head h2{color:#000}
  body.cf-delivered .cf-meta{color:#333}
  body.cf-delivered .cf-body{border:none;padding:12px 0}
  body.cf-delivered .cf-sec{page-break-inside:avoid}
  body.cf-delivered .cf-note,body.cf-delivered .cf-status{border:1px solid #999}
}