/* Five Bars editorial pages. Zero external fonts, trackers or dependencies. */
:root{color-scheme:light;--paper:#f2f5f7;--surface:#fff;--text:#172330;--muted:#556576;--line:#d5dce3;--accent:#086b62;--chip:#e8f2f0;--warning:#815008;--alertbg:#fff5df}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#101920;--surface:#17252d;--text:#f2f5f7;--muted:#b3c0cc;--line:#334551;--accent:#73ded2;--chip:#213d3b;--warning:#ffe0a1;--alertbg:#49391b}}
*{box-sizing:border-box}
html{scroll-padding-top:26px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}
.wrap{width:min(100% - 36px,1020px);margin:0 auto}
header.wrap{padding:20px 0 8px}
nav{display:flex;gap:12px 25px;align-items:center;flex-wrap:wrap}
a{color:var(--accent);text-underline-offset:2px}
nav a{font-size:.88rem;font-weight:650}
main.wrap{padding:8px 0 55px}
h1{font-size:clamp(2rem,5vw,3.05rem);line-height:1.14;max-width:26ch;letter-spacing:-.025em;margin:18px 0}
h2{font-size:1.35rem;margin:0 0 10px}
h3{font-size:1.07rem;margin:24px 0 8px}
h4{font-size:1rem}
p{margin:10px 0}
.lede{font-size:1.08rem;color:var(--text);max-width:75ch}
.crumb{font-size:.82rem;color:var(--muted)}
.caution{padding:14px 17px;background:var(--alertbg);border:1px solid var(--line);border-left:4px solid var(--warning);border-radius:9px;margin:26px 0;font-size:.87rem}
section{border:1px solid var(--line);border-radius:13px;padding:22px 24px;background:var(--surface);margin:20px 0}
li{margin:8px 0}
.table-scroll{overflow-x:auto;margin:8px 0 23px;border:1px solid var(--line);border-radius:9px}
table{border-collapse:collapse;width:100%;min-width:690px;font-size:.86rem}
th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}
thead{background:var(--chip)}
td div{margin-top:5px;color:var(--muted);font-size:.82rem}
th[scope=row]{min-width:142px}
tr:last-child th,tr:last-child td{border-bottom:0}
tr.needs-review{background:var(--alertbg)}
.sep{color:var(--muted)}
.cta{display:inline-block;background:var(--accent);color:var(--surface);border-radius:8px;padding:9px 13px;text-decoration:none;font-weight:700}
.guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.guide{border:1px solid var(--line);border-radius:10px;padding:14px}
.guide h3{margin:0 0 8px}
.guide p{font-size:.88rem}
footer.wrap{border-top:1px solid var(--line);padding:18px 0 45px;font-size:.84rem;color:var(--muted)}
footer nav{margin-top:13px}
.fb-work-filters{display:flex;flex-wrap:wrap;gap:9px;align-items:end;margin:13px 0}
.fb-work-filters label{display:flex;gap:5px;flex-direction:column;min-width:155px;max-width:100%;font-size:.83rem;font-weight:650}
select,input,button,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:9px;max-width:100%}
button{cursor:pointer}
button:hover{background:var(--chip)}
.fb-review-offer{border:1px solid var(--line);border-radius:10px;padding:15px;margin:11px 0}
.fb-review-offer h3{margin:0}
.fb-review-offer p{font-size:.87rem;margin:5px 0}
.fb-review-offer .actions{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0}
.fb-review-priority{font-size:.81rem;text-transform:uppercase;font-weight:800}
.fb-review-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}
.fb-review-steps label{display:flex;gap:9px;font-size:.88rem;align-items:flex-start}
.fb-review-steps input{flex:none;margin-top:4px}
.fb-review-fields label{flex-direction:column;min-width:0}
.fb-review-fields input:not([type=checkbox]),.fb-review-fields select{width:100%;min-width:0}
.fb-review-offer{overflow-wrap:anywhere}
.fb-review-hint{font-size:.86rem;color:var(--muted)}
#fb-editor-notice{min-height:1.5em;font-weight:650}
@media(max-width:650px){.guides,.fb-review-steps{grid-template-columns:1fr}section{padding:17px}.wrap{width:calc(100% - 25px)}}
@media print{body{background:#fff;color:#000}header,footer,.cta,button{display:none}section{border:none;padding:0;break-inside:avoid}.caution{border:1px solid #ccc}a{color:#000}table{font-size:10px}}
