.page-order .request-section{align-items:stretch;gap:5%;grid-template-columns:.8fr 1.2fr}
.page-order .request-intro{align-self:stretch;min-width:0}
.page-order #request-title{font-size:clamp(2.6rem,4vw,4rem)}
.page-order .request-intro>p:not(.eyebrow){max-width:30rem}
#preview-desktop-slot{position:sticky;top:1rem;margin-top:2rem;z-index:5}
.racket-preview{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden;color:var(--ink)}
.racket-preview[hidden]{display:none}
.setup-performance{grid-column:1/-1;min-width:0}
.preview-compact{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.9rem;cursor:pointer;list-style:none;min-width:0}
.preview-compact::-webkit-details-marker{display:none}
.preview-thumbnail{display:block;height:100px;overflow:hidden}
.preview-thumbnail svg{height:100%;width:100%;display:block}
.preview-copy{display:block;min-width:0}
.preview-kicker{display:block;font-size:.65rem;font-weight:600;letter-spacing:.09em;color:var(--blue);margin:0 0 .25rem}
.studio-next .racket-preview #preview-model{display:block;font-weight:600;font-family:var(--body);font-size:1rem;letter-spacing:-.025em;line-height:1.3;margin:0 0 .3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#preview-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;color:var(--muted);line-height:1.5;margin:0;overflow:hidden}
#preview-tension{display:block;font-size:.8rem;font-weight:600;line-height:1.5}
#preview-traits{display:block;font-size:.75rem;color:var(--muted);line-height:1.5}
.preview-toggle{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:.7rem;font-weight:600;line-height:1.2}
.preview-chevron{font-size:1.2rem;line-height:1}
.preview-close-label,.preview-details[open] .preview-open-label{display:none}
.preview-details[open] .preview-close-label{display:inline}
.preview-details[open] .preview-chevron{transform:rotate(180deg)}
.preview-details[open]>.preview-compact{border-bottom:1px solid var(--line)}
.preview-full{max-height:min(65svh,620px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.preview-canvas{height:390px;display:flex;justify-content:center;padding:1rem;overflow:hidden}
.preview-canvas svg{display:block;height:100%;width:100%;max-width:100%}
.preview-note{font-size:.8rem;line-height:1.5;color:var(--muted);padding:1rem 1.3rem;border-top:1px solid var(--line);margin:0}
#racket-search-status{min-height:1.5em}
#racket-select{width:100%;text-overflow:ellipsis}
#string-color-fields .field-row:has(.field[hidden]):not(:has(.field:not([hidden]))){display:none}
#string-color-fields .field-row{margin:0}
#color-stock-note{margin:0 0 1.2rem}
.tension-explainer{margin:-.3rem 0 1.3rem}
@media(max-width:760px){
 .page-order .request-section{display:block}
 #preview-desktop-slot{display:none}
 #preview-mobile-slot{position:sticky;top:.5rem;z-index:8;margin-bottom:1.4rem;scroll-margin-top:.5rem}
 .racket-preview{box-shadow:0 4px 16px #123b5d18}
 .preview-compact{grid-template-columns:36px minmax(0,1fr) 36px;gap:.5rem;padding:.65rem}
 .preview-thumbnail{height:88px}
 .studio-next .racket-preview #preview-model{display:block;font-weight:600;font-size:.875rem}
 #preview-summary,#preview-tension{font-size:.75rem;line-height:1.4}
 #preview-traits{font-size:.7rem;line-height:1.4}
 .preview-full{max-height:min(60svh,calc(100svh - 145px))}
 .preview-canvas{height:300px;padding:.75rem}
 .preview-note{font-size:.75rem;line-height:1.4;padding:.85rem 1rem}
 .preview-toggle{font-size:.65rem}
 .request-form :is(select,input,textarea){scroll-margin-top:145px}
}
@media(max-height:400px){#preview-mobile-slot,#preview-desktop-slot{position:static}.preview-full{max-height:60svh}}
@media print{#racket-preview{display:none!important}}
.page-order .request-form{padding:clamp(1rem,2.5vw,2rem);border:1px solid var(--line);border-radius:8px;background:white;max-width:none}
.page-order .request-intro{display:block}
.page-order .request-form-title{font-size:1.6rem;margin:0 0 1.4rem;letter-spacing:-.025em}
.contact-fields{padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--line)}
.contact-fields h3{font-size:1.25rem;margin-bottom:1.2rem}
.booking-note{padding:1rem;background:var(--soft);border-left:3px solid var(--blue);font-size:.94rem;color:var(--muted);margin:0 0 1.5rem}
#lesson-date{min-height:3.1rem;font-family:inherit}
.request-form [hidden]{display:none!important}
@media(max-width:540px){.page-order .request-form{padding:1rem}.page-order .request-section{padding-left:4%;padding-right:4%}}

.setup-performance{padding:22px;border-top:1px solid #cadbe7;background:#f6fafe}.performance-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.performance-heading h3{font-size:1.25rem;margin:0}.performance-heading>span{font-size:.75rem;letter-spacing:.12em;font-weight:700}.performance-status{font-size:.875rem;line-height:1.5;color:#4f6475}.performance-bars{display:grid;gap:12px;margin:18px 0}.performance-row{display:grid;grid-template-columns:130px minmax(60px,1fr) 28px;align-items:center;gap:9px;font-size:.875rem}.performance-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;height:18px;overflow:hidden;transform:skew(-17deg);border:2px solid #133d55;background:#91aaba}.performance-track i{display:block;min-width:0;height:100%;background:#d8e6ee;transition:background-color 180ms ease}.performance-track i.is-filled{background:#dcf540}.performance-row strong{text-align:right;font-variant-numeric:tabular-nums}.performance-method{font-size:.875rem;line-height:1.5}.performance-method summary{cursor:pointer}.performance-sources{display:flex;gap:18px;flex-wrap:wrap}.matching-process{padding-left:24px}.matching-process li{margin-bottom:28px}.matching-process h3{margin-bottom:8px}@media(prefers-reduced-motion:reduce){.performance-track i{transition:none}}@media(max-width:380px){.setup-performance{padding:16px}.performance-row{grid-template-columns:115px minmax(40px,1fr) 25px;gap:6px}}

.preview-reference{padding:14px 20px;border-top:1px solid #cadce8;font-size:14px}.preview-reference summary{cursor:pointer;color:#123b5d}.preview-reference img{margin-top:14px!important}
