/* Once Spoken advice pages: the same quiet palette and readable column as the rest of the site. */
.advice-intro{font:italic 19px/1.8 Georgia,serif;color:#ded8cd;margin:0 0 30px;padding-left:16px;border-left:1px solid rgba(217,169,91,.45)}
.advice-kicker{margin:0 0 10px;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#cba45f}
.advice-grid{display:grid;gap:14px;margin:26px 0 10px}
.advice-card{display:block;padding:22px;border:1px solid rgba(217,169,91,.2);border-radius:12px;background:rgba(217,169,91,.025);text-decoration:none}
.advice-card:hover,.advice-card:focus-visible{border-color:rgba(217,169,91,.52);background:rgba(217,169,91,.055)}
.advice-card h2{margin:0 0 9px;padding:0;border:0;font-size:24px;color:#f0ece3}
.advice-card p{margin:0;color:#aaa69d}
.advice-card span{display:block;margin-top:13px;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#d9a95b}
.article-meta{margin:0 0 28px;font:11px/1.6 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#8f8a80}
.article-body p,.article-body li{max-width:68ch}
.article-body blockquote{margin:22px 0;padding:18px 20px;border-left:2px solid #d9a95b;background:rgba(217,169,91,.045);color:#ded8cd}
.article-body blockquote p{margin:0;color:#ded8cd;font-family:Georgia,serif;font-style:italic;font-size:17px}
.article-cta{margin:48px 0 8px;padding:24px;border:1px solid rgba(217,169,91,.3);border-radius:14px;background:rgba(217,169,91,.045)}
.article-cta h2{margin:0 0 10px;padding:0;border:0}
.article-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.article-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid rgba(217,169,91,.6);border-radius:2px;color:#f0d9a8;text-decoration:none;font:13px Arial,sans-serif;letter-spacing:.04em}
.article-button.primary{background:#c79a54;border-color:#c79a54;color:#111}
.article-button:hover,.article-button:focus-visible{background:rgba(217,169,91,.09)}
.article-button.primary:hover,.article-button.primary:focus-visible{background:#e0b56c;color:#111}
.article-nav{margin:30px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.055);font:13px/1.7 Arial,sans-serif}
@media(max-width:560px){.advice-intro{font-size:17px}.advice-card{padding:18px}.advice-card h2{font-size:21px}.article-actions{display:grid}.article-button{width:100%}}