/* Code Violation Alert: the shared Daily Inspection Alert look, with a yard-green glow in place of the red alarm glow. */
.cine .redglow{background:radial-gradient(55% 75% at 76% 48%,rgba(74,222,128,.34),rgba(74,222,128,0) 62%),radial-gradient(40% 50% at 12% 100%,rgba(163,230,53,.2),rgba(163,230,53,0) 70%)}
.feed b{color:#86efac}
.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:#e9f9ee;color:#166534;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600}
.f fieldset.kinds label{display:flex;gap:8px;align-items:center;font-weight:500;margin:6px 0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .samplecase .tag{background:#14321f;color:#86efac}}
.problem::before{content:"CODE CASE";color:rgba(134,239,172,.05)}
.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}

/* 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%}}