/* Compact task page within the existing CarOptions visual system. */
.ot-page{background:#fff;color:var(--v-ink,#10243a);padding-bottom:40px}
.ot-wrap{width:calc(100% - 80px);max-width:1080px;margin-inline:auto}
.ot-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:22px;font-size:12px;color:var(--muted,#506278)}
.ot-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}.ot-breadcrumb a:hover{text-decoration:underline}
.ot-lookup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);align-items:center;gap:48px;padding:28px 0 48px}
.ot-package{display:inline-flex;margin-bottom:20px;color:var(--blue,#1555fc)}.ot-package .icon{width:36px;height:36px}
.version-two #main .ot-intro h1{font-size:56px;line-height:1.02;letter-spacing:-.03em;margin:0}
.ot-intro>p{font-size:17px;line-height:1.65;max-width:34ch;margin:22px 0 0;color:var(--muted,#506278)}
.ot-ready{display:flex;align-items:flex-start;gap:12px;margin-top:28px;max-width:35ch;color:var(--muted,#506278)}.ot-ready>.icon{flex:none;margin-top:3px;width:20px;height:20px}.ot-ready p{font-size:13px;line-height:1.7;margin:0}.ot-ready strong{font-weight:600;color:var(--v-ink,#10243a)}
.ot-form-area{min-width:0}.ot-frame-wrap{position:relative;background:white;isolation:isolate}.ot-frame{display:block;border:0;width:100%;height:420px;background:#fff}.ot-frame-expanded .ot-frame{height:700px}
.ot-loading{position:absolute;inset:0;z-index:1;background:#fff;padding:68px 40px;pointer-events:none}.ot-loading p{font-size:13px;color:var(--muted,#506278);margin-top:22px;text-align:center}.ot-skeleton{display:grid;gap:22px;max-width:370px;margin:auto}.ot-skeleton i{display:block;height:42px;border-radius:6px;background:#e8eef6}.ot-skeleton i:first-child{height:20px;margin:0 28px 6px}.ot-skeleton i:last-child{background:#dbe8fc}
.ot-open{text-align:center;padding-top:10px}.ot-text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-weight:700;font-size:13px;color:var(--blue,#1555fc);text-underline-offset:4px}.ot-text-link:hover{text-decoration:underline}.ot-text-link .icon{width:17px;height:17px;flex:none}
.ot-load-notice{padding:14px 18px;background:#e4edfa;margin-top:12px;border-radius:12px}.ot-load-notice p{font-size:14px;line-height:1.6;margin:0}.ot-load-notice .ot-text-link{justify-content:flex-start}.ot-loading[hidden],.ot-load-notice[hidden]{display:none}
.ot-questions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:48px;border-top:1px solid var(--line,#cedae7);padding:32px 0 40px}.version-two #main .ot-questions h2{font-size:30px;letter-spacing:-.025em;line-height:1.15;margin:10px 0 0}
.ot-answers{min-width:0}.ot-answers details{border-bottom:1px solid var(--line,#cedae7)}.ot-answers details:last-child{border:0}.ot-answers summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:60px;padding:16px 0;font-size:14px;font-weight:600;line-height:1.5}.ot-answers summary::-webkit-details-marker{display:none}.ot-answers summary>.icon{width:18px;height:18px;flex:none;color:var(--blue,#1555fc);transition:transform .18s ease-out}.ot-answers summary:hover{color:var(--blue,#1555fc)}.ot-answers details[open] summary>.icon{transform:rotate(45deg)}.ot-answers details>p{font-size:14px;line-height:1.7;color:var(--muted,#506278);margin:0 0 18px}.ot-answers details>.ot-text-link{margin-bottom:12px;justify-content:flex-start;text-align:left}
.ot-support{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;background:var(--v-night,#061424);color:#fff;border-radius:24px}.ot-support-copy{display:flex;align-items:center;gap:20px}.ot-support-copy>.icon{width:30px;height:30px;color:#a8caff;flex:none}.version-two #main .ot-support h2{font-size:27px;line-height:1.2;margin:0;letter-spacing:-.02em}.ot-support p{font-size:14px;color:#c2d5e9;margin:7px 0 0;line-height:1.6}.ot-support>.btn{flex:none;white-space:nowrap;min-height:48px;font-size:14px}
.ot-related{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 32px;padding-top:18px}.ot-related a{display:inline-flex;gap:9px;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:var(--muted,#506278)}.ot-related a:hover{color:var(--blue,#1555fc);text-decoration:underline}.ot-related .icon{width:16px;height:16px}.ot-page :is(a,button,summary):focus-visible{outline:3px solid var(--blue,#1555fc);outline-offset:4px}.ot-support button:focus-visible{outline-color:#a8caff}.ot-page ::selection{background:#c6dcff;color:#10243a}
@media(max-width:760px){.ot-wrap{width:calc(100% - 40px);max-width:540px}.ot-breadcrumb{font-size:11px;padding-top:10px;gap:6px}.ot-lookup{grid-template-columns:1fr;gap:26px;padding:18px 0 30px}.ot-package{display:none}.version-two #main .ot-intro h1{font-size:40px}.ot-intro h1 br{display:none}.ot-intro>p{font-size:15px;max-width:38ch;margin-top:14px}.ot-ready{margin-top:16px;max-width:40ch}.ot-frame{height:420px}.ot-loading{padding:60px 32px}.ot-open{text-align:left;padding-top:6px}.ot-open .ot-text-link{font-size:12px}.ot-questions{grid-template-columns:1fr;gap:14px;padding:24px 0 30px}.version-two #main .ot-questions h2{font-size:27px;margin:0}.ot-answers summary{font-size:14px;min-height:60px;gap:18px}.ot-support{align-items:flex-start;flex-direction:column;gap:22px;padding:26px 22px;border-radius:18px}.ot-support-copy{align-items:flex-start;gap:14px}.ot-support-copy>.icon{width:26px;height:26px;margin-top:2px}.version-two #main .ot-support h2{font-size:25px}.ot-support p{font-size:13px}.ot-support>.btn{width:100%;justify-content:space-between}.ot-related{gap:0 20px;justify-content:flex-start}.ot-related a{font-size:12px}.ot-page{padding-bottom:26px}}
@media(prefers-reduced-motion:reduce){.ot-answers summary>.icon{transition:none}}
