/* Booking articles share Knead's existing guide typography and palette. */
.article-hero .display{max-width:27ch;font-size:clamp(32px,4.3vw,54px);line-height:1.12}
.article-hero .lede{max-width:72ch;margin-bottom:18px}
.article-meta{font-size:13px;line-height:1.6;color:var(--ink-soft)}
.article-page a:focus-visible{outline:3px solid var(--terra);outline-offset:4px}
.article-meta a,.article-body a{color:var(--euca-deep);text-underline-offset:3px}
.article-actions{margin-top:22px}
.article-figure{margin:22px 0 26px;max-width:390px}
.article-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px}
.article-figure figcaption{font-size:12.5px;line-height:1.6;color:var(--ink-soft);margin-top:10px}
.article-body .hub-main section+section{margin-top:34px}
.article-body .hub-main ul,.article-body .hub-main ol{padding-left:24px;margin:16px 0 22px}
.article-body .hub-main li{font-size:16px;line-height:1.72;color:var(--ink-soft);margin:9px 0}
.article-body blockquote{padding:20px 24px;border-left:3px solid var(--terra);background:var(--panel);font-size:16px;line-height:1.75;margin:18px 0 22px}
.article-body .article-citations{font-size:12.5px;line-height:1.6}
.insurer-guide{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin:12px 0;padding:16px 18px}
.insurer-guide summary{font-size:16px;font-weight:700;line-height:1.5;color:var(--euca-deep);cursor:pointer}
.insurer-guide[open] summary{margin-bottom:16px}
.insurer-guide summary:focus-visible{outline:3px solid var(--terra);outline-offset:5px}
.article-body .insurer-guide p:last-child{margin-bottom:0}
.benefits-examples{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;line-height:1.55;color:var(--ink-soft)}
.benefits-examples caption{text-align:left;font-size:12.5px;margin-bottom:10px}
.benefits-examples th,.benefits-examples td{padding:12px 9px;border-bottom:1px solid var(--line);vertical-align:top}
.benefits-examples th{color:var(--euca-deep);text-align:left;font-weight:600}
.benefits-examples thead{background:var(--panel)}
.benefits-examples td{white-space:nowrap;font-variant-numeric:tabular-nums}
.article-body h2[id]{scroll-margin-top:24px}
.article-body .hub-card h2{font-size:14px;line-height:1.4;color:var(--euca-deep);margin-bottom:12px}
.article-body .hub-card ul{list-style:none;display:grid;gap:12px}
.article-body .hub-card li{font-size:14px;line-height:1.5}
.article-body .hub-card p a{display:inline-block;margin-top:14px}
.article-grid{max-width:1120px;padding:0 28px 76px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.article-grid .hub-card{padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.article-grid .hub-card h2{font-family:'Fraunces',serif;font-size:25px;line-height:1.25;letter-spacing:-.4px;margin-bottom:16px}
.article-grid h2 a{color:var(--euca-deep);text-decoration:none}
.article-grid h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.article-grid .hub-card>p{margin-bottom:22px}
.article-grid .hub-card .article-number{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--terra);font-weight:700;margin-bottom:16px}
.article-grid .ghost{margin-top:auto}
.skip-link{position:absolute;left:12px;top:-100px;padding:12px;background:var(--panel);color:var(--ink);z-index:10}
.skip-link:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.article-grid{grid-template-columns:1fr}.article-grid .hub-card{padding:22px}.article-hero .display{font-size:34px}.article-body blockquote{padding:16px}}
@media(prefers-reduced-motion:reduce){.article-page *{animation:none!important;scroll-behavior:auto!important}}
