:root{--paper:#f3ead2;--paper2:#ebe0c3;--ink:#1b1a17;--ink2:#4a463b;--red:#c8321f;--hi:#ffd84a;--serif:Georgia,"Times New Roman",serif;--mono:ui-monospace,"Courier New",Courier,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.55 var(--serif);
 background-image:radial-gradient(rgba(27,26,23,.07) 1px,transparent 1.2px);background-size:7px 7px;
 padding-bottom:env(safe-area-inset-bottom)}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.bureau{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.8rem 1rem;border-bottom:4px solid var(--ink);background:var(--paper2)}
.seal{font:700 1.5rem/1 var(--serif);text-decoration:none;letter-spacing:-.02em}
.seal b{color:var(--red)}
.bureau-name{flex:1;margin:0;font:700 .68rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.12em;min-width:9rem;color:var(--ink2)}
.ig{font:700 .8rem var(--mono);text-decoration:none;border:2px solid var(--ink);padding:.3rem .6rem;border-radius:99px;background:var(--hi)}
main{max-width:46rem;margin:0 auto;padding:1.5rem 1rem 2rem}
.hero{padding:.5rem 0 1.5rem}
.kicker{font:700 .78rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:0 0 .5rem}
h1{font:700 clamp(2.3rem,10vw,4rem)/1 var(--serif);letter-spacing:-.03em;margin:.2rem 0 .8rem}
.lede{font-size:1.15rem;max-width:34rem}
.tally{display:flex;gap:.6rem;margin:1.2rem 0;padding:0}
.tally div{flex:1;border:3px solid var(--ink);background:var(--paper);padding:.5rem .6rem;box-shadow:4px 4px 0 var(--ink)}
.tally dt{font:700 .62rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink2)}
.tally dd{margin:0;font:700 2rem/1.1 var(--serif)}
.btn{display:inline-block;background:var(--ink);color:var(--paper);font:700 1rem var(--mono);text-decoration:none;padding:.85rem 1.2rem;border-radius:4px;box-shadow:4px 4px 0 var(--red);transition:transform .1s}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--red)}
.docket-h{font:700 .8rem var(--mono);text-transform:uppercase;letter-spacing:.16em;border-bottom:3px solid var(--ink);padding-bottom:.4rem;margin:1.5rem 0 1rem}
.docket{display:grid;gap:1.1rem}
.docket .docket-h{margin-bottom:0}
.case{position:relative;display:block;text-decoration:none;border:3px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink);overflow:hidden;transition:transform .12s}
.case:hover{transform:translate(-2px,-2px)}
.case img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:3px solid var(--ink)}
.nophoto{display:grid;place-items:center;aspect-ratio:4/3;border-bottom:3px solid var(--ink);background:repeating-linear-gradient(45deg,var(--paper2) 0 10px,var(--paper) 10px 20px);font:700 .8rem var(--mono);text-transform:uppercase;letter-spacing:.1em;text-align:center;color:var(--ink2)}
.nophoto.wide{aspect-ratio:auto;padding:2rem 1rem;border:3px solid var(--ink);margin:1rem 0}
.case-body{padding:.8rem 1rem 1rem}
.caseno{font:700 .7rem var(--mono);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .3rem;color:var(--ink2)}
.case h2{font:700 1.55rem/1.1 var(--serif);margin:0 0 .35rem;padding-right:4.5rem}
.case .verdict{padding-right:4.8rem}
.verdict{margin:0;color:var(--ink2);font-style:italic}
.score{position:absolute;display:grid;place-items:center;width:4.4rem;height:4.4rem;border:4px solid var(--red);border-radius:50%;color:var(--red);background:var(--paper);transform:rotate(-8deg);font-family:var(--serif);line-height:1}
.score b{font-size:2.1rem;margin-top:.1rem}.score i{font:700 .72rem var(--mono);font-style:normal;margin-top:-.5rem}
.case .score{right:.8rem;bottom:.9rem}
.st-unresolved{color:var(--red)}.st-resolved{color:#2a6b2f}
.st-partially-resolved,.st-under-review{color:#9a6a00}
.review h1{font-size:clamp(2.1rem,9vw,3.4rem);margin-top:.6rem}
.crumb{font:700 .8rem var(--mono);margin:0}
.form{display:grid;grid-template-columns:1fr 1fr;border:3px solid var(--ink);margin:1rem 0 0;background:var(--paper)}
.form div{padding:.4rem .7rem;border:1px solid var(--ink)}
.form dt{font:700 .58rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink2)}
.form dd{margin:0;font:700 .95rem var(--mono)}
.verdict-row{display:flex;align-items:center;gap:1rem;margin:1rem 0 1.2rem}
.verdict-row .score{position:static;flex:none;width:5.4rem;height:5.4rem}
.verdict-row .score b{font-size:2.8rem}
.verdict-big{margin:0;font:700 1.35rem/1.25 var(--serif)}
.verdict-big span{display:block;font:700 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:.2rem}
figure{margin:0 0 1.4rem;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;padding:.5rem .5rem 0;transform:rotate(-.6deg)}
figure img{width:100%;max-height:80vh;object-fit:cover}
figcaption{font:700 .66rem var(--mono);text-transform:uppercase;letter-spacing:.12em;padding:.5rem 0;color:var(--ink2)}
.body p{margin:0 0 1.1rem;font-size:1.12rem}
.body p:last-child{font:700 .95rem var(--mono);border-top:3px double var(--ink);padding-top:.9rem;color:var(--red)}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:2rem 0 1.5rem}
.pager a{border:3px solid var(--ink);padding:.6rem .8rem;text-decoration:none;font-weight:700;line-height:1.2}
.pager a span{display:block;font:700 .6rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.pager .r{text-align:right}
footer{border-top:4px solid var(--ink);background:var(--paper2);padding:1.4rem 1rem 2rem;text-align:center;font:700 .85rem var(--mono)}
footer p{margin:.4rem 0}
.ig-cta a{background:var(--hi);padding:.3rem .6rem;border:2px solid var(--ink)}
footer .meta{font-weight:400;font-size:.72rem;color:var(--ink2)}
@media(min-width:44rem){body{font-size:19px}.docket{grid-template-columns:1fr 1fr}.docket .docket-h{grid-column:1/-1}.bureau{padding:1rem 2rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}