/* Static landing and reference pages (generated by tools/build_landing.js). Builds on origins.css. */
body.landing .doc > .card{margin:0 0 16px}
body.landing .hero{padding:22px 20px 14px}
body.landing .lead{font-size:clamp(17px,2.4vw,20px); line-height:1.45; max-width:60ch}
body.landing .cta{display:flex; flex-wrap:wrap; gap:8px; margin:12px 0}
body.landing .cta .btn{display:inline-block; padding:10px 16px; border-radius:10px; text-decoration:none}
.tiles{list-style:none; margin:10px 0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px}
.tiles a{display:flex; flex-direction:column; gap:4px; height:100%; padding:12px 14px; border:1.5px solid var(--line-strong); border-radius:10px; text-decoration:none; color:var(--ink); background:var(--surface-2)}
.tiles a:hover{border-color:var(--accent)}
.tiles b{color:var(--accent)}
.tiles span{font-size:14px; color:var(--muted)}
.tblscroll{overflow-x:auto; margin:12px 0}
table.ref,table.codetbl{border-collapse:collapse; width:100%; font-size:14.5px}
table.ref th,table.ref td,table.codetbl th,table.codetbl td{padding:6px 10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle}
table.ref thead th,table.codetbl thead th{color:var(--muted); font-size:12.5px; text-transform:uppercase; letter-spacing:.03em}
table.ref td.struct{width:150px}
table.ref td.struct svg{width:140px; height:auto; display:block; color:var(--ink)}
.mono{font-family:'JetBrains Mono',monospace; font-size:13px}
table.codetbl td,table.codetbl th{text-align:center; border:1px solid var(--line)}
table.codetbl td.stop{background:var(--surface-2); color:var(--muted)}
.plist{list-style:none; margin:4px 0 12px; padding:0; display:flex; flex-wrap:wrap; gap:6px 16px}
body.landing h3,body.landing h4{margin:18px 0 4px}