.pat-training{--pat-ink: #23272b;--pat-muted: #5d646b;--pat-line: #d9dde1;--pat-surface: #f3f5f6;--pat-white: #ffffff;--pat-brand: #2e2d33;--pat-brand-contrast: #ffffff;--pat-match: #2f7d5b;--pat-wear: #a8740f;--pat-damage: #b23a32;--pat-header-offset: 120px;--pat-radius-lg: 14px;--pat-radius-sm: 6px;color: var(--pat-ink);}.pat-training h1, .pat-training h2, .pat-training h3{color: var(--pat-ink);}.pat-training p{max-width: 68ch;}.pat-training a:focus-visible{outline: 3px solid var(--pat-brand);outline-offset: 3px;}.pat-hero{padding: clamp(3rem, 6vw, 5.5rem) 0;border-bottom: 1px solid var(--pat-line);}.pat-hero__title{font-size: clamp(2rem, 4.2vw, 3.1rem);line-height: 1.1;font-weight: 700;letter-spacing: -.01em;margin-bottom: 1.25rem;max-width: 20ch;}.pat-hero__lead{font-size: 1.2rem;line-height: 1.55;margin-bottom: 1rem;}.pat-hero .pat-btn{margin-top: .75rem;}.pat-figure{margin: 0;border-radius: var(--pat-radius-lg);overflow: hidden;background: var(--pat-surface);aspect-ratio: 4 / 5;}.pat-figure--hero{aspect-ratio: 4 / 3;}.pat-figure img{width: 100%;height: 100%;object-fit: cover;display: block;}.pat-body{padding-top: clamp(2.5rem, 5vw, 4.5rem);padding-bottom: clamp(2.5rem, 5vw, 4.5rem);}.pat-index-col{position: relative;}.pat-index.is-fixed{position: fixed;top: var(--pat-header-offset);z-index: 5;}.pat-index.is-bottom{position: absolute;bottom: 0;}.pat-index__title{font-weight: 700;font-size: .95rem;color: var(--pat-muted);margin-bottom: .75rem;}.pat-index ol{list-style: none;counter-reset: patidx;padding: 0;margin: 0;border-left: 2px solid var(--pat-line);}.pat-index li{counter-increment: patidx;}.pat-index a{display: block;padding: .45rem 0 .45rem 1rem;margin-left: -2px;border-left: 2px solid transparent;color: var(--pat-muted);text-decoration: none;font-size: .95rem;line-height: 1.35;}.pat-index a::before{content: counter(patidx) ". ";font-variant-numeric: tabular-nums;}.pat-index a:hover, .pat-index a.is-active{color: var(--pat-match);border-left-color: var(--pat-brand);font-weight: bold;}.pat-step{position: relative;padding: 0 0 3.25rem 4.25rem;margin-bottom: 3.25rem;border-bottom: 1px solid var(--pat-line);scroll-margin-top: var(--pat-header-offset);}.pat-step--last{border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}.pat-step__num{position: absolute;left: 0;top: -.1rem;width: 2.9rem;height: 2.9rem;border-radius: 50%;border: 2px solid var(--pat-match);color: var(--pat-brand);display: grid;place-items: center;font-weight: 700;font-size: 1.15rem;font-variant-numeric: tabular-nums;}.pat-step h2{font-size: clamp(1.5rem, 2.6vw, 2rem);font-weight: 700;line-height: 1.2;margin-bottom: 1rem;}.pat-step h3{font-size: 1.1rem;font-weight: 700;margin-bottom: .4rem;}.pat-note{border-left: 3px solid var(--pat-brand);padding-left: 1rem;margin-top: 1.25rem;}.pat-checklist{list-style: none;padding: 0;margin: 0 0 1rem;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: .5rem 1.25rem;}.pat-checklist li{position: relative;padding: .55rem .75rem .55rem 2.25rem;background: var(--pat-surface);border-radius: var(--pat-radius-sm);font-weight: 500;}.pat-checklist li::before{content: "";position: absolute;left: .8rem;top: 50%;width: .55rem;height: .95rem;border: solid var(--pat-match);border-width: 0 2.5px 2.5px 0;transform: translateY(-62%) rotate(45deg);}.pat-shot{height: 100%;padding: 1.25rem;border: 1px solid var(--pat-line);border-radius: var(--pat-radius-lg);}.pat-shot p{margin-bottom: 0;}.pat-shot__frames{display: flex;flex-wrap: wrap;gap: .4rem;margin-bottom: 1rem;}.pat-shot__frames span{position: relative;font-size: .78rem;font-weight: 600;color: var(--pat-ink);padding: .35rem .55rem;background: linear-gradient(var(--pat-ink), var(--pat-ink)) top left / 7px 1.5px, linear-gradient(var(--pat-ink), var(--pat-ink)) top left / 1.5px 7px, linear-gradient(var(--pat-ink), var(--pat-ink)) top right / 7px 1.5px, linear-gradient(var(--pat-ink), var(--pat-ink)) top right / 1.5px 7px, linear-gradient(var(--pat-ink), var(--pat-ink)) bottom left / 7px 1.5px, linear-gradient(var(--pat-ink), var(--pat-ink)) bottom left / 1.5px 7px, linear-gradient(var(--pat-ink), var(--pat-ink)) bottom right / 7px 1.5px, linear-gradient(var(--pat-ink), var(--pat-ink)) bottom right / 1.5px 7px, var(--pat-surface);background-repeat: no-repeat;}.pat-compare__item{height: 100%;padding: 1.25rem 1.4rem;border-radius: var(--pat-radius-lg);border: 1px solid var(--pat-line);}.pat-compare__item--yes{border-left: 5px solid var(--pat-match);}.pat-compare__item--no{border-left: 5px solid var(--pat-damage);background: var(--pat-surface);}.pat-compare__label{font-size: .9rem;font-weight: 700;color: var(--pat-muted);margin-bottom: .35rem;}.pat-compare__quote{font-size: 1.2rem;font-weight: 600;margin: 0;}.pat-compare__item--no .pat-compare__quote{color: var(--pat-muted);}.pat-status{list-style: none;padding: 0;margin: 0 0 1.5rem;display: flex;flex-wrap: wrap;gap: .6rem;}.pat-status__item{display: inline-flex;align-items: center;gap: .55rem;padding: .55rem 1rem;border-radius: 999px;font-weight: 600;border: 1.5px solid currentColor;}.pat-status__item::before{content: "";width: .65rem;height: .65rem;border-radius: 50%;background: currentColor;}.pat-status__item--match{color: var(--pat-match);}.pat-status__item--wear{color: var(--pat-wear);}.pat-status__item--damage{color: var(--pat-damage);}.pat-alert{margin-top: 1.5rem;padding: 1.15rem 1.25rem 1.15rem 1.35rem;border-radius: var(--pat-radius-sm);border-left: 5px solid var(--pat-damage);background: color-mix(in srgb, var(--pat-damage) 8%, var(--pat-white));}.pat-alert p{margin: 0;}.pat-tag{display: inline-block;padding: .1rem .55rem;border: 1.5px dashed var(--pat-muted);border-radius: var(--pat-radius-sm);font-weight: 600;font-size: .92em;white-space: nowrap;}.pat-timeline{list-style: none;padding: 0;margin: 1.5rem 0 0;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem;counter-reset: pattl;}.pat-timeline li{position: relative;padding-top: 2.25rem;counter-increment: pattl;}.pat-timeline li::before{content: "";position: absolute;top: .7rem;left: 0;right: -1.25rem;height: 2px;background: var(--pat-line);}.pat-timeline li:last-child::before{right: 0;}.pat-timeline li::after{content: "";position: absolute;top: .2rem;left: 0;width: 1.1rem;height: 1.1rem;border-radius: 50%;background: var(--pat-white);border: 3px solid var(--pat-brand);}.pat-timeline li:last-child::after{background: var(--pat-match);border-color: var(--pat-match);}.pat-timeline p{font-size: .95rem;color: var(--pat-muted);margin: 0;}.pat-cta{background: var(--pat-brand);color: var(--pat-brand-contrast);padding: clamp(2.5rem, 5vw, 4rem) 0;}.pat-training .pat-cta h2{color: var(--pat-brand-contrast);font-size: clamp(1.5rem, 2.6vw, 2rem);font-weight: 700;}.pat-cta p{margin: 0;opacity: .9;}@media (max-width: 767.98px) {.pat-step { padding-left: 0;padding-top: 3.5rem;}.pat-step__num{top: 0;}.pat-checklist{grid-template-columns: 1fr 1fr;}.pat-figure{aspect-ratio: 16 / 10;}.pat-timeline{grid-template-columns: 1fr;gap: 1.25rem;}.pat-timeline li{padding: 0 0 0 2rem;}.pat-timeline li::before{top: 1.1rem;bottom: -1.25rem;left: .5rem;right: auto;width: 2px;height: auto;}.pat-timeline li:last-child::before{display: none;}} @media (max-width: 420px) {.pat-checklist { grid-template-columns: 1fr;}}