/* Hito reading surface. One centered flow, using the shared editorial roles. */
.article-page .article-story{min-width:0}
.article-page .article-opening{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-heading);margin:0 auto var(--space-section);max-width:var(--measure-editorial-media)}
.article-page .article-opening-copy{width:100%;max-width:var(--measure-reading);margin-inline:auto;min-width:0}
.article-page .page-heading{margin-block-end:var(--space-copy)}
.article-page .page-heading h1{max-width:none;font:500 var(--text-page-title)/1.15 var(--font-heading);text-wrap:balance}
.article-page .page-heading>p{max-width:none;margin-block-start:var(--space-card);font-size:var(--text-lead);line-height:1.55;text-wrap:pretty}
.article-page .article-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs) var(--space-lg);margin:var(--space-md) 0 0;color:var(--color-text-muted);font:400 var(--text-utility)/1.5 var(--font-ui)}
.article-page .article-meta a{color:var(--color-text)}
.article-page .article-opening-visual{min-width:0}
.article-page .article-opening-visual :is(picture,img){display:block;width:100%}
.article-page .article-opening-visual img{height:auto;aspect-ratio:8/5;max-height:34rem;object-fit:cover}
.article-page .article-opening-visual .article-art{width:100%;max-width:var(--measure-reading);margin:0 auto;max-height:none;aspect-ratio:auto}
.article-page .article-review-notice{margin-block:var(--space-panel) 0}
.article-page .reading-layout{display:block;max-width:var(--measure-reading);margin-inline:auto}
.article-page .article-contents{border-block:1px solid var(--color-border);padding-block:var(--space-md);margin-bottom:var(--space-section)}
.article-page .article-contents summary{cursor:pointer;font:500 var(--text-body)/1.5 var(--font-ui);padding-block:var(--space-copy)}
.article-page .article-contents summary::marker{color:var(--color-action-text)}
.article-page .article-contents ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-copy) var(--space-lg);margin:var(--space-card) 0 0;padding:0;list-style:none}
.article-page .article-contents li{margin:0;padding:0;font:400 var(--text-utility)/1.5 var(--font-ui)}
.article-page .article-contents a{display:inline-block;padding-block:var(--space-xs);color:var(--color-text);text-underline-offset:.18em}
.article-page .article-contents a:is(:hover,:focus-visible){color:var(--color-action-text)}
.article-page .article-body{max-width:none;font:400 var(--text-reading-body)/1.65 var(--font-story);font-optical-sizing:auto;font-synthesis:none}
.article-page .article-body>p,.article-page .article-body>ul{max-width:65ch}
.article-page .article-body>p+p,.article-page .article-body>ul+p,.article-page .article-body>p+ul,.article-page .article-body>ul+ul{margin-block-start:var(--space-card)}
.article-page .article-body>p:first-child{font-size:var(--text-reading-body);line-height:1.65}
.article-page .article-body>h2{margin-block:var(--space-section) var(--space-heading);font:500 var(--text-reading-heading)/1.3 var(--font-heading);letter-spacing:-.015em;scroll-margin-block-start:6rem}
.article-page .article-body>h2:first-child{margin-block-start:0}
.article-page .sources-block{margin-block-start:var(--space-section);padding-block-start:var(--space-panel);border-block-start:1px solid var(--color-border);scroll-margin-block-start:6rem}
.article-page .sources-block h2{margin:0 0 var(--space-card);font:600 var(--text-body)/1.5 var(--font-ui)}
.article-page .sources-block li{padding-block:var(--space-copy);border-block-start:1px solid var(--color-border)}
.article-page .sources-block li a{color:var(--color-text);font-weight:500;text-underline-offset:.18em}
.article-page .sources-block li span{max-width:70ch;margin-block-start:var(--space-copy);color:var(--color-text-muted);font-size:var(--text-utility)}
.article-page .article-body :is(.choice-grid,.transport-comparison,.day-plan,.budget-tool,.content-notice,.article-providers,.table-scroll){margin-block:var(--space-section)}
.article-page .article-body .choice-grid{align-items:start;gap:var(--grid-editorial-gap)}
.article-page .article-body .choice-grid>section{min-width:0;padding-block-start:var(--space-md)}
.article-page .article-body .choice-grid h3,.article-page .article-body .transport-comparison h2,.article-page .article-body .day-plan h2{font:500 var(--text-card-title)/1.3 var(--font-heading);text-wrap:balance}
.article-page .article-body .day-plan{display:grid;gap:0}
.article-page .article-body .day-plan>li{min-width:0;margin:0;border:0;border-block-start:1px solid var(--color-border);padding:var(--space-lg) 0}
.article-page .article-body .day-plan>li:last-child{border-block-end:1px solid var(--color-border)}
.article-page .article-body .day-plan h2{margin:0 0 var(--space-md);scroll-margin-block-start:6rem}
.article-page .article-body .transport-comparison>section{min-width:0}
.article-page .article-body .table-scroll{max-width:100%;overscroll-behavior-inline:contain;scroll-margin-block-start:6rem}
.article-page .article-body .article-providers{min-width:0}
.article-page :is(.article-follow-section,.article-place-section){margin-block-start:var(--space-section)}
@media(max-width:640px){
 .article-page .article-contents ul{grid-template-columns:minmax(0,1fr)}
 .article-page .article-contents li a{display:inline-flex;align-items:center;min-height:40px}
 .article-page .article-body .choice-grid,.article-page .article-body .transport-comparison{grid-template-columns:minmax(0,1fr)}
}