@font-face {font-display:swap;font-family:'Roboto';src:url('/fonts/roboto.woff2') format('woff2');font-weight:300 900}
@font-face {font-display:swap;font-family:'Merriweather';src:url('/fonts/merriweather.woff2') format('woff2');font-weight:400 700}
:root {color-scheme:light dark;--my-paper:#f5f4f2;--my-panel:#e7e7e4;--my-ink:#31312b;--my-pencil:#4a4940;--my-rule:#6d6c5f;--my-action:#645d12;--my-on-action:#f5f4f2;--my-wash:#d8d8d4;--my-band:#31312b;--my-band-ink:#f5f4f2;--my-band-action:#d1c86b;--my-band-rule:#979587}
:root[data-theme="dark"] {--my-paper:#1d1d19;--my-panel:#2a2926;--my-ink:#e6e6e3;--my-pencil:#cbcac3;--my-rule:#979587;--my-action:#d1c86b;--my-on-action:#1d1d19;--my-wash:#353531;--my-band:#353531;--my-band-ink:#e6e6e3;--my-band-action:#d1c86b;--my-band-rule:#979587}
:root[data-theme="dark"] {color-scheme:dark}
* {box-sizing:border-box}
html {scroll-padding-top:32px}
body {margin:0;background:var(--my-paper);color:var(--my-ink);font:400 18px/1.65 'Roboto', sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
h1, h2, h3, h4 {font-family:'Merriweather', serif;margin:0 0 18px;line-height:1.25;text-wrap:balance}
h1 {font-weight:700;font-size:52px;max-width:19ch}
h2 {font-size:28px}
h3 {font-size:21px}
h4 {font-size:21px}
p {margin:0 0 20px}
a {color:var(--my-action);text-decoration-thickness:1px;text-underline-offset:5px}
a:hover {text-decoration-thickness:3px}
a:focus-visible, [tabindex]:focus-visible {outline:3px solid var(--my-action);outline-offset:3px}
main:focus {outline:none}
img, svg {max-width:100%;height:auto}
.my-jump-repair {position:absolute;z-index:10;left:24px;top:-120px;padding:12px 18px;color:var(--my-ink);background:var(--my-paper)}
.my-jump-repair:focus {top:12px}
.my-book-binding {max-width:1280px;padding:32px;background:var(--my-panel);margin:auto;align-items:center;justify-content:space-between;display:flex;gap:28px}
.my-nameplate {border-left:5px solid var(--my-action);padding-left:15px}
.my-nameplate > a {color:var(--my-ink);font:700 30px/1.2 'Merriweather', serif;text-decoration:none;white-space:nowrap}
.my-nameplate > p {margin:5px 0 0;color:var(--my-pencil);font-size:16px}
.my-book-binding nav ul {list-style:none;padding:0;margin:0;gap:24px;display:flex;flex-wrap:wrap}
.my-book-binding nav a {display:inline-block;padding:10px 0}
[aria-current='page'] {font-weight:600}
.my-open-book {background:var(--my-paper);max-width:1280px;margin:auto;padding:56px 32px 72px}
.my-price-next {background:var(--my-action);color:var(--my-on-action);text-decoration:none;display:inline-flex;align-items:center;min-height:48px;padding:13px 23px;font-weight:600;border-radius:0;max-width:100%}
.my-price-next:hover {text-decoration:underline}
.my-owner-note, .my-policy-label, .my-repair-category {font-size:16px;color:var(--my-pencil);margin-bottom:14px}
.my-price-promise {max-width:800px;padding:0 0 44px 0}
.my-opening-text {max-width:60ch;font-size:21px}
.my-price-promise > p:last-child {margin-bottom:0}
.my-repair-entry {padding:32px;background:var(--my-panel)}
.my-repair-entry > p {max-width:75ch;color:var(--my-pencil);font-size:16px}
.my-cost-split {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:0;margin-top:30px}
.my-cost-split > section {padding:0 23px}
.my-cost-split > section:first-child {padding-left:0}
.my-cost-split > section:last-child {padding-right:0}
.my-cost-split p {font-size:16px;margin-bottom:0}
.my-topic-leaves {margin:62px 0}
.my-book-edges {list-style:none;padding:0;margin:26px 0 0}
.my-book-edges > li {display:grid;grid-template-columns:240px minmax(0, 1fr);align-items:start;column-gap:28px;padding:20px 0}
.my-book-edges > li:nth-child(even) .my-tab-label {margin-left:16px}
.my-tab-label {padding:32px;background:var(--my-wash)}
.my-tab-label > span {color:var(--my-pencil);font-size:16px}
.my-book-edges p {margin:12px 0 0;max-width:64ch;font-size:16px}
.my-next-decision {padding:0 0 48px}
.my-decision-group {margin:30px 0 22px}
.my-decision-group > h3 {color:var(--my-ink);font-size:18px}
.my-repair-guides {list-style:none;padding:0;margin:0}
.my-repair-guides > li {padding:26px 0 22px 24px;margin-bottom:20px;background:var(--my-paper)}
.my-repair-guides p, .my-repair-guides h3, .my-repair-guides h4 {padding-right:24px}
.my-repair-guides p {max-width:62ch;font-size:16px}
.my-guide-details {color:var(--my-pencil);display:flex;gap:18px;font-size:16px;flex-wrap:wrap}
.my-labor-sheet {scroll-margin-top:24px;background:var(--my-wash);padding:34px}
.my-labor-sheet > p {max-width:70ch}
.my-labor-sheet dl {counter-reset:labor-input;margin:30px 0;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:30px 38px}
.my-labor-sheet dl > div {padding-top:18px}
.my-labor-sheet dt {font-weight:600;margin-bottom:12px}
.my-labor-sheet dt::before {counter-increment:labor-input;content:counter(labor-input) '. ';color:var(--my-ink)}
.my-labor-sheet dd {margin:0;font-size:16px}
.my-cost-caution {padding-top:22px;color:var(--my-pencil);font-size:16px}
.my-owner-limits {max-width:78ch;margin:58px 0;padding-left:24px}
.my-owner-limits p:last-child {color:var(--my-pencil);font-size:16px}
.my-evidence-note {padding-top:34px;max-width:80ch}
.my-evidence-note ul {padding-left:24px}
.my-evidence-note li {margin-bottom:10px}
.my-book-close {border-top:5px double var(--my-band-rule);max-width:1280px;margin:auto;padding:32px 32px 40px;background:var(--my-band);color:var(--my-band-ink);display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 2.2fr);gap:34px;font-size:16px}
.my-footer-statement > p:first-child {font:700 23px/1.3 'Merriweather', serif}
.my-footer-statement > p {margin-bottom:12px}
.my-book-close a {color:var(--my-band-action)}
.my-book-close a:focus-visible {outline:3px solid var(--my-band-action)}
.my-footer-statement > a {overflow-wrap:anywhere}
.my-trust-edges, .my-small-print {padding:0;margin:0;list-style:none}
.my-trust-edges a, .my-small-print a {display:inline-block;padding:6px 0}
.my-guide-opening {background:var(--my-panel);padding:32px;margin-bottom:38px;max-width:72ch}
.my-guide-opening h1 {margin-top:22px}
.my-guide-spread {display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.5fr);gap:48px}
.my-question-side {min-width:0;padding-right:32px}
.my-question-side .my-book-edges > li {display:block;padding:16px 0}
.my-question-side .my-tab-label {margin-left:0}
.my-answer-side {min-width:0}
.my-price-path ol {display:flex;flex-wrap:wrap;gap:7px 16px;padding:0;list-style:none;margin:0;font-size:16px}
.my-price-path li:not(:last-child)::after {content:'/';padding-left:16px;color:var(--my-pencil)}
.my-policy-leaf {display:grid;grid-template-columns:minmax(0, 0.7fr) minmax(0, 1.5fr);gap:54px}
.my-policy-opening {background:var(--my-panel);padding:32px;padding-right:32px}
.my-policy-opening h1 {font-size:36px;max-width:12ch}
.my-policy-stamp {font-size:16px;color:var(--my-pencil)}
.my-mail-address {overflow-wrap:anywhere;font-size:16px}
.my-policy-text {max-width:70ch;min-width:0}
.my-policy-sequence {list-style:decimal;padding-left:28px;margin:0}
.my-policy-sequence > li {padding:0 0 26px 8px}
.my-policy-sequence > li::marker {color:var(--my-ink);font-weight:600}
.my-policy-sequence h2 {font-size:24px}
.my-policy-return {padding-top:28px}
.my-missing-entry {min-height:52vh;display:flex;gap:50px;align-items:center;padding:20px 0 50px}
.my-page-number {font:700 110px/1 'Merriweather', serif;color:var(--my-ink);padding-bottom:20px}
.my-missing-entry > div {background:var(--my-panel);padding:32px;max-width:62ch}
.my-missing-entry nav {display:flex;flex-wrap:wrap;gap:24px}
.my-repair-heading {max-width:1000px;padding-bottom:42px}
.my-repair-heading h1 {max-width:25ch}
.my-guide-stamp, .my-check-stamp {font-size:16px;color:var(--my-pencil);margin-bottom:12px}
.my-ai-note {font-size:16px;max-width:85ch;margin:22px 0;padding-left:16px}
.my-repair-spread {display:grid;grid-template-columns:minmax(0, 2.2fr) minmax(240px, 1fr);gap:38px}
.my-cost-explanation {min-width:0;max-width:70ch}
.my-cost-explanation > p:first-child {font-size:21px}
.my-repair-question {margin-top:42px;padding-top:26px}
.my-answer-notes {margin-top:22px}
.my-answer-notes li {margin-bottom:9px}
.my-repair-reference {min-width:0;background:var(--my-panel);padding:32px;align-self:start;font-size:16px}
.my-section-finder ol {padding-left:23px}
.my-section-finder li {margin:0 0 13px}
.my-source-checks {margin:28px 0;padding-top:24px}
.my-repair-reference h2 {font-size:21px}
.my-source-checks ul {padding-left:20px;overflow-wrap:anywhere}
.my-repair-reference > p {color:var(--my-pencil);font-size:16px}
.my-table-pan {max-width:100%;overflow-x:auto;margin:26px 0}
table {border-collapse:collapse;font-size:16px;min-width:100%}
th {text-align:left;background:var(--my-panel)}
th, td {padding:12px 16px;min-width:140px}
pre {overflow-x:auto;padding:20px;background:var(--my-panel)}
blockquote {margin:26px 0;padding-left:22px}
.my-return-book {margin-top:54px;padding-top:30px}
.my-return-book > p {max-width:70ch}
.my-sample-note {padding:12px 0;color:var(--my-pencil);font-size:16px}
@media (max-width: 1024px) {
  .my-book-binding {padding-inline:24px}
  .my-open-book {padding:44px 24px 60px}
  h1 {font-size:40px}
  .my-book-close {padding-inline:24px}
  .my-guide-spread {gap:30px}
  .my-policy-leaf {gap:30px;grid-template-columns:minmax(0, 0.8fr) minmax(0, 1.6fr)}
  .my-policy-opening h1 {font-size:32px}
  .my-repair-spread {grid-template-columns:minmax(0, 1fr)}
  .my-repair-reference {max-width:70ch}
  .my-cost-split > section {padding-inline:17px}
}
@media (max-width: 768px) {
  h1 {font-size:36px}
  h2 {font-size:25px}
  .my-book-binding {display:block;padding:24px 20px 16px}
  .my-book-binding nav {margin-top:15px}
  .my-book-binding nav ul {gap:28px}
  .my-open-book {padding:34px 20px 48px}
  .my-opening-text {font-size:21px}
  .my-price-promise {padding-bottom:34px}
  .my-repair-entry {padding:24px 20px}
  .my-cost-split {display:block;margin-top:20px}
  .my-cost-split > section, .my-cost-split > section:first-child, .my-cost-split > section:last-child {padding:20px 0 0;margin-top:20px}
  .my-book-edges > li {grid-template-columns:minmax(0, 1fr);padding-bottom:22px}
  .my-book-edges p {margin:12px 16px 0}
  .my-topic-leaves {margin:42px 0}
  .my-labor-sheet {padding:26px 20px}
  .my-labor-sheet dl {grid-template-columns:minmax(0, 1fr);gap:22px}
  .my-owner-limits {padding-left:16px;margin:40px 0}
  .my-book-close {display:block;padding:26px 20px 32px}
  .my-book-close nav {margin-top:24px}
  .my-trust-edges, .my-small-print {display:flex;flex-wrap:wrap;gap:4px 24px}
  .my-guide-spread {display:flex;flex-direction:column;gap:36px}
  .my-question-side {padding-right:0}
  .my-policy-leaf {display:block}
  .my-policy-opening {background:var(--my-panel);padding:32px;padding:24px 20px;margin-bottom:32px}
  .my-policy-opening h1 {max-width:18ch;font-size:36px}
  .my-policy-sequence {padding-left:22px}
  .my-policy-sequence > li {padding-left:3px}
  .my-missing-entry {display:block;padding-top:0}
  .my-page-number {font-size:76px;display:inline-block;margin-bottom:30px}
  .my-repair-heading {padding-bottom:24px}
  .my-repair-spread {gap:28px}
  .my-repair-reference {padding:20px}
}
@media print {
  .my-book-binding nav, .my-book-close, .my-jump-repair, .my-price-next {display:none}
  .my-labor-sheet {break-inside:avoid}
  .my-open-book {background:var(--my-paper);max-width:none;padding:16px}
}

.my-footer-groups {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:28px}
.my-footer-groups h2 {font-family:'Roboto', sans-serif;font-size:16px;margin:0 0 12px}
.my-footer-groups ul {margin-block:0;padding-inline-start:0;list-style:none}
.my-footer-groups a {display:inline-block;padding:6px 0}
@media (max-width: 768px) {
 .my-footer-groups {display:block}
 .my-footer-groups section {margin-top:28px}
 .my-footer-groups ul {display:flex;flex-wrap:wrap;gap:8px 22px}
}

.my-footer-hint {display:block;padding-bottom:10px;font-size:16px}
