/* Fact-check card maker (/create/fact-check/). Uses the release.css tokens. */
#main .fc-intro{max-width:none}
#main .fc-crumb{margin:0 0 var(--r-s3,12px)}
#main .fc-intro h1{margin:0;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.05}
#main .fc-lead{margin-top:var(--r-s4,16px)!important;font-size:clamp(1.05rem,1.6vw,1.2rem);max-width:60ch}
#main .fc-private{display:flex;gap:10px;align-items:flex-start;margin-top:var(--r-s4,16px)!important;padding:12px 16px;border-radius:var(--r-radius,16px);background:var(--r-tint-quiet,#f4f7ff);max-width:60ch;font-weight:600}
#main .fc-private .npw-icon{margin-top:2px}

#main .fc-maker{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(32px,4vw,48px)!important}
#main .fc-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--r-s6,32px)}
#main .fc-steps > li{margin:0;max-width:none}
#main .fc-steps label:not(.fc-stamp):not(.fc-file),#main .fc-steps legend{display:flex;align-items:center;gap:10px;font:650 1.2rem/1.25 var(--r-display);margin:0 0 6px;padding:0}
#main .fc-n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--r-ink,#142b46);color:#fff;font:750 .95rem/1 var(--r-body);flex:none}
#main .fc-req{font:600 .9rem/1 var(--r-body);color:var(--r-ink)}
#main .fc-help{margin:0 0 10px!important;font-size:.95rem;max-width:none}
#main .fc-steps :is(textarea,input[type=text]){display:block;width:100%;box-sizing:border-box;font:500 1.05rem/1.45 var(--r-body);color:var(--r-ink);background:#fff;border:1.5px solid var(--r-ink);border-radius:12px;padding:12px 14px;resize:vertical}
#main .fc-steps :is(textarea,input)[aria-invalid=true]{border-color:#b3261e;box-shadow:0 0 0 2px #b3261e}
#main .fc-count{margin:6px 0 0!important;font-size:.85rem;text-align:right;max-width:none}
#main .fc-error{margin:8px 0 0!important;color:#b3261e;font-weight:700}
#main .fc-picture + .fc-help{margin-top:10px!important}
#main .fc-picture{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin-top:16px}
#main .fc-file{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px;border:2px dashed var(--r-ink);border-radius:14px;background:#fff;font-weight:700;cursor:pointer}
#main .fc-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
#main .fc-file:focus-within{outline:3px solid var(--r-blue);outline-offset:3px}
#main .fc-remove{border:0;background:none;padding:6px 0;font:700 .95rem/1.2 var(--r-body);color:var(--r-blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#main .fc-steps fieldset{border:0;margin:0;padding:0;min-width:0}
#main .fc-stamps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
#main .fc-stamp{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px;border:1.5px solid var(--r-ink);border-radius:14px;background:#fff;cursor:pointer}
#main .fc-stamp input{position:absolute;opacity:0;inset:0;cursor:pointer}
#main .fc-stamp-face{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;border:2px solid var(--r-ink);border-radius:10px;font:700 1.05rem/1.1 var(--r-display)}
#main .fc-stamp-facts .fc-stamp-face{background:#124dec;color:#fff}
#main .fc-stamp-context .fc-stamp-face{background:#ffdc52;color:#142b46}
#main .fc-stamp-cap .fc-stamp-face{background:#c2185b;color:#fff}
#main .fc-stamp-means{font-size:.92rem;line-height:1.35}
#main .fc-stamp:has(input:checked){box-shadow:0 0 0 3px var(--r-ink);background:var(--r-tint-quiet)}
#main .fc-stamp:has(input:focus-visible){outline:3px solid var(--r-blue);outline-offset:3px}

#main .fc-preview{position:sticky;top:16px;display:grid;gap:var(--r-s4,16px)}
#main .fc-preview-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
#main .fc-preview-head h2{margin:0;font-size:1.5rem}
#main .fc-size{display:inline-flex;border:1.5px solid var(--r-ink);border-radius:12px;overflow:hidden}
#main .fc-size button{border:0;background:#fff;padding:10px 18px;min-height:44px;font:700 .95rem/1 var(--r-body);color:var(--r-ink);cursor:pointer}
#main .fc-size button+button{border-left:1.5px solid var(--r-ink)}
#main .fc-size button[aria-pressed=true]{background:var(--r-ink);color:#fff}
#main .fc-canvas-wrap{display:flex;justify-content:center;padding:clamp(12px,2vw,20px);background:var(--r-tint-quiet);border-radius:var(--r-radius,16px)}
#main .fc-canvas-wrap canvas{display:block;height:min(62vh,640px);width:auto;max-width:100%;border-radius:12px;box-shadow:0 6px 20px rgba(20,43,70,.2)}
#main .fc-canvas-wrap[data-size=post] canvas{height:min(52vh,520px)}
#main .fc-downloads .npw-icon{width:1.2em;height:1.2em}
#main .fc-sizes,#main .fc-status{margin:0!important;font-size:.92rem;max-width:none}
#main .fc-status:empty{display:none}
#main .fc-before{margin-top:clamp(40px,5vw,64px)!important}
#main .fc-before .r-quiet{padding:clamp(20px,3vw,28px)!important}
#main .fc-before h2{margin:0;font-size:clamp(1.4rem,2.4vw,1.8rem)}
#main .fc-before ol{margin:12px 0 0;padding-left:1.4em;display:grid;gap:8px}

@media (max-width:980px){
  #main .fc-maker{grid-template-columns:1fr}
  #main .fc-preview{position:static}
}
@media (max-width:560px){
  #main .fc-stamps{grid-template-columns:1fr}
  #main .fc-stamp{flex-direction:row;align-items:center;gap:12px}
  #main .fc-canvas-wrap canvas{height:auto;width:100%;max-width:340px}
  #main .fc-canvas-wrap[data-size=post] canvas{height:auto;max-width:340px}
}
@media print{#main .fc-maker,#main .fc-private{display:none!important}}