/* Yard Pod Check styles, written Nov 5, 2026 */
:root{--soil:#2f2a24;--cedar:#8a4b2a;--moss:#3f6b4a;--moss-pale:#e6efe7;--sand:#f7f3ec;--paper:#fffdf9;--line:#d9cfc1;--warn:#9a5b00;--warn-pale:#fff3dd;--stop:#8f2d2d;--stop-pale:#fbe9e7;--ink-soft:#5d554b}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--sand);color:var(--soil);font:1rem/1.6 "Iowan Old Style","Palatino Linotype",Georgia,serif}
a{color:var(--cedar)}
a:hover{color:var(--moss)}
.frame{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.rail{background:var(--soil);color:#efe7da;padding:22px 18px;position:sticky;top:0;height:100vh;overflow-y:auto}
.rail-brand{display:block;font:700 1.15rem/1.2 system-ui,sans-serif;color:#fff;text-decoration:none;margin-bottom:4px}
.rail-tag{font:0.8rem/1.4 system-ui,sans-serif;color:#cbbfae;margin:0 0 18px}
.rail-group{font:600 0.72rem/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#a99b87;margin:18px 0 6px}
.rail-list{list-style:none;margin:0;padding:0}
.rail-list a{display:block;padding:5px 8px;border-radius:4px;color:#efe7da;text-decoration:none;font:0.92rem/1.35 system-ui,sans-serif}
.rail-list a:hover,.rail-list a[aria-current]{background:#4a4238;color:#fff}
.sheet{padding:34px 42px 60px;max-width:1040px}
.sheet h1{font:700 2rem/1.15 system-ui,sans-serif;margin:0 0 10px;letter-spacing:-.01em}
.sheet h2{font:700 1.3rem/1.25 system-ui,sans-serif;margin:34px 0 10px}
.sheet h3{font:600 1.05rem/1.3 system-ui,sans-serif;margin:20px 0 6px}
.lede{font-size:1.1rem;color:var(--ink-soft);margin:0 0 22px;max-width:46em}
.stamp{font:0.8rem/1.4 system-ui,sans-serif;color:var(--ink-soft)}
.bench{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px 22px;margin:18px 0}
.bench-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.bench label{display:block;font:600 0.85rem/1.3 system-ui,sans-serif;margin-bottom:4px}
.bench select,.bench input{width:100%;font:1rem system-ui,sans-serif;padding:8px;border:1px solid var(--line);border-radius:6px;background:#fff}
.bench .pair{display:flex;gap:8px}
.bench .hint{font:0.78rem/1.4 system-ui,sans-serif;color:var(--ink-soft);margin-top:3px}
.readout{margin-top:18px}
.verdict{border-left:6px solid var(--moss);background:var(--moss-pale);padding:12px 16px;border-radius:0 8px 8px 0;margin:10px 0}
.verdict.amber{border-color:var(--warn);background:var(--warn-pale)}
.verdict.red{border-color:var(--stop);background:var(--stop-pale)}
.verdict strong{font-family:system-ui,sans-serif}
.quote-box{border:1px dashed var(--line);padding:10px 14px;margin:10px 0;background:#fff;font-style:italic}
.flaglist{margin:8px 0 0;padding-left:20px}
.deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:16px 0}
.tile{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column}
.tile-maker{font:600 0.75rem/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--moss)}
.tile-name{font:700 1.1rem/1.25 system-ui,sans-serif;margin:4px 0}
.tile-area{font:700 1.6rem/1 system-ui,sans-serif;color:var(--cedar);margin:6px 0}
.tile dl{margin:6px 0 0;font-size:.88rem}
.tile dt{font-weight:600;font-family:system-ui,sans-serif;font-size:.78rem;color:var(--ink-soft);margin-top:6px}
.tile dd{margin:0}
.tile-foot{margin-top:auto;padding-top:10px;font:0.8rem system-ui,sans-serif}
.sieve{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:10px 0}
.sieve label{font:600 .82rem system-ui,sans-serif;display:block}
.sieve select,.sieve input{font:1rem system-ui,sans-serif;padding:6px;border:1px solid var(--line);border-radius:6px}
.grid-table{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--paper)}
.grid-table th,.grid-table td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}
.grid-table th{background:#efe7da;font-family:system-ui,sans-serif;font-size:.82rem}
.scroller{overflow-x:auto;margin:12px 0}
.mark-ok{color:var(--moss);font-weight:700}
.mark-no{color:var(--stop);font-weight:700}
.mark-ask{color:var(--warn);font-weight:700}
.sources{font-size:.85rem;color:var(--ink-soft)}
.sources li{margin:3px 0;word-break:break-word}
.base{margin-top:50px;padding-top:16px;border-top:1px solid var(--line);font:0.82rem/1.5 system-ui,sans-serif;color:var(--ink-soft)}
.skip{position:absolute;left:-999px}
.skip:focus{left:10px;top:10px;background:#fff;padding:6px;z-index:5}
@media (max-width:820px){
 html{font-size:16px}
 .frame{display:block}
 .rail{position:static;height:auto;padding:14px 16px}
 .rail-tag{margin-bottom:8px}
 .rail-group{display:none}
 .rail-list{display:flex;flex-wrap:wrap;gap:4px}
 .rail-list a{padding:4px 8px;background:#433b31;font-size:.85rem}
 .sheet{padding:22px 16px 40px}
 .sheet h1{font-size:1.6rem}
}
.cut{border:0;border-top:1px solid var(--line);margin:30px 0 0}
.tick{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--moss);margin:0 8px 2px -14px;vertical-align:middle}
ul.pts{list-style:none;padding-left:22px}
.rail-list .tick,.sources .tick{display:none}
ol.steps .tick{display:none}