
:root{--ink:#171716;--paper:#f5f0e8;--white:#fff;--blue:#39b6d8;--mut:#67635d;--line:#d5cec2;--warn:#8b4b00}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:#087d9f}.top{background:#111;color:#fff;padding:18px 5vw;display:flex;gap:24px;align-items:center;justify-content:space-between}
.top a{color:#fff;text-decoration:none}.logo{font-weight:800;letter-spacing:.04em}.copy{border:1px solid #fff;background:transparent;color:#fff;padding:8px 12px;cursor:pointer}
.wrap{max-width:1180px;margin:0 auto;padding:28px 20px 70px}.draft{background:#fff0d6;border:1px solid #d49531;padding:12px 16px;margin:0 0 20px;color:#6b3a00}
.grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px}.nav{background:#fff;padding:12px;align-self:start;position:sticky;top:12px}
.nav a{display:block;padding:9px 10px;border-bottom:1px solid #eee;text-decoration:none;color:#222}.nav a:hover{background:#eef9fc}
main{min-width:0}.card{background:#fff;border:1px solid var(--line);padding:20px;margin:0 0 18px}h1{font-size:clamp(28px,4vw,44px);line-height:1.08}h2{margin-top:30px}
table{width:100%;border-collapse:collapse;background:#fff;margin:14px 0 24px}th,td{border:1px solid #ccc;padding:10px;vertical-align:top;text-align:left}th{background:#ece7df}
.badge{display:inline-block;padding:4px 8px;border:1px solid #aaa;font-size:12px}.need{color:#8b2f00;font-weight:700}.ok{color:#176b2d;font-weight:700}
.footer{border-top:1px solid #ccc;padding-top:24px;margin-top:40px;color:var(--mut);font-size:14px}
body.accessible{font-size:20px;background:#fff;color:#000}body.accessible .card,body.accessible table{background:#fff}body.accessible a{color:#0000cc;text-decoration:underline}
@media(max-width:850px){.grid{grid-template-columns:minmax(0,1fr);min-width:0}.nav,main{min-width:0;max-width:100%}.nav{position:static}.nav a,h1,h2,.card,.footer{overflow-wrap:anywhere}.top{align-items:flex-start;flex-direction:column}.wrap{max-width:100%;padding-left:12px;padding-right:12px}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
