.mobility{--m-bg:#fff;--m-text:#202725;--m-line:#d7d5ce;--m-muted:#5d6762;--m-soft:#eeeee7;--m-accent:#77523f;color:var(--m-text);padding-block:32px 56px}html[data-theme=dark] .mobility{--m-bg:#222b28;--m-text:#f1f2ed;--m-line:#4a5751;--m-muted:#bac4bd;--m-soft:#303c36;--m-accent:#edc3a9}.mobility h1{letter-spacing:-.035em;max-width:800px;margin:12px 0 16px;font-size:clamp(30px,4vw,46px);font-weight:550;line-height:1.14}.mobility h2{letter-spacing:-.02em;margin:0 0 14px;font-size:25px;font-weight:550;line-height:1.25}.mobility h3{margin:8px 0 12px;font-size:21px;line-height:1.3}.mobility p,.mobility li,.mobility dd{font-size:16px;line-height:1.6}.mobility p{margin:10px 0}.mobility .intro{max-width:740px;color:var(--m-muted);font-size:18px}.mobility .eyebrow{color:var(--m-accent);font-size:11px}.mobility section{margin-top:30px}.mobility a{text-underline-offset:4px}.mobility .m-card{background:var(--m-bg);border:1px solid var(--m-line);border-radius:14px;min-width:0;padding:22px}.mobility .m-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mobility .m-goals{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.mobility .m-goals a{border:1px solid var(--m-line);background:var(--m-bg);border-radius:10px;min-height:44px;padding:10px 15px;text-decoration:none}.mobility .m-goals a[aria-current=true]{background:var(--m-text);color:var(--m-bg);border-color:var(--m-text)}.mobility .m-controls{background:var(--m-soft);border-radius:14px;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;padding:20px;display:grid}.mobility label:not(.m-check){gap:6px;font-size:14px;font-weight:550;display:grid}.mobility input:not([type=checkbox]),.mobility select{border:1px solid var(--m-line);background:var(--m-bg);width:100%;min-width:0;min-height:46px;color:var(--m-text);border-radius:8px;padding:10px 12px}.mobility .m-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.mobility input[type=checkbox]{width:19px;height:19px;accent-color:var(--m-accent);flex:none}.mobility .m-card footer{border-top:1px solid var(--m-line);margin-top:18px;padding-top:12px}.mobility .m-card dl{margin:16px 0}.mobility dt{font-size:14px;font-weight:650}.mobility dd{color:var(--m-muted);margin:4px 0 14px}.mobility .m-meta{color:var(--m-muted);font-size:13px}.mobility .m-note{border-left:3px solid var(--m-accent);background:var(--m-soft);padding:14px 16px}.mobility .m-empty{border:1px dashed var(--m-line);border-radius:14px;padding:22px}.mobility [hidden]{display:none!important}.mobility .m-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.mobility .m-actions .button{min-height:44px}.mobility .m-detail{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:start;gap:20px;display:grid}.mobility .m-detail section:first-child{margin-top:0}.mobility .m-detail aside{position:sticky;top:110px}.mobility .m-checklist{gap:10px;padding:0;list-style:none;display:grid}.mobility .m-checklist label{align-items:flex-start}.mobility .m-checklist input{margin-top:4px}.mobility .m-checklist span{line-height:1.5}.mobility .m-source-list{overflow-wrap:anywhere;padding-left:20px}.mobility dialog{border:1px solid var(--m-line);background:var(--m-bg);width:min(460px,100% - 32px);color:var(--m-text);border-radius:16px;padding:24px}.mobility dialog::backdrop{background:#0000008c}.mobility :focus-visible{outline:3px solid var(--m-accent);outline-offset:3px}.mobility .m-reading{max-width:800px}.mobility .m-reading section{border-top:1px solid var(--m-line);padding-top:24px}.mobility ol{padding-left:24px}.mobility li{margin:8px 0}.mobility .m-summary{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin:20px 0;display:flex}.mobility .m-summary p{margin:0}.mobility .m-breadcrumb{color:var(--m-muted);margin-bottom:24px;font-size:14px}@media (width<=900px){.mobility .m-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobility .m-controls{grid-template-columns:1fr 1fr}.mobility .m-controls label:first-child{grid-column:1/-1}.mobility .m-detail{grid-template-columns:1fr}.mobility .m-detail aside{position:static}}@media (width<=560px){.mobility .m-grid,.mobility .m-controls{grid-template-columns:1fr}.mobility .m-card{padding:18px}.mobility{padding-block:24px 40px}.mobility .m-controls label:first-child{grid-column:auto}.mobility .m-goals a{text-align:center;flex-grow:1}.mobility .m-actions .button{width:100%}}.mobility [id]{scroll-margin-top:130px}.mobility .m-detail aside{position:static}
