.shoe-page, .shoe-page * {box-sizing:border-box}
.shoe-page img {display:block;max-width:100%;height:auto}
.shoe-page a {color:var(--burgundy);text-underline-offset:4px}
.shoe-page a:hover {color:var(--burgundy-dark)}
.shoe-page button, .shoe-page input, .shoe-page summary {font:inherit}
.shoe-page button, .shoe-page a, .shoe-page summary {-webkit-tap-highlight-color:transparent}
.shoe-page button {cursor:pointer}
.shoe-page button:disabled {cursor:not-allowed;opacity:.52}
.shoe-page a:focus-visible, .shoe-page button:focus-visible, .shoe-page input:focus-visible, .shoe-page summary:focus-visible {outline:3px solid #e09d24;outline-offset:5px}
.shoe-page h1, .shoe-page h2, .shoe-page h3, .shoe-page p, .shoe-page figure {margin-top:0}
.shoe-page h1, .shoe-page h2, .shoe-page h3 {font-family:var(--serif);font-weight:400;color:var(--burgundy-dark);line-height:1.08}
.shoe-page h1 {font-size:clamp(42px,4.7vw,66px);letter-spacing:-2.7px;margin-bottom:23px}
.shoe-page h2 {font-size:42px;letter-spacing:-1.2px;margin-bottom:20px}
.shoe-page h3 {font-size:26px;letter-spacing:-.35px}
.shoe-page .eyebrow {font-size:11px;font-weight:700;letter-spacing:2px;color:var(--burgundy);margin-bottom:19px}
.shoe-page .button {display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;border:1px solid var(--burgundy);border-radius:4px;padding:12px 23px;font:700 15px/1.35 var(--sans);text-decoration:none;transition:background .15s,color .15s,transform .15s}
.shoe-page .button.primary {background:var(--burgundy);color:white}
.shoe-page .button.primary:hover {background:var(--burgundy-dark)}
.shoe-page .button.light {background:var(--paper);border-color:var(--paper);color:var(--burgundy)}
.shoe-page .button.secondary {background:transparent;color:var(--burgundy)}
.shoe-page .button.secondary:hover {background:#efe4da}
.shoe-page .button.large {min-height:55px;padding-inline:25px}
.shoe-page .button svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.shoe-page .text-button {background:transparent;border:0;padding:8px 0;color:var(--burgundy);text-decoration:underline;text-underline-offset:4px;font-size:14px;min-height:44px}
.shoe-page .visually-hidden {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shoe-page .hero {background:var(--cream);overflow:hidden}
.shoe-page .breadcrumb {display:flex;gap:13px;font-size:11px;color:var(--muted);padding-top:24px}
.shoe-page .breadcrumb a {color:var(--muted);text-decoration:none}
.shoe-page .hero-grid {display:grid;grid-template-columns:1.04fr 1fr;align-items:center;min-height:482px;gap:26px;padding:18px 0 40px}
.shoe-page .hero-copy {position:relative;z-index:1;padding:20px 0}
.shoe-page .hero-lede {font-size:18px;line-height:1.6;max-width:435px;margin-bottom:27px;color:#51463f}
.shoe-page .hero-meta {font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px;margin:15px 0 0}
.shoe-page .hero-meta>span:first-child {font-size:20px;line-height:1}
.shoe-page .meta-dot {padding-inline:3px}
.shoe-page .hero-art {margin:0;align-self:center}
.shoe-page .hero-art img {width:100%;max-height:420px;object-fit:contain}
.shoe-page .hero-art figcaption {text-align:center;color:var(--muted);font:italic 15px var(--serif);margin-top:-8px}
.shoe-page .benefits {border-bottom:1px solid var(--line);background:var(--paper)}
.shoe-page .benefits-inner {display:flex;justify-content:space-around;gap:20px;padding-block:21px}
.shoe-page .benefits-inner span {display:flex;gap:10px;align-items:center;font-size:12px;color:#51463f}
.shoe-page .benefits svg {width:19px;height:19px;stroke:var(--burgundy);fill:none;stroke-width:1.5}
.shoe-page .checker-section {padding:72px 0 48px}
.shoe-page .checker-wrap {max-width:1060px}
.shoe-page .tool-panel {border:1px solid var(--line);border-radius:9px;background:white;box-shadow:0 8px 40px #43100d04;overflow:hidden}
.shoe-page .choose-head {text-align:center;padding:38px 35px 24px}
.shoe-page .choose-head .eyebrow {margin-bottom:14px}
.shoe-page .choose-head h2 {font-size:38px;margin-bottom:13px}
.shoe-page .choose-head p:last-child {max-width:590px;margin:0 auto;color:var(--muted);font-size:15px}
.shoe-page .footwear-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 38px;border:0;margin:0;min-width:0}
.shoe-page .type-option {position:relative;border:1px solid var(--line);border-radius:5px;padding:17px 10px 18px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--paper);min-height:154px;transition:border-color .15s,background .15s}
.shoe-page .type-option:hover {border-color:#b98e7b}
.shoe-page .type-option.is-selected {border:2px solid var(--burgundy);padding:16px 9px 17px;background:#f8eee7}
.shoe-page .type-option input {position:absolute;top:13px;right:13px;accent-color:var(--burgundy);width:16px;height:16px}
.shoe-page .type-option svg {width:94px;height:69px;fill:none;stroke:var(--burgundy);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;margin-top:9px}
.shoe-page .type-option span {font-size:13px;font-weight:700;line-height:1.35}
.shoe-page .type-option:focus-within {outline:3px solid #e09d24;outline-offset:4px}
.shoe-page .type-option input:focus-visible {outline:none}
.shoe-page .start-notes {margin:25px 38px 0;padding:19px 22px;background:var(--cream);border-radius:4px;font-size:13px;color:#574c46}
.shoe-page .start-notes strong {display:block;font-size:14px;color:var(--ink);margin-bottom:5px}
.shoe-page .start-notes p {margin:0}
.shoe-page .choose-actions {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 38px 27px}
.shoe-page .choose-actions .helper {font-size:12px;color:var(--muted);margin:0;max-width:450px}
.shoe-page .suitability-note {margin:0;border-top:1px solid var(--line);padding:17px 38px;font-size:12px;line-height:1.6;color:var(--muted)}
.shoe-page .suitability-note strong {color:#51463f}
.shoe-page .help-note {padding:17px 2px;color:var(--muted);font-size:13px}
.shoe-page .help-note summary {color:var(--burgundy);cursor:pointer;font-weight:600;min-height:30px;line-height:30px}
.shoe-page .help-note>div {border-left:2px solid #c6a68e;margin-top:13px;padding:0 0 0 18px;max-width:850px}
.shoe-page .help-note p {margin:0 0 10px}
.shoe-page .step-meta {display:flex;align-items:center;justify-content:space-between;padding:25px 34px 16px;gap:20px}
.shoe-page .step-meta .eyebrow {margin:0;font-size:10px;letter-spacing:1.7px}
.shoe-page .type-pill {font-size:11px;color:var(--muted);border:1px solid var(--line);padding:4px 10px;border-radius:30px}
.shoe-page .progress {display:flex;gap:7px;padding:0 34px;margin-bottom:31px}
.shoe-page .progress span {height:3px;flex:1;background:#e9e1d8;border-radius:2px}
.shoe-page .progress span.done {background:var(--burgundy)}
.shoe-page .step-content {display:grid;grid-template-columns:.92fr 1fr;gap:34px;padding:0 34px 33px;align-items:start}
.shoe-page .step-visual {background:var(--cream);border-radius:5px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:320px;overflow:hidden}
.shoe-page .step-visual img {width:100%;max-height:298px}
.shoe-page .step-visual p {font-size:12px;text-align:center;color:var(--muted);margin:0;padding:0 19px 22px}
.shoe-page .step-copy h2 {font-size:33px;line-height:1.15;margin-bottom:13px;letter-spacing:-.9px}
.shoe-page .step-instruction {font-size:14px;line-height:1.65;color:#62564f;margin-bottom:20px}
.shoe-page .answer-options {margin:0;padding:0;border:0;display:grid;gap:9px;min-width:0}
.shoe-page .answer-option {display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:4px;cursor:pointer;font-size:14px;min-height:53px;line-height:1.4}
.shoe-page .answer-option:hover {background:var(--cream)}
.shoe-page .answer-option input {accent-color:var(--burgundy);width:17px;height:17px;margin:0 2px 0 0}
.shoe-page .answer-option.is-selected {background:#f8eee7;border:2px solid var(--burgundy);padding:12px 13px}
.shoe-page .answer-option span {font-weight:600}
.shoe-page .answer-option .answer-icon {font-weight:400;margin-left:auto;color:var(--muted);font-size:16px}
.shoe-page .step-actions {display:flex;justify-content:space-between;align-items:center;padding:19px 34px;border-top:1px solid var(--line);gap:20px;background:var(--paper)}
.shoe-page .step-actions .text-button {text-decoration:none;font-weight:600}
.shoe-page .step-actions .button {min-width:170px}
.shoe-page .step-note {font-size:11px;color:var(--muted);margin:0;padding:12px 34px;border-top:1px solid var(--line);background:var(--paper)}
.shoe-page .results-head {padding:35px 38px 27px;border-bottom:1px solid var(--line);background:var(--cream)}
.shoe-page .results-head h2 {font-size:46px;margin-bottom:12px}
.shoe-page .results-head p:last-child {margin-bottom:0;color:var(--muted);font-size:15px}
.shoe-page .result-topline {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.shoe-page .result-topline .eyebrow {margin-bottom:0}
.shoe-page .result-summary {display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.shoe-page .summary-chip {font-size:12px;border:1px solid #d0c4b6;padding:5px 11px;border-radius:30px;background:#fffdf9}
.shoe-page .summary-chip.attention {color:var(--burgundy);border-color:#c7a698}
.shoe-page .summary-chip.unsure {color:#785328}
.shoe-page .results-body {display:grid;grid-template-columns:1.35fr 1fr;gap:27px;padding:32px 38px}
.shoe-page .results-list h3 {font-size:23px;margin-bottom:18px}
.shoe-page .result-item {border-top:1px solid var(--line);padding:20px 0 18px}
.shoe-page .result-item:first-of-type {border-top:0;padding-top:0}
.shoe-page .result-item .item-top {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.shoe-page .check-label {font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--burgundy)}
.shoe-page .answer-tag {font-size:10px;white-space:nowrap;padding:3px 7px;background:#f3e5dc;color:var(--burgundy);border-radius:3px}
.shoe-page .answer-tag.unsure {background:#f5ecdb;color:#795426}
.shoe-page .result-item h4 {font-size:16px;font-weight:700;line-height:1.4;margin:0 0 8px}
.shoe-page .result-item p {font-size:13px;line-height:1.65;color:var(--muted);margin:0}
.shoe-page .result-item .text-button {font-size:11px;min-height:32px;margin-top:4px}
.shoe-page .okay-list {border-top:1px solid var(--line);padding-top:17px;margin-top:8px;font-size:13px}
.shoe-page .okay-list summary {cursor:pointer;color:var(--sage);font-weight:700}
.shoe-page .okay-row {display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #eee7df;padding:9px 0;font-size:12px}
.shoe-page .okay-row .text-button {font-size:11px;min-height:30px}
.shoe-page .all-fine {border-left:3px solid #87947e;background:#f0f3ec;padding:19px;margin-bottom:24px}
.shoe-page .all-fine h3 {font-size:25px;margin-bottom:12px}
.shoe-page .all-fine p {font-size:13px;color:#4d5a46;margin:0}
.shoe-page .shopping-card {background:var(--cream);border:1px solid var(--line);padding:25px 24px;border-radius:5px;align-self:start}
.shoe-page .shopping-card .eyebrow {font-size:9px;letter-spacing:1.5px;margin-bottom:13px}
.shoe-page .shopping-card h3 {font-size:29px;line-height:1.12;margin-bottom:19px}
.shoe-page .shopping-card ul {list-style:none;margin:0;padding:0}
.shoe-page .shopping-card li {position:relative;padding:0 0 12px 22px;font-size:13px;color:#594d45;line-height:1.55}
.shoe-page .shopping-card li::before {content:'✓';position:absolute;left:0;top:0;color:var(--burgundy)}
.shoe-page .save-actions {display:grid;gap:9px;margin-top:13px}
.shoe-page .save-actions .button {padding:12px 11px;gap:9px;font-size:12px}
.shoe-page .save-actions .text-button {font-size:12px;text-align:center}
.shoe-page .save-note {font-size:10px;color:var(--muted);margin:11px 0 0}
.shoe-page .help-card {margin:0 38px 30px;padding:23px 26px;border:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;border-radius:4px}
.shoe-page .help-card h3 {font-size:25px;margin-bottom:9px}
.shoe-page .help-card p {font-size:13px;color:var(--muted);margin:0;max-width:560px}
.shoe-page .help-card a {font-size:13px;font-weight:700}
.shoe-page .results-bottom {padding:18px 38px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.shoe-page .results-bottom p {font-size:11px;color:var(--muted);max-width:440px;margin:0}
.shoe-page .why-section {background:var(--cream);padding:57px 0 61px;border-top:1px solid var(--line)}
.shoe-page .why-grid {display:grid;grid-template-columns:1fr 1.15fr;gap:85px;max-width:1060px}
.shoe-page .why-grid .eyebrow {font-size:9px;letter-spacing:1.4px}
.shoe-page .why-grid h2 {font-size:43px;margin:0}
.shoe-page .why-grid>div>p {font-size:15px;color:#61564f;line-height:1.7}
.shoe-page .shoe-sources {font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.shoe-page .shoe-sources summary {cursor:pointer;color:var(--burgundy);font-weight:700;min-height:32px}
.shoe-page .shoe-sources p {margin:12px 0 0}
.shoe-page dialog {background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:35px;max-width:520px;width:calc(100% - 36px);box-shadow:0 20px 90px #0003}
.shoe-page dialog::backdrop {background:#28181477}
.shoe-page dialog h2 {font-size:34px}
.shoe-page dialog p {font-size:15px;color:var(--muted)}
.shoe-page dialog .eyebrow {color:var(--burgundy);font-size:10px}
.shoe-page .close-dialog {position:absolute;right:12px;top:6px;background:none;border:0;color:var(--muted);font-size:30px;width:40px;height:40px}
.shoe-page .dialog-actions {display:flex;gap:12px;justify-content:flex-end;margin-top:25px}
.shoe-page .dialog-actions .button {font-size:13px;gap:12px}
.shoe-page .noscript {padding:32px;border:1px solid var(--line);background:var(--cream)}
.shoe-page #print-sheet {display:none}
@media (max-width:1050px) {
.shoe-page .hero-grid {gap:10px;min-height:440px}
.shoe-page .hero-copy {padding-block:12px}
.shoe-page h1 {font-size:53px}
.shoe-page .hero-lede {font-size:17px}
.shoe-page .step-content {gap:25px}
.shoe-page .step-copy h2 {font-size:31px}
}
@media (max-width:820px) {
.shoe-page .hero-grid {grid-template-columns:1.1fr .9fr;gap:0}
.shoe-page .hero-art img {min-height:260px;object-fit:contain}
.shoe-page .hero-art figcaption {font-size:13px;margin:0}
.shoe-page h1 {font-size:46px;letter-spacing:-1.8px}
.shoe-page .hero-lede {font-size:16px}
.shoe-page .step-content {grid-template-columns:.85fr 1fr;gap:24px;padding-inline:25px}
.shoe-page .step-meta, .shoe-page .progress {padding-inline:25px}
.shoe-page .step-copy h2 {font-size:28px}
.shoe-page .step-visual {min-height:290px}
.shoe-page .results-body {gap:22px;padding-inline:25px;grid-template-columns:1.1fr 1fr}
.shoe-page .help-card {margin-inline:25px;grid-template-columns:1fr;gap:10px}
.shoe-page .why-grid {gap:45px}
.shoe-page .why-grid h2 {font-size:37px}
}
@media (max-width:620px) {
.shoe-page .breadcrumb {padding-top:18px;font-size:10px}
.shoe-page .hero-grid {grid-template-columns:1fr;padding:22px 0 22px;gap:5px}
.shoe-page .hero-copy {padding:0}
.shoe-page .hero .eyebrow {font-size:9px;letter-spacing:1.8px;margin-bottom:16px}
.shoe-page h1 {font-size:43px;line-height:1.06;letter-spacing:-1.65px;margin-bottom:18px}
.shoe-page .desktop-break {display:none}
.shoe-page .hero-lede {font-size:16px;line-height:1.6;max-width:340px;margin-bottom:20px}
.shoe-page .hero .button.large {min-height:49px;font-size:14px}
.shoe-page .hero-meta {margin-top:12px;font-size:11px}
.shoe-page .hero-art {margin-top:5px}
.shoe-page .hero-art img {width:100%;height:240px;min-height:0;object-fit:contain}
.shoe-page .hero-art figcaption {font-size:12px;margin-top:-5px}
.shoe-page .benefits-inner {gap:6px;justify-content:space-between;padding-block:15px;align-items:start}
.shoe-page .benefits-inner span {font-size:10px;line-height:1.45;gap:5px;flex:1;align-items:center}
.shoe-page .benefits-inner span:last-child {max-width:120px}
.shoe-page .benefits svg {width:16px;height:16px;flex:0 0 16px}
.shoe-page .checker-section {padding:36px 0 23px}
.shoe-page .choose-head {padding:27px 20px 22px;text-align:left}
.shoe-page .choose-head .eyebrow {font-size:9px}
.shoe-page .choose-head h2 {font-size:30px;letter-spacing:-.9px;line-height:1.14;margin-bottom:12px}
.shoe-page .choose-head p:last-child {font-size:13px}
.shoe-page .footwear-grid {grid-template-columns:repeat(2,1fr);padding:0 20px;gap:10px}
.shoe-page .type-option {min-height:139px;padding-bottom:14px}
.shoe-page .type-option.is-selected {padding-bottom:13px}
.shoe-page .type-option svg {height:58px;width:85px}
.shoe-page .type-option span {font-size:12px}
.shoe-page .start-notes {margin:20px 20px 0;padding:17px;font-size:12px}
.shoe-page .start-notes strong {font-size:13px}
.shoe-page .choose-actions {padding:20px;display:flex;flex-direction:column-reverse;gap:12px;align-items:stretch}
.shoe-page .choose-actions .button {width:100%;font-size:14px}
.shoe-page .choose-actions .helper {font-size:11px}
.shoe-page .suitability-note {padding:16px 20px;font-size:11px}
.shoe-page .help-note {padding:14px 0;font-size:12px}
.shoe-page .help-note summary {font-size:12px}
.shoe-page .step-meta {padding:20px 20px 13px;gap:9px}
.shoe-page .step-meta .eyebrow {font-size:9px}
.shoe-page .type-pill {font-size:9px;padding:3px 7px}
.shoe-page .progress {padding:0 20px;margin-bottom:20px;gap:5px}
.shoe-page .step-content {display:flex;flex-direction:column;padding:0 20px 22px;gap:20px}
.shoe-page .step-visual {width:100%;min-height:0;height:auto}
.shoe-page .step-visual img {max-height:191px;object-fit:contain}
.shoe-page .step-visual p {font-size:10px;padding-bottom:13px;margin-top:-6px}
.shoe-page .step-copy {width:100%}
.shoe-page .step-copy h2 {font-size:30px;margin-bottom:13px;line-height:1.14}
.shoe-page .step-instruction {font-size:13px;margin-bottom:17px}
.shoe-page .answer-option {min-height:51px;font-size:13px;padding:12px 14px}
.shoe-page .answer-option.is-selected {padding:11px 13px}
.shoe-page .step-actions {padding:16px 20px;gap:12px}
.shoe-page .step-actions .button {min-width:0;gap:12px;font-size:12px;padding-inline:15px}
.shoe-page .step-actions .text-button {font-size:12px}
.shoe-page .step-note {padding:12px 20px;font-size:10px}
.shoe-page .results-head {padding:25px 20px}
.shoe-page .results-head h2 {font-size:36px;letter-spacing:-1px;margin-bottom:13px}
.shoe-page .results-head p:last-child {font-size:13px}
.shoe-page .result-topline {margin-bottom:15px;gap:10px}
.shoe-page .result-topline .eyebrow {font-size:8px;letter-spacing:1.1px}
.shoe-page .result-summary {gap:6px}
.shoe-page .summary-chip {font-size:10px;padding:5px 8px}
.shoe-page .results-body {display:flex;flex-direction:column;padding:24px 20px;gap:25px}
.shoe-page .shopping-card {width:100%;padding:23px}
.shoe-page .shopping-card h3 {font-size:30px}
.shoe-page .save-actions .button {font-size:13px}
.shoe-page .help-card {margin:0 20px 25px;padding:20px}
.shoe-page .help-card h3 {font-size:25px}
.shoe-page .help-card p {font-size:12px}
.shoe-page .results-bottom {flex-direction:column;align-items:stretch;padding:20px;gap:13px}
.shoe-page .results-bottom p {font-size:10px}
.shoe-page .results-bottom .button {font-size:13px}
.shoe-page .why-section {padding:35px 0 40px}
.shoe-page .why-grid {grid-template-columns:1fr;gap:24px}
.shoe-page .why-grid .eyebrow {font-size:8px}
.shoe-page .why-grid h2 {font-size:36px}
.shoe-page .why-grid>div>p {font-size:14px}
.shoe-page .dialog-actions {flex-direction:column-reverse;gap:9px}
.shoe-page dialog {padding:30px 23px}
.shoe-page dialog h2 {font-size:31px}
.shoe-page dialog p {font-size:14px}
}
@media (prefers-reduced-motion:reduce) {
.shoe-page, .shoe-page * {transition:none!important;animation:none!important}
}
.shoe-page #tool-heading:focus {outline:none}
.shoe-page .step-instruction {font-size:16px}
.shoe-page .answer-option {font-size:15px}
.shoe-page .choose-head p:last-child {font-size:16px}
.shoe-page .start-notes {font-size:14px}
.shoe-page .result-item p {font-size:15px}
.shoe-page .shopping-card li {font-size:14px}
.shoe-page .help-card p {font-size:14px}
.shoe-page .suitability-note {font-size:13px}
.shoe-page .result-item .text-button, .shoe-page .okay-row .text-button {min-height:44px;min-width:44px}
.shoe-page .close-dialog {width:44px;height:44px}
@media (max-width:620px) {
.shoe-page .type-option span {font-size:13px}
.shoe-page .choose-head p:last-child {font-size:15px}
.shoe-page .start-notes {font-size:14px}
.shoe-page .start-notes strong {font-size:14px}
.shoe-page .suitability-note {font-size:12px}
.shoe-page .step-instruction {font-size:15px}
.shoe-page .answer-option {font-size:15px}
.shoe-page .result-item p {font-size:15px}
.shoe-page .all-fine p {font-size:14px}
.shoe-page .shopping-card li {font-size:14px}
.shoe-page .help-card p {font-size:14px}
.shoe-page .okay-row {font-size:13px}
}

/* Integration: site chrome, sticky header, and print live outside the prototype. */
.shoe-page img { height: auto; }
.shoe-page .button { letter-spacing: 0; }
.shoe-page .button:hover { transform: none; }
.shoe-page .shoe-sources { padding: 14px 0 0; margin-top: 0; }
.shoe-page .shoe-sources a,
.shoe-page .help-note a { overflow-wrap: anywhere; }
.shoe-page #shoe-check,
.shoe-page #tool-heading { scroll-margin-top: 96px; }
.shoe-page .help-note summary,
.shoe-page .shoe-sources summary,
.shoe-page .okay-list summary { min-height: 44px; padding-block: 10px; }
.shoe-page .help-note summary { line-height: 1.4; }
@media (max-width: 620px) {
  .shoe-page .benefits-inner { flex-wrap: wrap; }
  .shoe-page .benefits-inner span { min-width: 0; }
  .shoe-page .result-topline { align-items: flex-start; }
  .shoe-page .summary-chip { white-space: normal; }
}
@media (max-width: 340px) {
  body:has(.shoe-page) .nav-row { gap: .65rem; }
  body:has(.shoe-page) .brand { flex-basis: 168px; }
  body:has(.shoe-page) .brand img { width: 168px; }
}

@media print {
  @page { size: A4; margin: 18mm; }
  body:has(.shoe-page) {
    background: white !important;
    color: #222 !important;
    padding: 0 !important;
    font: 11pt/1.5 Arial, Helvetica, sans-serif !important;
  }
  body:has(.shoe-page) .site-header,
  body:has(.shoe-page) .topline,
  body:has(.shoe-page) .closure-banner,
  body:has(.shoe-page) .cta-band,
  body:has(.shoe-page) .site-footer,
  body:has(.shoe-page) .mobile-actions,
  body:has(.shoe-page) .skip-link,
  body:has(.shoe-page) .shoe-page > :not(#print-sheet) {
    display: none !important;
  }
  body:has(.shoe-page) #print-sheet { display: block !important; }
  #print-sheet h1 { font-size: 25pt; letter-spacing: -.6pt; margin: 0 0 8pt; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; color: #222; }
  #print-sheet h2 { font: 700 14pt Arial, Helvetica, sans-serif; margin: 18pt 0 8pt; color: #222; }
  #print-sheet h3 { font: 700 12pt Arial, Helvetica, sans-serif; margin: 13pt 0 6pt; }
  #print-sheet p { margin: 0 0 8pt; }
  #print-sheet .print-brand { font-weight: bold; font-size: 10pt; color: #64130e; letter-spacing: 1pt; margin-bottom: 15pt; }
  #print-sheet .print-item { break-inside: avoid; border-bottom: 1px solid #ddd; padding: 8pt 0; }
  #print-sheet .print-small { font-size: 9pt; color: #555; }
  #print-sheet ul { padding-left: 16pt; }
  #print-sheet a { color: #222; text-decoration: none; }
}
