/* checker-report.css — the results report on /grants-checker (7 Oct 2026).
   Replaces the single-number "viral" result with a report a credit union or an
   adviser would recognise: headline figures, where the money is, every result
   with its official source and any dated change, next steps, and a clean print. */

.checker-shell.is-report{max-width:1180px;padding-top:40px}
.checker-shell.is-report .checker-card{padding:0;background:transparent;border:0;box-shadow:none;min-height:0;overflow:visible}
.checker-shell.is-report .checker-card::before{display:none}

.ckd{text-align:left;animation:ckIn .45s cubic-bezier(.2,.8,.2,1);color:var(--ink)}
.ckd *{box-sizing:border-box}

/* header */
.ckd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--border)}
.ckd-kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green-dark);font-weight:700}
.ckd-title{font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.25rem);line-height:1.1;letter-spacing:-.02em;margin:6px 0 4px;font-weight:700}
.ckd-lede{color:var(--muted);margin:0;font-size:.95rem}
.ckd-tools{display:flex;gap:8px;flex-wrap:wrap}
.ckd-btn{display:inline-flex;align-items:center;gap:7px;font:600 .9rem/1 var(--sans);padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--ink);cursor:pointer;text-decoration:none}
.ckd-btn:hover{border-color:var(--green2)}
.ckd-btn.primary{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.ckd-btn.saved{background:var(--green4);border-color:var(--green2);color:var(--green-dark)}
.ckd-btn svg{width:16px;height:16px}

/* headline figures */
.ckd-kpis{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:12px;margin:22px 0}
.ckd-kpi{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px}
.ckd-kpi span{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.ckd-kpi b{display:block;font-family:var(--display);font-size:2rem;line-height:1.05;margin-top:6px;letter-spacing:-.02em}
.ckd-kpi small{display:block;color:var(--muted);font-size:.84rem;margin-top:4px}
.ckd-kpi.lead{background:var(--green-hero);border-color:var(--green-hero);color:#fff}
.ckd-kpi.lead span{color:#8fe0b6}
.ckd-kpi.lead b{font-size:2.6rem;color:#fff}
.ckd-kpi.lead small{color:rgba(255,255,255,.72)}

/* layout */
.ckd-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.ckd-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px 22px;margin-bottom:16px}
.ckd-card h3{font-family:var(--display);font-size:1.2rem;margin:0 0 4px;letter-spacing:-.01em}
.ckd-card .ckd-sub{color:var(--muted);font-size:.86rem;margin:0 0 12px}
.ckd-side{position:sticky;top:88px}

/* where the money is */
.ckd-bars{display:grid;gap:9px;margin-top:8px}
.ckd-bar{display:grid;grid-template-columns:minmax(120px,210px) 1fr 84px;gap:12px;align-items:center;font-size:.88rem}
.ckd-bar .lab{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.ckd-bar .track{display:block;height:12px;background:#f1efe8;border-radius:999px;overflow:hidden}
.ckd-bar .fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green-dark),var(--green2))}
.ckd-bar .val{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}

/* result rows */
.ckd-group{margin-top:4px}
.ckd-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:14px 0;border-top:1px solid #efece4}
.ckd-row:first-of-type{border-top:0}
.ckd-name{font-weight:700;font-size:1rem;color:var(--ink);text-decoration:none}
.ckd-name:hover{color:var(--green-dark);text-decoration:underline}
.ckd-note{color:#3b4552;font-size:.9rem;line-height:1.5;margin:4px 0 8px}
.ckd-links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.84rem}
.ckd-links a{color:var(--green-dark);font-weight:600;text-decoration:none}
.ckd-links a:hover{text-decoration:underline}
.ckd-links .src{color:var(--muted);font-weight:500}
.ckd-links .src b{color:#3b4552;font-weight:600}
.ckd-amt{text-align:right;font-family:var(--display);font-weight:700;font-size:1.25rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.ckd-amt small{display:block;font-family:var(--sans);font-weight:500;font-size:.74rem;color:var(--muted)}
.ckd-amt.soft{font-family:var(--sans);font-size:.86rem;font-weight:700;color:var(--green-dark);max-width:150px;white-space:normal;line-height:1.3}
.ckd-chip{display:inline-block;margin-left:8px;vertical-align:2px;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;background:var(--amber3);color:#7a5b00}
.ckd-chip.new{background:var(--green4);color:var(--green-dark)}

/* side: next steps, answers, keep, share */
.ckd-steps{counter-reset:s;list-style:none;margin:6px 0 0;padding:0}
.ckd-steps li{counter-increment:s;position:relative;padding:10px 0 10px 36px;border-top:1px solid #efece4;font-size:.9rem;line-height:1.45}
.ckd-steps li:first-child{border-top:0}
.ckd-steps li::before{content:counter(s);position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:50%;background:var(--green4);color:var(--green-dark);font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.ckd-steps a{color:var(--green-dark);font-weight:600}
.ckd-answers{margin:6px 0 0;padding:0;list-style:none;font-size:.84rem}
.ckd-answers li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid #efece4}
.ckd-answers li:first-child{border-top:0}
.ckd-answers li span{color:var(--muted)}
.ckd-answers li b{text-align:right;font-weight:600}
.ckd-card.keep{background:var(--green4);border-color:var(--green3)}
.ckd-card.keep .pp-sub{margin-top:10px}
.ckd-share{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.ckd-share a,.ckd-share button{font:600 .84rem/1 var(--sans);padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--ink);text-decoration:none;cursor:pointer}

/* trust strip and restart */
.ckd-trust{display:flex;gap:12px;align-items:flex-start;background:#fbfaf6;border:1px solid var(--border);border-radius:14px;padding:14px 16px;font-size:.86rem;color:#3b4552;line-height:1.5;margin-top:4px}
.ckd-trust svg{flex:0 0 20px;width:20px;height:20px;color:var(--green-dark);margin-top:1px}
.ckd-trust a{color:var(--green-dark);font-weight:600}
.ckd-end{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ckd-empty{padding:8px 0;color:#3b4552}
.ckd-print-brand{display:none;justify-content:space-between;font-size:.8rem;color:var(--muted);border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:14px}
.ckd-print-brand b{font-family:var(--display);font-size:1.05rem;color:var(--ink)}

@media (max-width:980px){
  .ckd-grid{grid-template-columns:1fr}
  .ckd-side{position:static}
  .ckd-kpis{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .checker-shell.is-report{padding-top:24px}
  .ckd-kpis{grid-template-columns:repeat(3,1fr);gap:8px}
  .ckd-kpi{padding:10px 11px}
  .ckd-kpi.lead{grid-column:1 / -1;padding:14px 16px}
  .ckd-kpi span{font-size:.6rem;letter-spacing:.06em}
  .ckd-kpi b{font-size:1.45rem}
  .ckd-kpi small{font-size:.74rem}
  .ckd-card{padding:16px}
  .ckd-bar{grid-template-columns:minmax(0,1fr) 72px;gap:4px 10px}
  .ckd-bar .track{grid-column:1 / -1;order:3}
  .ckd-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .ckd-amt{font-size:1.1rem}
  .ckd-amt.soft{max-width:96px;font-size:.78rem}
  .ckd-chip{display:table;margin:6px 0 0}
  .ckd-tools{width:100%}
  .ckd-tools .ckd-btn{flex:1;justify-content:center}
}

/* Print / Save as PDF: the report only, on white, no site chrome. */
@media print{
  @page{size:A4;margin:14mm}
  body{background:#fff !important}
  body > header, .site-header, nav, footer, .doc-hero, .checker-shell ~ section, .cookie-banner, .a11y-btn,
  .ckd-tools, .ckd-card.keep, .ckd-card.share, .ckd-end, #ckViewPlan{display:none !important}
  .checker-shell.is-report{max-width:none;padding:0}
  .ckd{animation:none}
  .ckd-grid{grid-template-columns:1fr}
  .ckd-side{position:static}
  .ckd-kpi,.ckd-trust,.ckd-card:not(.ckd-group){break-inside:avoid;box-shadow:none}
  .ckd-card h3{break-after:avoid}
  .ckd-print-brand{display:flex !important}
  .ckd-row{break-inside:avoid}
  .ckd-kpi.lead{background:#fff !important;color:var(--ink) !important;border:2px solid var(--green-dark)}
  .ckd-kpi.lead b{color:var(--ink) !important}
  .ckd-kpi.lead span,.ckd-kpi.lead small{color:var(--muted) !important}
  a{color:inherit !important}
  .ckd-links a[href^="http"]::after{content:" (" attr(href) ")";font-weight:400;color:var(--muted);word-break:break-all}
}
