/* Advertorials (/read/*): prose pages from styles.css (.page) with product
   examples built from the shared .office and .desk parts. */
.read .kicker { font-size: 0.85rem; font-weight: 600; color: var(--ink-soft); }
.read h1 { margin-top: 0.75rem; }
.read .standfirst { margin-top: 1rem; font-size: 1.15rem; line-height: 1.5; color: var(--ink); }
.read figure { margin: 2rem 0 0; }
.read figure p { color: var(--ink); }
.read figure p + p { margin-top: 0; }
.read figure .bubble-meta { margin-top: 0.35rem; color: var(--ink-soft); }
.read figure .desk-meta { color: var(--ink-muted); }
.read .office { padding-bottom: 0.25rem; }
.read .office-table { width: 100%; }
.read .row-quiet th, .read .row-quiet td { background: var(--amber-soft); }
.read .desk-case-title { margin-top: 0.75rem; }
.read .example-note { margin-top: 0.6rem; font-size: 0.8rem; color: var(--ink-soft); }
.read figure + p, .read .example-note + p { margin-top: 1.5rem; }
.read .example-quote p { color: var(--ink); }
.read .read-cta { margin-top: 3rem; padding: clamp(1.25rem, 3vw, 1.75rem); border-radius: 1.25rem; background: var(--bg-alt); box-shadow: 0 0 0 1px var(--line); }
.read .read-cta h2 { margin-top: 0; }
.read .read-cta .btn { margin-top: 1.25rem; }
.read .read-cta .read-price { margin-top: 0.75rem; font-size: 0.9rem; }
.read .compare-wrap { margin-top: 1rem; overflow-x: auto; }
.read .compare { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
.read .compare th, .read .compare td { padding: 0.65rem 0.75rem; text-align: start; vertical-align: top; border-bottom: 1px solid var(--line); }
.read .compare thead th { font-size: 0.8rem; font-weight: 600; color: var(--ink-muted); }
.read .compare tbody th { font-weight: 600; color: var(--ink); }
.read .compare td { color: var(--ink-muted); }
.read .compare tbody tr:last-child > * { border-bottom: 0; }
.read .answer { margin-top: 0.75rem; padding: 0.9rem 1rem; border-radius: 0.9rem; background: var(--bg-alt); }
.read .desk-meta .chip-case { margin-inline-start: 0.25rem; }
.guide .kicker a { color: inherit; }
.guide .guide-meta { margin-top: 0.75rem; font-size: 0.85rem; color: var(--ink-soft); }
.guide .answer + h2, .guide .compare-wrap + p { margin-top: 1.5rem; }
.guide .guide-sources { font-size: 0.9rem; }
.guide .guide-related { margin-top: 3rem; }
.guide .guide-list { margin-top: 1rem; padding: 0; list-style: none; }
.guide .guide-list li { padding: 0.9rem 0; border-bottom: 1px solid var(--line); }
.guide .guide-list a { font-weight: 650; color: var(--ink); }
.guide .guide-list p { margin-top: 0.35rem; color: var(--ink-muted); }