/* Fire Code Alert: the shared Daily Inspection Alert look (its red alarm glow suits fire), plus the kind grid and samples. */
.kindgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.kindgrid div{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.kindgrid b{display:block;font:700 1.8rem Inter,sans-serif;color:var(--text)}
.kindgrid span{color:var(--muted);font-size:.95rem}
.ziptable{width:100%;border-collapse:collapse;margin:10px 0 0;font-size:.95rem}
.ziptable th,.ziptable td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}
.ziptable td:last-child,.ziptable th:last-child{text-align:right}
.samplecase{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}
.samplecase .tag{flex:none;background:#fdecec;color:#9b1c1c;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .samplecase .tag{background:#3a1b1e;color:#fca5a5}}
.problem::before{content:"VIOLATION"}
.f fieldset.kinds,.f fieldset.kind{border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;margin:0}
.f fieldset.kinds legend,.f fieldset.kind legend{padding:0 6px;font-weight:600}
.f fieldset.kinds label{display:flex;gap:10px;align-items:flex-start;font-weight:500;margin:8px 0;line-height:1.35}
.f fieldset.kinds input[type=checkbox],.f fieldset.kind input[type=radio]{width:auto;flex:none;margin:3px 0 0;padding:0}
.f fieldset.kinds small{display:block}
.f fieldset.kind label.radio{display:flex;margin:6px 0}
.samplecase .tag{flex:0 1 auto;max-width:42%;white-space:normal;line-height:1.3}
.samplecase > div{min-width:0;overflow-wrap:anywhere}

/* homepage: the real scene shows through behind the crew (the shared look keeps its background faint), and the record chips sit at body height so no face is covered */
body.land .cine .bgimg{opacity:.6;filter:saturate(.85) brightness(.9)}
.chip.c1{left:-9%;top:46%}.chip.c2{right:-4%;top:60%;max-width:210px}.chip.c3{left:-3%;bottom:7%}
.chip.c1{max-width:210px}
@media(max-width:920px){.chip.c1{left:0;top:40%}.chip.c2{right:0;top:56%}}