/* TTO Walk Planner. Everything is scoped under .ttowk so it can't clash with the theme.
   Palette variables (--g, --rust, --gold ...) are defined on .ttowk below: change them there. */
.ttowk { container-type: inline-size; container-name: ttowk; box-sizing: border-box; color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.45; text-align: left; }
.ttowk.is-wide { width: min(1600px, calc(100vw - 32px)); max-width: none; margin-left: calc(50% - min(800px, 50vw - 16px)); margin-right: 0; position: relative; }
.ttowk button { font: inherit; color: inherit; background: transparent; border: 0; border-radius: 0; padding: 0; text-transform: none; letter-spacing: normal; box-shadow: none; text-shadow: none; line-height: 1.25; margin: 0; min-height: 0; width: auto; }
.ttowk h2, .ttowk h3, .ttowk h4, .ttowk p, .ttowk ol, .ttowk ul { margin: 0; padding: 0; border: 0; text-transform: none; letter-spacing: normal; color: inherit; background: none; }
.ttowk h2, .ttowk h3 { font-family: var(--serif); font-weight: 600; }
.ttowk h4 { font-family: var(--sans); font-weight: 600; }
.ttowk p { font-size: inherit; line-height: inherit; }
.ttowk h2::before, .ttowk h2::after, .ttowk h3::before, .ttowk h3::after { content: none; }
.ttowk input[type=range] { padding: 0; border: 0; background: transparent; box-shadow: none; height: auto; }
.ttowk input[type=checkbox] { width: 18px; height: 18px; margin: 0; }
.ttowk label { display: block; font-weight: inherit; margin: 0; }
.ttowk ol.tl { list-style: none; }
.ttowk img, .ttowk svg { max-width: none; }
.ttowk .ttowk-loading { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 60px 16px; color: var(--mute); }
.ttowk .ttowk-spinner { width: 20px; height: 20px; border: 3px solid var(--line); border-top-color: var(--g); border-radius: 50%; animation: ttowk-spin .8s linear infinite; }
@keyframes ttowk-spin { to { transform: rotate(360deg); } }
.ttowk .ttowk-error { padding: 18px 20px; background: #fbeee9; border: 1px solid #e3b7a9; border-radius: var(--r); color: #7a2a15; }
.ttowk .leaflet-container a { color: #0078a8; }
.ttowk .leaflet-container img { max-width: none !important; }
@media (prefers-reduced-motion: reduce) { .ttowk .ttowk-spinner { animation: none; } }
.ttowk {--g: #2f5d43; --g-d: #1d3d2b; --g-l: #e3ede6; --rust: #a8452a; --rust-d: #7a2a16; --gold: #c69a1e; --gold-l: #f4e9c4;
	--rain: #2d6a9a; --ink: #1c2a22; --mute: #5c6b62; --line: #d8d3c3; --paper: #f7f3e8; --card: #fff; --r: 8px;
	--serif: "Fraunces", Georgia, "Times New Roman", serif;
	--sans: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;}
.ttowk * {box-sizing: border-box;}
.ttowk h1, .ttowk h2, .ttowk h3, .ttowk p {margin: 0;}
.ttowk button {font-family: inherit; cursor: pointer;}
.ttowk [hidden] {display: none !important;}
.ttowk .mono {font-family: var(--mono);}
.ttowk .ic {width: 1em; height: 1em; flex: none;}
.ttowk .kicker {font-family: var(--mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--rust);}
.ttowk .app {display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 42%); gap: 26px; align-items: start; padding-bottom: 60px;}
.ttowk .left {min-width: 0;}
.ttowk .right {position: sticky; top: var(--ttowk-sticky-top, 14px); display: flex; flex-direction: column; gap: 12px; height: calc(100vh - 28px); min-height: 520px; max-height: 900px;}
.ttowk .mapbox {position: relative; flex: 1; min-height: 300px; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; background: #dfe7df;}
.ttowk #ttowk-map {position: absolute; inset: 0; z-index: 1;}
.ttowk .map-chip {position: absolute; z-index: 500; left: 12px; top: 12px; right: 60px; background: rgba(255,255,255,.96); border: 1px solid var(--line); border-radius: 10px; padding: 9px 12px; box-shadow: 0 2px 10px rgba(0,0,0,.18); pointer-events: none;}
.ttowk .map-chip b {font-family: var(--serif); font-size: 17px; display: block; line-height: 1.15;}
.ttowk .map-chip span {font-size: 12.5px; color: var(--mute);}
.ttowk .map-wx {position: absolute; z-index: 500; left: 12px; bottom: 26px; display: flex; align-items: center; gap: 8px; background: #fff; border: 2px solid var(--vc, var(--g)); border-radius: 999px; padding: 5px 14px 5px 8px; font-size: 13.5px; font-weight: 600; box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.ttowk .map-wx svg {width: 30px; height: 30px;}
.ttowk .map-btn {position: absolute; z-index: 500; right: 12px; top: 12px; background: #fff; border: 1.5px solid var(--ink); border-radius: 999px; padding: 5px 11px; font-size: 12.5px; font-weight: 700;}
.ttowk .legend {display: flex; gap: 14px; flex-wrap: wrap; font-size: 12.5px; color: var(--mute);}
.ttowk .legend i {display: inline-block; width: 14px; height: 14px; border-radius: 50%; vertical-align: -2px; margin-right: 5px; text-align: center; font-size: 9px; line-height: 14px; color: #fff; font-style: normal; font-weight: 700;}
.ttowk .step {margin-top: 28px;}
.ttowk .step:first-child {margin-top: 0;}
.ttowk .step-h {display: flex; align-items: baseline; gap: 12px; padding-bottom: 8px; margin-bottom: 14px; border-bottom: 2px solid var(--ink);}
.ttowk .step-n {font-family: var(--mono); font-size: 12px; background: var(--ink); color: #fff; border-radius: 4px; padding: 2px 7px;}
.ttowk .step-h h2 {font-family: var(--serif); font-size: 24px; font-weight: 600; line-height: 1.15;}
.ttowk .step-h .kicker {margin-left: auto; color: var(--mute);}
.ttowk .chips {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px;}
.ttowk .chip {border: 1.5px solid var(--ink); background: #fff; color: var(--ink); border-radius: 999px; padding: 5px 13px; font-size: 13.5px; font-weight: 600;}
.ttowk .chip[aria-pressed="true"] {background: var(--ink); color: #fff;}
.ttowk .chip:focus-visible, .ttowk .wcard:focus-visible, .ttowk .daypill:focus-visible, .ttowk button:focus-visible {outline: 3px solid var(--gold); outline-offset: 2px;}
.ttowk .wgrid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}
.ttowk .wcard {text-align: left; background: var(--card); border: 1.5px solid var(--line); border-radius: var(--r); padding: 0; display: grid; grid-template-columns: 92px 1fr; overflow: hidden; color: inherit;}
.ttowk .wcard:hover {border-color: #9db6a5;}
.ttowk .wcard[aria-pressed="true"] {border-color: var(--g); box-shadow: 0 0 0 2px var(--g);}
.ttowk .wthumb {background: linear-gradient(160deg, #e6eee7, #d3e2d7); display: flex; align-items: center; justify-content: center; padding: 8px;}
.ttowk .wthumb svg {width: 100%; height: 100%; max-height: 100px;}
.ttowk .wbody {padding: 10px 12px 11px; min-width: 0;}
.ttowk .wbody h3 {font-family: var(--serif); font-size: 17px; line-height: 1.15; font-weight: 600;}
.ttowk .warea {font-family: var(--mono); font-size: 11px; color: var(--mute); text-transform: uppercase; letter-spacing: .06em; margin-top: 2px;}
.ttowk .wmeta {display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 7px; font-size: 13px;}
.ttowk .wmeta b {font-weight: 700;}
.ttowk .wtags {display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; align-items: center;}
.ttowk .tag {font-size: 11.5px; padding: 2px 8px; border-radius: 999px; background: var(--g-l); color: var(--g-d); border: 1px solid #b9d1c1;}
.ttowk .tag.hard {background: #f8e3dc; color: var(--rust-d); border-color: #e3b4a3;}
.ttowk .tag.mod {background: var(--gold-l); color: #5a4708; border-color: #e2cf86;}
.ttowk .wwx {display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; margin-left: auto; color: var(--vc);}
.ttowk .wwx i {width: 9px; height: 9px; border-radius: 50%; background: var(--vc); display: inline-block;}
.ttowk .card {background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 16px 18px;}
.ttowk .days {display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px;}
.ttowk .daypill {border: 1.5px solid var(--line); background: #fff; border-radius: 10px; padding: 8px 2px 7px; text-align: center; color: var(--ink);}
.ttowk .daypill[aria-pressed="true"] {border-color: var(--g); background: var(--g-l); box-shadow: 0 0 0 1px var(--g);}
.ttowk .daypill:disabled {opacity: .45; cursor: not-allowed;}
.ttowk .dp-n {font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--mute);}
.ttowk .daypill svg.ttowk-ico {width: 34px; height: 34px; display: block; margin: 2px auto 0;}
.ttowk .dp-t {font-family: var(--serif); font-weight: 600; font-size: 15px;}
.ttowk .dp-t small {color: var(--mute); font-weight: 400; font-size: 12.5px;}
.ttowk .dp-r {font-size: 11px; color: var(--rain); font-weight: 700; min-height: 14px;}
.ttowk .row {display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; margin-top: 18px;}
.ttowk .field label, .ttowk .lbl {display: block; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); margin-bottom: 7px;}
.ttowk .timebig {font-family: var(--serif); font-size: 30px; font-weight: 600; line-height: 1;}
.ttowk .timebig small {font-family: var(--sans); font-size: 13.5px; color: var(--mute); font-weight: 400; margin-left: 6px;}
.ttowk input[type=range] {width: 100%; accent-color: var(--g); margin: 10px 0 4px;}
.ttowk .quick {display: flex; flex-wrap: wrap; gap: 6px;}
.ttowk .quick button {border: 1px solid var(--line); background: #fbfaf5; border-radius: 6px; padding: 3px 9px; font-size: 12.5px;}
.ttowk .seg {display: inline-flex; border: 1.5px solid var(--ink); border-radius: 999px; overflow: hidden; background: #fff; flex-wrap: wrap;}
.ttowk .seg button {border: 0; background: transparent; padding: 6px 13px; font-size: 13.5px; font-weight: 600; color: var(--ink);}
.ttowk .seg button + button {border-left: 1.5px solid var(--ink);}
.ttowk .seg button[aria-pressed="true"] {background: var(--ink); color: #fff;}
.ttowk .who {display: flex; flex-wrap: wrap; gap: 8px;}
.ttowk .who button {display: inline-flex; align-items: center; gap: 7px; border: 1.5px solid var(--line); background: #fff; border-radius: 999px; padding: 6px 13px; font-size: 13.5px; font-weight: 600;}
.ttowk .who button svg {width: 17px; height: 17px;}
.ttowk .who button[aria-pressed="true"] {border-color: var(--g); background: var(--g-l); color: var(--g-d);}
.ttowk .durbar {margin-top: 18px; padding: 12px 14px; background: #fbf8ee; border: 1px dashed #d9cf9f; border-radius: 8px; display: flex; flex-wrap: wrap; gap: 8px 26px; align-items: baseline;}
.ttowk .durbar .big {font-family: var(--serif); font-size: 26px; font-weight: 600;}
.ttowk .durbar small {color: var(--mute); font-size: 13px;}
.ttowk .notes {display: flex; flex-direction: column; gap: 8px; margin-top: 14px;}
.ttowk .note {display: flex; gap: 10px; padding: 9px 12px; border-radius: 8px; font-size: 14px; background: var(--gold-l); border: 1px solid #e2cf86; color: #4d3d0a;}
.ttowk .note.bad {background: #f8e3dc; border-color: #e3b4a3; color: var(--rust-d);}
.ttowk .note.ok {background: var(--g-l); border-color: #b9d1c1; color: var(--g-d);}
.ttowk .note svg {width: 20px; height: 20px; margin-top: 1px;}
.ttowk .note button {margin-left: auto; align-self: center; border: 1.5px solid currentColor; background: transparent; color: inherit; border-radius: 999px; padding: 3px 11px; font-size: 12.5px; font-weight: 700; white-space: nowrap;}
.ttowk .verdict {display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; border-radius: var(--r); padding: 16px 18px; color: #fff; background: var(--vc);}
.ttowk .verdict svg.ttowk-ico {width: 62px; height: 62px; filter: drop-shadow(0 2px 5px rgba(0,0,0,.25));}
.ttowk .verdict h3 {font-family: var(--serif); font-size: 24px; font-weight: 600; line-height: 1.15;}
.ttowk .verdict p {margin-top: 3px; font-size: 15px; opacity: .95;}
.ttowk .v-great {--vc: #2f6b47;}
.ttowk .v-mixed {--vc: #8c6d10;}
.ttowk .v-wet {--vc: #a8452a;}
.ttowk .v-stop {--vc: #6e1f12;}
.ttowk .wstats {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 12px; background: #fff; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden;}
.ttowk .ws {padding: 12px 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); min-width: 0;}
.ttowk .ws:nth-child(4n) {border-right: 0;}
.ttowk .ws:nth-last-child(-n+4) {border-bottom: 0;}
.ttowk .ws .l {font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute);}
.ttowk .ws .v {font-family: var(--serif); font-size: 21px; font-weight: 600; margin-top: 2px; line-height: 1.15;}
.ttowk .ws .v small {font-family: var(--sans); font-size: 12px; font-weight: 400; color: var(--mute);}
.ttowk .ws .s {font-size: 12px; color: var(--mute); margin-top: 2px;}
.ttowk .hstrip {display: flex; gap: 6px; overflow-x: auto; margin-top: 12px; padding-bottom: 6px;}
.ttowk .hh {flex: 0 0 auto; width: 70px; text-align: center; padding: 8px 4px; background: #fff; border: 1px solid var(--line); border-radius: 8px; opacity: .55;}
.ttowk .hh.in {opacity: 1; border-color: var(--g); background: var(--g-l); box-shadow: inset 0 0 0 1px var(--g);}
.ttowk .hh .t {font-family: var(--mono); font-size: 11.5px; color: var(--mute);}
.ttowk .hh svg.ttowk-ico {width: 32px; height: 32px; display: block; margin: 3px auto 0;}
.ttowk .hh .d {font-family: var(--serif); font-weight: 600; font-size: 17px;}
.ttowk .hh .r {font-size: 11.5px; color: var(--rain); font-weight: 700;}
.ttowk .hh .w {font-size: 11.5px; color: var(--mute);}
.ttowk .suggest {margin-top: 12px; display: grid; gap: 10px;}
.ttowk .sug {display: flex; gap: 12px; align-items: center; background: var(--g-l); border: 1px solid #b9d1c1; border-radius: var(--r); padding: 11px 14px; font-size: 14.5px;}
.ttowk .sug b {font-family: var(--serif); font-size: 16.5px;}
.ttowk .sug svg {width: 26px; height: 26px; color: var(--g); flex: none;}
.ttowk .sug button {margin-left: auto; white-space: nowrap; border: 0; background: var(--g); color: #fff; border-radius: 999px; padding: 7px 15px; font-weight: 700; font-size: 13.5px;}
.ttowk .kit {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
.ttowk .item {display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: start; background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 11px 12px;}
.ttowk .item .ib {width: 42px; height: 42px; border-radius: 10px; background: var(--g-l); color: var(--g-d); display: flex; align-items: center; justify-content: center;}
.ttowk .item .ib svg {width: 24px; height: 24px;}
.ttowk .item.need .ib {background: var(--rust); color: #fff;}
.ttowk .item.rec .ib {background: var(--gold-l); color: #5a4708;}
.ttowk .item h4 {margin: 0; font-size: 15px; line-height: 1.25; display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap;}
.ttowk .item p {font-size: 13.5px; color: var(--mute); margin-top: 2px;}
.ttowk .badge {font-family: var(--mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; padding: 1px 6px; border-radius: 4px; background: var(--g-l); color: var(--g-d);}
.ttowk .item.need .badge {background: #f8e3dc; color: var(--rust-d);}
.ttowk .item.rec .badge {background: var(--gold-l); color: #5a4708;}
.ttowk .sub-h {font-family: var(--mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--mute); margin: 16px 0 8px;}
.ttowk .sub-h:first-child {margin-top: 0;}
.ttowk .check {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 20px;}
.ttowk .check label {display: flex; gap: 9px; align-items: center; padding: 6px 0; border-bottom: 1px dotted var(--line); font-size: 14.5px; cursor: pointer;}
.ttowk .check input {width: 18px; height: 18px; accent-color: var(--g);}
.ttowk .check input:checked + span {text-decoration: line-through; color: var(--mute);}
.ttowk .tl {list-style: none; margin: 0; padding: 0; position: relative;}
.ttowk .tl li {display: grid; grid-template-columns: 62px 26px 1fr; gap: 6px 10px; position: relative; padding-bottom: 4px;}
.ttowk .tl .tm {font-family: var(--mono); font-weight: 600; font-size: 14px; padding-top: 3px; text-align: right;}
.ttowk .tl .nd {position: relative; display: flex; justify-content: center;}
.ttowk .tl .nd::before {content: ""; position: absolute; top: 26px; bottom: -8px; width: 2px; background: repeating-linear-gradient(var(--g) 0 5px, transparent 5px 9px);}
.ttowk .tl li:last-child .nd::before {display: none;}
.ttowk .tl .dot {width: 24px; height: 24px; border-radius: 50%; background: var(--rust); color: #fff; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; box-shadow: 0 0 0 1.5px var(--rust); z-index: 1; margin-top: 1px;}
.ttowk .tl .dot.s {background: var(--g); box-shadow: 0 0 0 1.5px var(--g);}
.ttowk .tl .dot.e {background: var(--ink); box-shadow: 0 0 0 1.5px var(--ink);}
.ttowk .tl .tx {padding-bottom: 14px;}
.ttowk .tl .tx b {font-family: var(--serif); font-size: 17px; font-weight: 600;}
.ttowk .tl .tx p {font-size: 14px; color: var(--mute);}
.ttowk .tl .leg {grid-column: 3; font-size: 12.5px; color: var(--g); font-family: var(--mono); margin: -10px 0 6px;}
.ttowk .tl .opt {font-family: var(--mono); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; background: var(--gold-l); color: #5a4708; padding: 1px 6px; border-radius: 4px; margin-left: 6px; vertical-align: 2px;}
.ttowk .elev {margin-top: 6px;}
.ttowk .elev svg {width: 100%; height: auto; display: block;}
.ttowk .elev text {font-family: var(--mono); font-size: 10px; fill: var(--mute);}
.ttowk .two {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px;}
.ttowk .mini {background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 12px 14px; font-size: 14px;}
.ttowk .mini h4 {margin: 0 0 6px; font-family: var(--mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--mute); font-weight: 500;}
.ttowk .mini p + p {margin-top: 5px;}
.ttowk .fac {display: flex; flex-wrap: wrap; gap: 6px;}
.ttowk .actions {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px;}
.ttowk .btn {border: 0; background: var(--g); color: #fff; font-weight: 700; padding: 10px 18px; border-radius: 999px; font-size: 14.5px; display: inline-flex; align-items: center; gap: 8px;}
.ttowk .btn.alt {background: #fff; color: var(--ink); border: 1.5px solid var(--ink);}
.ttowk .btn svg {width: 18px; height: 18px;}
.ttowk .disc {font-size: 12.5px; color: var(--mute); margin-top: 14px;}
.ttowk .leaflet-div-icon.pin0 {background: transparent; border: 0;}
.ttowk .pin {position: absolute; left: 0; top: 0; transform: translate(-50%, -100%); display: flex; flex-direction: column; align-items: center;}
.ttowk .pin .lb {background: #fff; color: var(--g-d); border: 2px solid var(--g); border-radius: 999px; padding: 3px 10px; font-size: 12px; font-weight: 700; white-space: nowrap; box-shadow: 0 2px 6px rgba(0,0,0,.3);}
.ttowk .pin .st {width: 2px; height: 8px; background: var(--g);}
.ttowk .pin.sel .lb {background: var(--g); color: #fff;}
.ttowk .pin.sel .lb {font-size: 13px;}
.ttowk .pin.sel {z-index: 900 !important;}
.ttowk .wp {position: absolute; left: 0; top: 0; transform: translate(-50%, -50%); width: 26px; height: 26px; border-radius: 50%; background: var(--rust); color: #fff; font-weight: 700; font-size: 12.5px; display: flex; align-items: center; justify-content: center; border: 2.5px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.4);}
.ttowk .wp.s {background: var(--g); width: 30px; height: 30px; font-size: 14px;}
.ttowk .wp.e {background: var(--ink);}
.ttowk .wp.opt {background: var(--gold); color: #1c1a10;}
.ttowk .leaflet-container {font-family: var(--sans);}
@container ttowk (max-width: 1020px) {
	.ttowk .app {grid-template-columns: 1fr;}
	.ttowk .right {position: relative; top: 0; height: 480px; min-height: 0; order: -1;}
	.ttowk .wgrid, .ttowk .kit, .ttowk .check, .ttowk .two {grid-template-columns: 1fr;}
	.ttowk .row {grid-template-columns: 1fr;}
}
@container ttowk (max-width: 620px) {
	.ttowk .days {grid-template-columns: repeat(7, 62px); overflow-x: auto; padding-bottom: 4px;}
	.ttowk .wstats {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.ttowk .ws:nth-child(4n) {border-right: 1px solid var(--line);}
	.ttowk .ws:nth-child(2n) {border-right: 0;}
	.ttowk .ws:nth-last-child(-n+4) {border-bottom: 1px solid var(--line);}
	.ttowk .ws:nth-last-child(-n+2) {border-bottom: 0;}
	.ttowk .verdict {grid-template-columns: 1fr;}
	.ttowk .wcard {grid-template-columns: 76px 1fr;}
	.ttowk .tl li {grid-template-columns: 50px 26px 1fr;}
	.ttowk .step-h h2 {font-size: 21px;}
}
@media print {
	.ttowk .right, .ttowk .chips, .ttowk .wgrid, .ttowk .actions {display: none !important;}
	.ttowk .app {display: block;}
}
.ttowk .tl .dot.o {background: var(--gold); color: #1c1a10; box-shadow: 0 0 0 1.5px var(--gold);}
.ttowk .tl .leg {grid-column: auto; margin: 6px 0 0; font-size: 12.5px; color: var(--g); font-family: var(--mono);}
.ttowk .seg {display: flex; width: 100%;}
.ttowk .seg button {flex: 1; text-align: center; padding: 6px 8px; line-height: 1.2;}
@container ttowk (max-width: 1020px) {
	.ttowk .right {height: 360px !important;}
}