/* Shared look for the how-to and card guide pages, on top of legal.css. */
.crumbs{margin:16px 0 0;font-size:13px;color:var(--muted)}.crumbs a{color:var(--muted)}
.toc{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0;font-size:15px}
.cta{display:inline-block;margin-top:6px;padding:12px 20px;border-radius:12px;background:var(--gold);color:#15251b;font-weight:700;text-decoration:none}
.note{font-size:14px}
.rank{padding-left:0;list-style:none}.rank li{margin:8px 0}.tier{display:block;color:var(--ink);font-weight:700}
.table-wrap{overflow-x:auto;margin:12px 0}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
th{color:var(--gold);font-weight:600}td{color:var(--muted)}td:first-child{color:var(--ink)}
.hand{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.naipe{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:92px;border-radius:9px;background:#f7f3e9;color:#1a1a1a;box-shadow:0 2px 6px #0006;border-top:6px solid var(--suit)}
.naipe b{font-size:28px;line-height:1}.naipe i{font-style:normal;font-size:12px;font-weight:600;color:var(--suit)}
.naipe small{margin-top:3px;font-size:10px;line-height:1.1;text-align:center;color:#555}
.oro{--suit:#b8860b}.copa{--suit:#b3261e}.espada{--suit:#1f4e9c}.basto{--suit:#2e7d32}
.example{margin:16px 0;padding-top:12px;border-top:1px solid var(--line)}.example:first-child{border-top:0;padding-top:0}
details{margin:10px 0;padding:10px 0;border-bottom:1px solid var(--line)}
summary{cursor:pointer;color:var(--ink);font-weight:600}
.points{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.points div{padding:12px;border:1px solid var(--line);border-radius:12px}.points strong{display:block;color:var(--gold);font-size:22px}
.glossary{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0}.glossary dt{font-weight:700;color:var(--ink)}.glossary dd{margin:0;color:var(--muted)}
@media(max-width:480px){.glossary{grid-template-columns:1fr}.glossary dd{margin-bottom:8px}.naipe{width:56px;height:82px}.naipe b{font-size:24px}}