body { margin: 0; background: var(--sc-bg-canvas); }
.ot-hero { padding-block: var(--sc-editorial-section-space); }
.ot-hero h1 { font-size: var(--sc-editorial-display); line-height: 1.04; letter-spacing: var(--sc-editorial-tracking); max-width: 13ch; }
.ot-hero .sc-editorial__split { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); }
.ot-cover { width: min(100%, 25rem); display: block; margin-inline: auto; border: 1px solid var(--sc-border); }
.ot-cover-wrap { padding: var(--sc-space-7); background: var(--sc-bg-subtle); border-radius: var(--sc-editorial-feature-radius); }
.ot-cover-wrap figcaption { text-align: center; }
.ot-list { padding: 0; list-style: none; margin: var(--sc-space-7) 0 0; }
.ot-list li { padding-block: var(--sc-space-6); border-top: 1px solid var(--sc-border); }
.ot-list h3 { font-size: 1.5rem; }
.ot-preview { max-height: 50rem; width: auto; display: block; margin-inline: auto; border: 1px solid var(--sc-border); }
.ot-form-panel { border: 1px solid var(--sc-border); border-radius: var(--sc-editorial-feature-radius); padding: clamp(1.25rem,4vw,3rem); background: var(--sc-bg-canvas); }
.ot-form-panel h2 { font-size: clamp(1.75rem,3vw,2.5rem); letter-spacing: var(--sc-editorial-tracking); }
#request .ot-form-panel form[id] { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 1.5rem 0 0 !important; background: transparent !important; color: var(--sc-fg-heading) !important; font-family: var(--sc-font-body) !important; }
.ot-form-panel ._form-title, .ot-form-panel ._html-code, .ot-form-panel ._form-branding { display: none !important; }
.ot-form-panel ._form_element { width: 100% !important; margin-bottom: 1rem !important; }
#request .ot-form-panel form[id] label, #request .ot-form-panel form[id] p, #request .ot-form-panel form[id] button, #request .ot-form-panel form[id] input { font-family: var(--sc-font-body) !important; }
#request .ot-form-panel form[id] label { font-size: .9375rem !important; line-height: 1.6 !important; }
.ot-form-panel input:not([type=checkbox]):not([type=hidden]), .ot-form-panel textarea { box-sizing: border-box; width: 100%; min-height: 3.25rem; border: 1px solid var(--sc-border); border-radius: var(--sc-radius-md); padding: .875rem 1rem; background: var(--sc-bg-canvas); color: var(--sc-fg-heading); font: inherit; }
.ot-form-panel input[type=checkbox] { accent-color: var(--sc-bg-brand); width: 1.25rem; height: 1.25rem; flex: 0 0 auto; }
.ot-form-panel ._checkbox-radio { display: flex !important; gap: .75rem; align-items: flex-start; }
#request .ot-form-panel form[id] ._submit, .ot-form-panel button[type=submit] { border: 0 !important; border-radius: var(--sc-radius-full) !important; background: var(--sc-action-primary-bg) !important; color: var(--sc-action-primary-fg) !important; padding: 1rem 1.5rem !important; font-weight: 600 !important; min-height: 3.375rem; cursor: pointer; }
.ot-form-panel :is(input,textarea,button):focus-visible { outline: 3px solid var(--sc-focus-ring); outline-offset: 3px; }
.ot-form-panel button:disabled { opacity: .65; cursor: wait; }
.ot-field { display: grid; gap: .5rem; margin-bottom: 1.25rem; }
.ot-note { font-size: .875rem; line-height: 1.7; color: var(--sc-fg-muted); margin-top: 1.25rem !important; }
.ot-note a { text-decoration: underline; text-underline-offset: .2em; }
.ot-faq { max-width: 52rem; }
.ot-faq details { padding-block: 1.5rem; border-bottom: 1px solid var(--sc-border); }
.ot-faq summary { cursor: pointer; font-weight: 600; font-size: 1.125rem; line-height: 1.5; }
.ot-faq p { margin-top: 1rem !important; line-height: 1.7; }
[data-ot-receipt][hidden], [data-ot-error][hidden] { display: none !important; }
[data-ot-error] { color: var(--sc-fg-heading); padding: 1rem; border: 2px solid var(--sc-border); margin-top: 1rem !important; }
#request { scroll-margin-top: 7rem; }
@media(max-width:63.99rem) { .ot-hero .sc-editorial__split { grid-template-columns: 1fr; } .ot-hero h1 { max-width: 16ch; } .ot-cover-wrap { max-width: 32rem; width: 100%; margin-inline: auto !important; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }

#request .ot-form-panel form[id] legend { font-family: var(--sc-font-body) !important; font-size: .9375rem !important; line-height: 1.6 !important; }
#request .ot-form-panel form[id] input:not([type=checkbox]):not([type=hidden]) { border: 1px solid var(--sc-border) !important; border-radius: var(--sc-radius-md) !important; padding: .875rem 1rem !important; }
