.levis-page .site-header { position:relative; }
.levis-breadcrumbs { padding-top:1.25rem; }
.levis-breadcrumbs ol { display:flex; flex-wrap:wrap; align-items:center; gap:.25rem 1rem; list-style:none; margin:0; padding:0; font-size:1rem; }
.levis-breadcrumbs li { display:flex; align-items:center; min-height:44px; }
.levis-breadcrumbs li:not(:last-child)::after { content:'/'; color:var(--umber); margin-left:1rem; }
.levis-breadcrumbs a { display:inline-flex; align-items:center; min-height:44px; }
.levis-page .levis-opening { padding-top:2.25rem; }
.levis-opening-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr); gap:clamp(2rem,6vw,6rem); align-items:start; }
.levis-page h1 { max-width:14ch; font-size:clamp(3rem,5.5vw,5.3rem); line-height:1.04; }
.levis-opening .lede { margin-top:1.5rem; }
.levis-opening p { max-width:65ch; }
.levis-opening .actions { margin-top:1.75rem; }
.levis-contents { border-top:1px solid var(--soot); padding-top:1.3rem; }
.levis-contents h2 { font-size:1.8rem; margin-bottom:.7rem; }
.levis-contents ul { list-style:none; margin:0; padding:0; }
.levis-contents li { border-bottom:1px solid var(--line); }
.levis-contents a { display:flex; align-items:center; min-height:48px; padding-block:.65rem; line-height:1.35; text-underline-offset:.2em; }
.levis-section-intro { max-width:70ch; margin-bottom:2rem; }
.levis-section-intro h2 { margin-bottom:.9rem; }
.levis-paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4rem; }
.levis-paths article { border-top:1px solid var(--soot); padding-top:1.5rem; }
.levis-paths h3 { font-size:clamp(2rem,3vw,2.7rem); line-height:1.1; margin-bottom:1rem; }
.levis-paths ul { padding-left:1.25rem; }
.levis-paths li a { display:inline-flex; align-items:center; min-height:44px; }
.levis-entry { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:3rem; border-top:1px solid var(--line); padding-block:1.8rem; scroll-margin-top:1.5rem; }
.levis-entry h3 { font-size:clamp(1.9rem,2.5vw,2.5rem); line-height:1.12; margin:0; }
.levis-entry p { max-width:68ch; }
.levis-entry p:first-child { margin-top:0; }
.levis-entry p:last-child { margin-bottom:0; }
.levis-page .text-link { display:inline-flex; align-items:center; min-height:44px; }
.levis-page [id] { scroll-margin-top:1.5rem; }
.levis-sources summary { min-height:44px; cursor:pointer; font-weight:700; }
.levis-sources ul { max-width:75ch; padding-left:1.25rem; }
.levis-sources li { margin-block:.75rem; }
.levis-page a:hover { text-underline-offset:.22em; }
.levis-page ::selection { color:var(--cream-light); background:var(--rust-dark); }
.jacket-comparison { width:100%; border-collapse:collapse; font-size:1.05rem; line-height:1.5; }
.jacket-comparison caption { text-align:left; font-weight:700; padding-bottom:1rem; }
.jacket-comparison th,.jacket-comparison td { padding:1rem .8rem; text-align:left; vertical-align:top; border-top:1px solid var(--line); }
.jacket-comparison thead th { border-top:1px solid var(--soot); }
.jacket-comparison a { display:inline-flex; align-items:center; min-height:44px; }
.jacket-reading-note { max-width:72ch; margin-top:1.5rem; }
.jacket-periods { margin:0; }
.jacket-periods>div { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:3rem; padding-block:1.5rem; border-top:1px solid var(--line); }
.jacket-periods dt { font-family:var(--display); font-size:1.75rem; line-height:1.2; font-weight:700; }
.jacket-periods dd { margin:0; max-width:68ch; }
@media(max-width:820px) { .levis-opening-grid,.levis-entry,.levis-paths { grid-template-columns:minmax(0,1fr); } .levis-opening-grid { gap:2rem; } .levis-entry { gap:.8rem; } .levis-paths { gap:2rem; } .levis-page .levis-opening { padding-top:1.4rem; } }
@media(max-width:820px) { .jacket-periods>div { grid-template-columns:minmax(0,1fr); gap:.75rem; } }
@media(max-width:560px) { .jacket-comparison { font-size:1rem; } .jacket-comparison th,.jacket-comparison td { padding:.8rem .35rem; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
