.api-reference,.errors{padding:82px 22px;border-top:1px solid var(--line)}
.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:38px}
.reference-card{min-height:155px;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;background:rgba(255,255,255,.15)}
.reference-card h3{font:24px var(--display);margin:0 0 10px}
.reference-card p{margin:0;color:var(--muted);font:13px var(--mono)}
.reference-card-accent{background:var(--ink);border-color:var(--ink);color:#fff}
.reference-card-accent p,.reference-card-accent a{color:var(--lime)}
.error-table{margin-top:36px;border-top:2px solid var(--ink)}
.error-table>[role=row]{display:grid;grid-template-columns:90px minmax(160px,1fr) minmax(260px,1.35fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.error-table .error-head{font:11px var(--mono);color:var(--teal);padding:9px 0}
.error-table p{margin:0;font-size:14px;color:var(--muted)}
.error-table strong{font:700 18px var(--mono);color:var(--teal)}
.error-table code{font:12px var(--mono);color:var(--teal)}
.error-table b{color:var(--ink)}
.guide-card-featured{border-color:var(--teal);background:rgba(0,125,128,.08)}
.guide-dialog h3{margin:30px 0 12px;font:24px var(--display)}
.guide-dialog h3:first-child{margin-top:22px}
.guide-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}
.guide-figure{margin:0;border:1px solid var(--line);background:#fff}
.guide-figure img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}
.guide-figure figcaption{padding:11px 12px;color:var(--muted);font-size:13px;line-height:1.55}
.guide-source{margin-top:20px;color:var(--muted);font-size:13px}
.guide-source a{color:var(--teal)}
@media(max-width:800px){.api-reference,.errors{padding:58px 20px}.reference-grid{grid-template-columns:1fr}.error-table>[role=row]{grid-template-columns:1fr;gap:7px}.error-table .error-head{display:none}}
@media(max-width:800px){.guide-figures{grid-template-columns:1fr}}