/* ============ H10 pages (generated: design/direction-1002/D/pages/src/pages_css.py; never edit by hand) ============ */
.p-how{padding:40px 0 44px}
.p-how .h-title+.p-route{margin-top:26px}
.p-route{display:grid;gap:22px;list-style:none;margin:0;padding:0}
.p-stop{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.p-stop .bm{width:44px;height:44px;color:var(--ink);position:relative;z-index:1}
.p-stop:not(:last-child)::before{content:"";position:absolute;left:21px;top:44px;bottom:-22px;border-left:1.5px dashed var(--ink-3)}
.p-stop .sheet{padding:20px 20px 22px;border-radius:8px;font-family:var(--font)}
.p-stop .sheet p{margin-top:8px;font-size:var(--fs-body);line-height:1.5;color:var(--ink)}
.p-how .g-links{margin-top:22px;display:flex;flex-wrap:wrap;gap:4px 24px}
.p-how .g-links a{color:var(--ink);font-weight:650}
@media (hover: hover) and (pointer: fine){.p-how .g-links a:hover{color:var(--link-hover)}}
@media (min-width:1024px){
  .p-how{padding:64px 0 68px}
  .p-route{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
  .p-stop{display:flex;flex-direction:column;gap:18px}
  .p-stop:not(:last-child)::before{left:44px;right:-28px;top:21px;bottom:auto;border-left:0;border-top:1.5px dashed var(--ink-3)}
  .p-stop .sheet{flex:1;padding:24px 24px 26px}
}
.p-hero{display:grid;gap:26px;align-items:end}
.p-count{display:inline-grid;justify-self:start;gap:6px;padding:18px 24px 16px;border-radius:8px;font-family:var(--font)}
.p-count .num{font-family:var(--font);font-size:clamp(56px,9vw,112px);line-height:.9;font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink)}
@media (min-width:1024px){.p-hero{grid-template-columns:minmax(0,1fr) auto;column-gap:56px}.p-count{justify-self:end}}
@media (max-width:480px){.h-statement.p-h-long{font-size:7.4vw}}
.p-list{padding:32px 0 44px}
.p-list .p-open{font-size:var(--fs-lede);line-height:1.45;color:var(--ink);max-width:60ch}
.p-list .fine{margin:8px 0 22px;font-size:var(--fs-fine);line-height:1.45;color:var(--ink-2)}
@media (min-width:1024px){.p-list{padding:48px 0 64px}}
.p-busy{padding:36px 0 40px}
.p-counties{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 28px;border-top:1.5px solid var(--ink);font-family:var(--font)}
.p-counties li{margin:0;padding:0}
.guide .p-counties li::before{content:none}
.guide .p-counties li{padding-left:0}
.p-counties a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--rule);color:var(--ink);font-weight:600;font-size:var(--fs-body)}
@media (hover: hover) and (pointer: fine){.p-counties a:hover{color:var(--link-hover)}}
.p-counties b{font-weight:600;color:var(--ink-2)}
.p-fold summary{display:flex;align-items:center;min-height:48px;cursor:pointer;font-family:var(--font);font-weight:650;color:var(--ink)}
.p-facts{display:grid;gap:0;border-top:1.5px solid var(--ink);font-family:var(--font)}
.p-facts>div{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--rule)}
.p-facts dt{font-size:var(--fs-small);font-weight:650;color:var(--ink)}
.p-facts dd{margin:0;font-size:var(--fs-body);line-height:1.5;color:var(--ink)}
@media (min-width:768px){.p-facts>div{grid-template-columns:200px minmax(0,1fr);gap:24px}}
.guide .p-sources li{overflow-wrap:anywhere}
.guide .p-sources a,.guide .p-credits a{display:inline-block;padding:15px 0;margin:-15px 0}
.p-credits{list-style:none;margin:14px 0 0;padding:0;border-top:1.5px solid var(--ink);font-family:var(--font)}
.guide .p-credits li{padding:12px 0;border-bottom:1px solid var(--rule);display:grid;gap:2px}
.guide .p-credits li::before{content:none}
.p-credits b{font-weight:650;color:var(--ink)}
.p-credits span{font-size:var(--fs-small);color:var(--ink-2)}
@media (min-width:768px){.guide .p-credits li{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:baseline}}
.p-pick{margin-top:18px}
.g-form select{width:100%;min-height:52px;padding:12px 14px;font:inherit;font-size:var(--fs-body);color:var(--ink);background:var(--sheet);border:1.5px solid var(--control-edge);border-radius:6px}
@media (hover: hover) and (pointer: fine){.g-form select:hover{border-color:var(--ink)}}
.p-pick .btn{justify-self:start}
.p-snippet{margin-top:10px;padding:14px 16px;background:var(--sheet);border:1px solid var(--rule);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-small);line-height:1.5;color:var(--ink)}
.guide .p-snippet code{background:none;border:0;padding:0;font-size:inherit}
.p-frame{display:block;width:100%;height:480px;margin-top:10px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}
.p-widget h3{margin-top:22px}
.p-choice{border:0;margin:0;padding:0;display:grid;gap:2px;min-width:0}
.p-choice legend{padding:0;margin-bottom:6px;font-size:var(--fs-small);font-weight:600;color:var(--ink)}
.g-form .p-choice label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:center;min-height:48px;font-size:var(--fs-body);font-weight:500}
.g-form .p-choice input{width:22px;height:22px;min-height:0;padding:0;accent-color:var(--ink)}
.p-once{margin-top:14px;font-size:var(--fs-small);color:var(--band-ink,var(--ink-2))}
.p-what{margin-bottom:22px}
.p-err{margin-top:-10px;font-family:var(--font);font-size:var(--fs-small);font-weight:600;color:var(--gold-ink)}
.p-address{display:inline-grid;gap:6px;margin-top:26px;padding:16px 20px;border-radius:8px;font-family:var(--font);max-width:100%}
.p-address code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-body);font-weight:600;color:var(--ink);overflow-wrap:anywhere}