/* ==========================================================================
   TT Core — guide blocks (Claude, v0.5.0). Loaded after tt-t4.css on guide pages.
   Readable cards, long text as wide rows with photos, text sections with a photo beside them.
   ========================================================================== */

/* the lead may now hold several paragraphs */
div.ttgd-lead p{margin:0 0 10px}
div.ttgd-lead p:last-child{margin-bottom:0}

/* a card's own label ("Perk 02 · Never Get Lost") at its top */
.ttgd .ttgd-eb2{font:700 12px 'Public Sans',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)!important;margin:0 0 6px!important}

/* short cards: bigger, darker print; a rust rule on top; photo on top when every card has one */
.ttgd-guides--v5{gap:18px}
.ttgd-guides--v5 .ttgd-guide{border-top:3px solid var(--acc)}
.ttgd-guides--v5.has-photos .ttgd-guide{border-top:0}
.ttgd-guides--v5 .ttgd-guide div.t{padding:18px 20px 20px}
.ttgd-guides--v5 .ttgd-guide h3{font:600 19px/1.3 'Fraunces',Georgia,serif;color:var(--ink)}
.ttgd-guides--v5 .ttgd-guide p,.ttgd-guides--v5 .ttgd-guide .t li{font-size:15px;line-height:1.55;color:var(--mute)}
.ttgd-guides--v5 .ttgd-guide p+p{margin-top:8px}
.ttgd-guide__img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;height:auto!important}

/* a heading with nothing under it: a sub-heading across the row */
.ttgd-rowhead{grid-column:1 / -1;margin:14px 0 -4px}
.ttgd-rowhead h3{font:600 24px/1.25 'Fraunces',Georgia,serif;color:var(--ink)}

/* long text: wide rows */
.ttgd-rows{display:grid;gap:22px;margin-top:28px}
.ttgd-row{display:grid;grid-template-columns:minmax(0,1fr);background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.ttgd-sand .ttgd-row{border-color:transparent}
.ttgd-row.has-img{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
.ttgd-row.has-img.is-flip{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.ttgd-row.has-img.is-flip .ttgd-row__img{order:2}
.ttgd-row__img{margin:0;min-height:260px}
.ttgd-row__img img{width:100%;height:100%!important;object-fit:cover;display:block}
.ttgd-row__b{padding:30px 34px}
.ttgd-row:not(.has-img) .ttgd-row__b{max-width:860px}
.ttgd-row__b h3{font:600 24px/1.25 'Fraunces',Georgia,serif;color:var(--ink);margin:0 0 10px}
.ttgd-row__b p,.ttgd-row__b li{font-size:16px;line-height:1.65;color:var(--txt)}
.ttgd-row__b p+p{margin-top:12px}
.ttgd-row__b ul,.ttgd-row__b ol{margin:10px 0 0;padding-left:22px}
.ttgd-row__b a{color:var(--acc);font-weight:600}

/* a long text section with a photo beside it */
.ttgd-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start}
.ttgd-split__img{margin:0;position:sticky;top:110px;border-radius:18px;overflow:hidden;aspect-ratio:4/3}
.ttgd-split__img img{width:100%;height:100%!important;object-fit:cover;display:block}
.ttgd-split .ttgd-prose{max-width:none}

@media (max-width:820px){
  .ttgd-row.has-img,.ttgd-row.has-img.is-flip{grid-template-columns:minmax(0,1fr)}
  .ttgd-row.has-img.is-flip .ttgd-row__img{order:0}
  .ttgd-row__img{min-height:0;aspect-ratio:16/10}
  .ttgd-row__b{padding:22px 20px 24px}
  .ttgd-row__b h3,.ttgd-rowhead h3{font-size:21px}
  .ttgd-split{grid-template-columns:minmax(0,1fr);gap:24px}
  .ttgd-split__img{position:static;order:-1;aspect-ratio:16/10}
}
.ttgd-row--h .ttgd-row__b{padding:18px 34px}
.ttgd-row--h .ttgd-row__b h3{margin:0;font-size:20px}
/* a card holding a table gets two columns, and its table the full card width */
.ttgd-guides--v5 .ttgd-guide:has(table){grid-column:span 2}
.ttgd-guides--v5 .ttgd-guide table{width:100%;border-collapse:collapse;margin-top:10px;font-size:15px}
.ttgd-guides--v5 .ttgd-guide td,.ttgd-guides--v5 .ttgd-guide th{border:1px solid var(--line);padding:8px 12px;text-align:left;color:var(--txt)}
@media (max-width:620px){.ttgd-guides--v5 .ttgd-guide:has(table){grid-column:auto}}