/* Guides hub + article extras. Layers on top of legal.css, which supplies the
   page chrome, hero and prose styles the content pages reuse. */
.guides-wrap{padding:0 0 72px}
.guide-grid{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.guide-card{border:1px solid var(--line,rgba(0,0,0,.12));border-radius:16px;padding:24px;
  background:var(--paper,#fff);display:flex;flex-direction:column;gap:10px;
  transition:transform .18s ease,box-shadow .18s ease}
.guide-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(0,0,0,.45)}
.guide-card h2{margin:0;font-size:1.12rem;line-height:1.3}
.guide-card h2 a{text-decoration:none;color:inherit}
.guide-card h2 a:hover{text-decoration:underline}
.guide-card p{margin:0;font-size:.95rem;line-height:1.6;color:var(--sub,#5a5a5a)}
.guide-more{margin-top:auto;font-size:.88rem;font-weight:600;text-decoration:none}

/* Comparison tables inside guides */
.table-scroll{overflow-x:auto;margin:0 0 20px}
.table-scroll table{border-collapse:collapse;width:100%;min-width:460px;font-size:.94rem}
.table-scroll th,.table-scroll td{text-align:left;padding:10px 14px;
  border-bottom:1px solid var(--line,rgba(0,0,0,.12));vertical-align:top}
.table-scroll th{font-weight:700;white-space:nowrap}
.table-scroll tbody tr:last-child td{border-bottom:0}

ul.related{list-style:none;padding:0;margin:0}
ul.related li{margin:0 0 8px}