/* Long-term support: practical topics first, with compact native disclosures. */
.longhaul-page .page-head>.container,
.longhaul-page .page-body>.container { max-width:60rem; }
.longhaul-page .page-body { padding-block:1.5rem 3rem; }
.longhaul-page .longhaul-topics>h2 { margin-top:0; }
.longhaul-page .detail { background:var(--paper); }
.longhaul-page .detail>summary { font-size:1.0625rem; }
.longhaul-page .detail-inner>p,
.longhaul-page .detail-inner>ul,
.longhaul-page .source-inner { max-width:65ch; }
.longhaul-page .detail-inner>ul,
.longhaul-page .longhaul-you>ul { padding-left:1.25rem; }
.longhaul-page .detail-inner li,
.longhaul-page .longhaul-you li { margin-block:.5rem; }
.longhaul-page .detail-inner p { margin-bottom:.85rem; }
.longhaul-page .detail-inner .source-note { margin:.7rem 0 0; }
.longhaul-page .longhaul-arrangements { margin-top:2rem; }
.longhaul-page .longhaul-you h2 { margin-top:0; }
.longhaul-page .longhaul-you p,
.longhaul-page .longhaul-you ul { max-width:65ch; }
.longhaul-page [id] { scroll-margin-top:calc(var(--longhaul-header-height, 5rem) + var(--longhaul-chooser-height, 0px) + 1rem); }
.longhaul-chooser { position:sticky; top:var(--longhaul-header-height, 5rem); z-index:25; display:flex; align-items:center; gap:.8rem; padding:.75rem; margin:0 0 1.5rem; background:var(--cream); border:1px solid var(--line); border-radius:var(--radius-sm); box-shadow:0 3px 8px rgba(23,44,56,.08); }
.longhaul-chooser[hidden] { display:none; }
.longhaul-chooser label { font-weight:700; flex-shrink:0; }
.longhaul-chooser select { min-width:0; width:100%; min-height:44px; font:inherit; padding:.55rem .65rem; color:var(--ink); background:var(--paper); border:1px solid var(--muted); border-radius:.3rem; }
.longhaul-chooser select:focus-visible { outline:3px solid var(--green); outline-offset:3px; }
@media (max-width:820px) {
  .longhaul-page .page-head { padding-block:1.5rem; }
  .longhaul-page .page-head h1 { font-size:2rem; line-height:1.12; }
  .longhaul-page .page-head p:not(.crumb) { font-size:1rem; margin-top:.65rem; }
  .longhaul-page .page-body { padding-top:1.25rem; }
  .longhaul-chooser { display:block; padding:.6rem; margin-bottom:1rem; }
  .longhaul-chooser label { display:block; font-size:.85rem; margin-bottom:.25rem; }
}
@media print { .longhaul-chooser { display:none; } }