:root{font-family:system-ui,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{border-bottom:1px solid #cbd5e1}header>a{font-size:24px;font-weight:800}header span{color:#2563eb}nav,footer{display:flex;gap:12px;flex-wrap:wrap;align-items:center}a{color:#1d4ed8;text-decoration:none;overflow-wrap:anywhere}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #2563eb;outline-offset:4px}nav a,footer a,.brc-context a{display:inline-block;padding:10px 4px;min-height:44px}h1{font-size:clamp(1.6rem,4vw,2.6rem)}h2{font-size:1.1rem;line-height:1.5}p{line-height:1.65}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px}article{background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:24px;min-width:0}.button{display:inline-block;background:#1d4ed8;color:#fff;border-radius:8px;padding:12px 18px}.pagination{margin:24px 0}footer{border-top:1px solid #cbd5e1}.brc-context{padding:16px;display:flex;flex-wrap:wrap;gap:12px}.brc-matrix{overflow:auto;padding:16px}.brc-matrix table{width:100%;border-collapse:collapse}.brc-matrix th,.brc-matrix td{text-align:left;padding:12px;border-bottom:1px solid #cbd5e1}