.brd-section{padding:8px 0 44px}.brd-section h2{font-size:24px;margin:0 0 8px}.brd-section>p.brd-lede{color:var(--muted);font-size:15px;max-width:720px;margin:0 0 24px;line-height:1.6}.brd-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:16px;gap:16px}.brd-swatch{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel)}.brd-swatch-color{height:72px}.brd-swatch-meta{padding:10px 12px;font-size:12.5px}.brd-swatch-name{font-weight:700;display:block}.brd-swatch-hex{color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.brd-type-row{border-top:1px solid var(--border);padding:18px 0;display:flex;flex-direction:column;gap:6px}.brd-type-row:first-child{border-top:none}.brd-type-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.brd-type-sample{font-weight:700;line-height:1.2}.brd-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.brd-table{width:100%;border-collapse:collapse;font-size:13px;min-width:480px}.brd-table td,.brd-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.brd-table th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.brd-table tr:last-child td{border-bottom:none}.brd-dodont{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:720px){.brd-dodont{grid-template-columns:1fr 1fr}}.brd-do,.brd-dont{border-radius:12px;padding:18px;border:1px solid var(--border)}.brd-do{border-left:4px solid #22c55e}.brd-dont{border-left:4px solid #ef4444}.brd-do h4,.brd-dont h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.brd-do h4{color:#4ade80}.brd-dont h4{color:#ff8a8a}.brd-do p,.brd-dont p{font-size:13.5px;line-height:1.6;color:var(--text);margin:0 0 8px}.brd-do p:last-child,.brd-dont p:last-child{margin-bottom:0}.brd-mark-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:12px 0 20px}.brd-mark{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;color:#fff;font-weight:800;font-size:24px;flex-shrink:0}.brd-mark-caption{color:var(--muted);font-size:12px;margin-top:6px}.brd-download-btn{display:inline-block;padding:12px 22px;border-radius:8px;font-weight:600;font-size:14.5px;text-decoration:none;color:#fff;margin-top:4px}.brd-code-inline{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:1px 6px}.brd-toc{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}.brd-toc a{font-size:12.5px;color:var(--muted);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:5px 12px}.brd-toc a:hover{color:var(--text);text-decoration:underline}.brd-andy-banner{background:rgba(238,42,60,.08);border:1px solid var(--pp-accent-dim,#7a1620);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--muted);max-width:1040px;margin:0 auto 20px}.brd-quote-block{border-left:3px solid var(--border);padding:6px 0 6px 16px;margin:10px 0;font-size:13.5px;color:var(--muted);font-style:italic}