.l-facts{background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 rgba(20,23,26,.16);padding:16px 20px 18px}
.l-facts .caps{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.l-facts .facts-list{max-width:none;margin-bottom:14px}
.page-hub .sub-head{padding-bottom:36px}
.page-hub .sheet{padding:44px 0 66px}
.page-hub .sheet-body{margin-top:32px}
.page-hub .sheet h2{font-size:clamp(30px,3.1vw,44px);line-height:1;overflow-wrap:break-word}
.page-hub .state-note{display:flex;align-items:center;gap:14px;margin-bottom:26px;border:var(--rule) dashed var(--ink);background:repeating-linear-gradient(135deg,var(--paper) 0 9px,var(--shade) 9px 11px);padding:8px 14px 6px;font-family:var(--slab);font-weight:700;font-size:20px;line-height:1.1}
.page-hub .state-note .caps{background:var(--ink);color:#fff;padding:5px 8px 2px;font-size:13.5px}
.l-path-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px 48px;align-items:start}
.l-path-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-bottom:10px}
.l-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14.5px;line-height:1.2}
.l-legend li{display:flex;align-items:center;gap:6px}
.l-legend-key,.l-marks li{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border:1.5px solid var(--ink);background:var(--paper);font-family:var(--slab);font-weight:800;font-size:14px;line-height:1;padding-top:2px}
.l-path{position:relative;border-top:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink)}
.l-path::before{content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(var(--ink) 0 9px,transparent 9px 14px)}
.l-step{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:6px 18px;align-items:center;padding:14px 0 12px}
.l-step + .l-step{border-top:1px solid var(--hair)}
.l-step:nth-child(even){padding-left:34px}
.l-step:nth-child(even)::before{content:"";position:absolute;left:17px;top:50%;width:17px;height:2px;background:var(--ink)}
.l-step h3{font-family:var(--slab);font-weight:700;font-size:25px;line-height:1.08}
.l-step h3 a{text-decoration:none;background:linear-gradient(var(--tone),var(--tone)) left bottom/100% 4px no-repeat;transition:background-size var(--t-move) var(--move),color var(--t-snap) linear}
.l-step h3 a:hover,.l-step h3 a:focus-visible{background-size:100% 100%;color:var(--on-tone)}
.l-step p{margin-top:4px;font-size:16.5px;line-height:1.45}
.l-step-meta{display:grid;gap:5px;justify-items:end}
.l-marks{display:flex;gap:3px}
.l-path-side{display:grid;gap:18px;min-width:0}
.l-book .stamp-cover h3{font-size:36px}
.l-book .stamp-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;padding:16px 0 12px}
.l-book .stamp-ring{width:56px;height:56px;font-size:26px}
.l-rows{border-top:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink);background:var(--paper)}
.l-rows li + li{border-top:1px solid var(--hair)}
.l-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto 14px;gap:6px 18px;align-items:center;min-height:84px;padding:10px 14px 10px 10px;text-decoration:none;background:linear-gradient(var(--tone),var(--tone)) left bottom/0 100% no-repeat;transition:background-size var(--t-move) var(--move),color var(--t-snap) linear}
.l-row-icon{display:block;width:64px;border:var(--rule) solid var(--ink)}
.l-row-icon .slot-fill{aspect-ratio:1}
.l-row-text{display:grid;gap:2px;min-width:0}
.l-row-title{font-family:var(--slab);font-weight:700;font-size:25px;line-height:1.08;padding-top:3px}
.l-row-line{font-size:16.5px;line-height:1.4}
.l-row .index-go{grid-area:auto;grid-column:4}
.l-row-flag{grid-column:3;border:var(--rule) solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--slab);font-weight:700;font-size:14.5px;letter-spacing:.08em;text-transform:uppercase;line-height:1;padding:7px 10px 4px;white-space:nowrap}
.l-row:hover,.l-row:focus-visible{background-size:100% 100%;color:var(--on-tone)}
.l-row:hover .index-go,.l-row:focus-visible .index-go{height:22px}
.l-row.is-barred{background:repeating-linear-gradient(135deg,var(--paper) 0 9px,var(--shade) 9px 11px)}
.l-row.is-barred .l-row-title{text-decoration:line-through;text-decoration-thickness:2px}
.l-row.is-barred:hover,.l-row.is-barred:focus-visible{color:var(--ink);background:var(--shade)}
@media (max-width:1000px){
  .l-facts{order:2;margin:16px 0 18px;max-width:640px}
}
@media (max-width:1020px){
  .l-path-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .page-hub .sheet{padding:30px 0 46px}
  .page-hub .sheet-body{margin-top:24px}
  .page-hub .state-note{flex-wrap:wrap;gap:6px 12px;font-size:18px;margin-bottom:18px}
  .l-step{grid-template-columns:34px minmax(0,1fr)}
  .l-step-meta{grid-column:2;justify-items:start;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
  .l-step h3{font-size:22px}
  .l-step:nth-child(even){padding-left:0}
  .l-step:nth-child(even)::before{display:none}
  .l-path::before{display:none}
  .l-row{grid-template-columns:48px minmax(0,1fr) 14px;gap:6px 12px;padding:10px 8px 10px 6px}
  .l-row-icon{width:48px}
  .l-row-title{font-size:21px}
  .l-row-flag{grid-column:2;grid-row:2;justify-self:start}
  .l-row .index-go{grid-column:3;grid-row:1}
}
@media (max-width:520px){
  .page-hub .sub-head .h1-key{font-size:32px;overflow-wrap:break-word;hyphens:auto}
  .page-hub .sheet h2{font-size:27px}
}
