/* Exotic Car Trends email-alert component (shared runtime asset; source: car-trends-overview/assets_src/alerts.css).
   Pages carry only the placeholder button rendered by alerts_button.py. Publish a change with publish_alerts_assets.sh. */
.ect-act{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#475569;font:inherit;font-size:14px;font-weight:600;line-height:inherit;cursor:pointer;text-decoration:none;-webkit-appearance:none;appearance:none;margin:0}
.ect-act:hover{color:#0f172a;background:#f1f5f9}.ect-act:focus-visible,.ect-manage:focus-visible,.ect-x:focus-visible{outline:2px solid #0f172a;outline-offset:2px}
.ect-bell{width:15px;height:15px;flex:0 0 auto;display:block}
button.v2-btn.ect-open{font:inherit;font-size:14px;font-weight:600;line-height:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;margin:0}
.ect-on{display:none;align-items:center;gap:6px;padding:10px 4px;color:#64748b;font-size:13.5px;font-weight:500;line-height:inherit}
.ect-on .ect-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;display:inline-block}
.ect-manage{background:none;border:0;padding:0;margin:0;font:inherit;color:#0f172a;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.ect-is-on .ect-open{display:none!important}.ect-is-on .ect-on{display:inline-flex}
.v2-btns:has(.ect-zero)>a.v2-btn.pri{display:none!important}
.ect-on .ect-dot.ect-dot-p{background:transparent;border:1.5px solid #94a3b8;box-sizing:border-box}
.ect-on .ect-t-p,.ect-on .ect-t-f,.ect-st-pending .ect-on .ect-t-on,.ect-st-follow .ect-on .ect-t-on,.ect-st-pending .ect-on .ect-dot-on,.ect-on .ect-dot-p{display:none}
.ect-st-pending .ect-on .ect-t-p,.ect-st-follow .ect-on .ect-t-f{display:inline}.ect-st-pending .ect-on .ect-dot-p{display:inline-block}
.ect-alerts.ect-panel{display:none;box-sizing:border-box;width:100%;min-width:0;contain:inline-size;max-width:400px;margin:12px 0 0;padding:18px 18px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 12px 32px rgba(15,23,42,.14);color:#334155;text-align:left;font-size:14px;line-height:1.45;overflow:hidden}
.ect-alerts.ect-panel.ect-show{display:block}
.ect-alerts *{box-sizing:border-box}
.ect-view[hidden]{display:none!important}
.ect-view{transition:opacity .18s ease,transform .18s ease}
.ect-view.ect-leave{opacity:0;transform:translateY(-10px)}
.ect-view.ect-enter{opacity:0;transform:translateY(10px)}
.ect-v-done{transition-duration:.24s}
.ect-p-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 6px}
.ect-p-t{font-size:16px;font-weight:700;color:#0f172a;letter-spacing:-.01em;line-height:1.3;margin:0;outline:none}
.ect-x{flex:0 0 auto;background:none;border:0;padding:2px 6px;margin:-4px -6px 0 0;font:inherit;font-size:20px;line-height:1;color:#94a3b8;cursor:pointer;border-radius:6px}
.ect-x:hover{color:#0f172a}
.ect-p-sub{font-size:14px;color:#475569;margin:0 0 14px}
.ect-mng{display:none}.ect-managing .ect-mng{display:block}.ect-managing .ect-intro,.ect-managing .ect-prefs,.ect-managing .ect-fine{display:none}
.ect-prefs{border:0;margin:0 0 14px;padding:0;display:grid;gap:7px;min-inline-size:0}
.ect-prefs label{display:flex;align-items:center;gap:9px;font-size:14px;color:#0f172a;cursor:pointer;margin:0}
.ect-prefs input{width:16px;height:16px;margin:0;accent-color:#111;flex:0 0 auto}
.ect-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ect-field{display:block;margin:0 0 10px;padding:8px 12px 9px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;cursor:text}
.ect-field:focus-within{border-color:#111;box-shadow:0 0 0 1px #111}
.ect-field-l{display:block;font-size:12px;color:#64748b;line-height:1.3;margin:0 0 2px}
.ect-alerts input.ect-email{display:block;width:100%;min-width:0;height:auto;padding:0;border:0;background:transparent;color:#0f172a;font:inherit;font-size:16px;line-height:1.4;margin:0;outline:none;box-shadow:none}
.ect-alerts .ect-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 18px;border:0;border-radius:999px;background:#111;color:#fff;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;margin:0;-webkit-appearance:none;appearance:none}
.ect-alerts .ect-submit:hover{background:#000}.ect-alerts .ect-submit:focus-visible{outline:2px solid #111;outline-offset:2px}
.ect-alerts .ect-submit:disabled{opacity:.75;cursor:default}
.ect-spin{display:none;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ect-spin .7s linear infinite}
.ect-busy .ect-spin{display:inline-block}
@keyframes ect-spin{to{transform:rotate(360deg)}}
.ect-msg{font-size:13px;margin:8px 0 0;color:#334155}.ect-msg:empty{display:none}.ect-msg.ect-err{color:#b91c1c}
.ect-fine{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#64748b;margin:10px 0 0}
.ect-mail{width:14px;height:14px;flex:0 0 auto;display:block}
.ect-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.ect-d-h{display:flex;align-items:center;gap:10px;min-width:0}
.ect-badge{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:#dcfce7;color:#15803d;display:flex;align-items:center;justify-content:center}
.ect-badge svg{width:18px;height:18px;display:block}
.ect-badge .ect-ck{stroke-dasharray:24;stroke-dashoffset:0}
.ect-anim .ect-badge{animation:ect-pop .32s ease-out .08s both}.ect-anim .ect-badge .ect-ck{animation:ect-draw .3s ease-out .18s both}
@keyframes ect-pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes ect-draw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
.ect-item{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.ect-item .ect-mail{margin-top:2px;color:#0f172a}
.ect-item-t{font-size:14px;font-weight:600;color:#0f172a;overflow-wrap:anywhere}
.ect-item-s{font-size:12.5px;color:#64748b;overflow-wrap:anywhere}
.ect-d-line{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.ect-view{transition:none!important}.ect-spin,.ect-anim .ect-badge,.ect-anim .ect-badge .ect-ck{animation:none!important}}
/* brand hero placement: upper-right of the market hero, aligned with the "As of" line; stacks under the title on phones */
.ct-brand-hero .ct-ed-hero-copy:has(.ect-brand-slot){position:static}
.ct-brand-hero .ect-brand-slot{position:absolute;top:48px;right:45px;z-index:4;display:flex;flex-direction:column;align-items:flex-end}
.ect-brand-act{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid rgba(15,23,42,.14);border-radius:999px;background:#fff;color:#0f172a;font:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:0 1px 3px rgba(15,23,42,.18);margin:0}
.ect-brand-act .ect-bell{color:#0f172a}
.ect-brand-act:hover{background:#f1f5f9;border-color:rgba(15,23,42,.24)}.ect-brand-act:active{background:#e2e8f0}
.ect-brand-act:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0f172a}
/* "Alerts on · Manage" on brand heroes: same white pill */
.ect-brand-slot .ect-on{gap:7px;padding:8px 14px;border:1px solid rgba(15,23,42,.14);border-radius:999px;background:#fff;color:#334155;font-size:13px;font-weight:600;line-height:1.2;box-shadow:0 1px 3px rgba(15,23,42,.18);text-shadow:none}
.ect-brand-slot .ect-manage{color:#0f172a;border-radius:4px}.ect-brand-slot .ect-manage:hover{color:#334155}
.ect-brand-slot .ect-manage:focus-visible{outline:2px solid #0f172a;outline-offset:2px}
.ect-brand-slot .ect-alerts.ect-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;margin:0}
@media(max-width:1000px){.ct-brand-hero .ct-ed-hero-copy:has(.ect-brand-slot){position:relative}.ct-brand-hero .ect-brand-slot{position:static;align-items:flex-start;margin:4px 0 12px}
.ect-brand-slot .ect-alerts.ect-panel{position:static;width:100%;margin-top:10px}}
@media(max-width:640px){.cg-hero .ect-alerts.ect-panel{max-width:none}}
/* the market hero clips overflow; let an open panel extend past it on desktop */
.ct-brand-hero:has(.ect-panel.ect-show){overflow:visible;z-index:40}
/* "Resend email" text action in the Check-your-inbox state */
.ect-resend-w{margin:-4px 0 14px;font-size:13px;color:#64748b}
.ect-resend-w[hidden]{display:none!important}
.ect-resend{background:none;border:0;padding:0;margin:0 8px 0 0;font:inherit;font-size:13px;font-weight:600;color:#0f172a;text-decoration:underline;text-underline-offset:2px;cursor:pointer;border-radius:4px}
.ect-resend:hover{color:#334155}.ect-resend:focus-visible{outline:2px solid #111;outline-offset:2px}
.ect-resend:disabled{color:#94a3b8;text-decoration:none;cursor:default}
.ect-rwait{font-size:12.5px;color:#94a3b8}
.ect-rmsg{margin:6px 0 0;font-size:13px;color:#166534}.ect-rmsg:empty{display:none}.ect-rmsg.ect-err{color:#b91c1c}
/* one-time announcement card with inline signup (fixed, never shifts layout; not a modal) */
.ect-ann{position:fixed;right:20px;bottom:20px;z-index:60;box-sizing:border-box;width:340px;max-width:calc(100vw - 24px);max-height:calc(100vh - 40px);overflow:auto;padding:14px 16px 16px;background:#fff;color:#0f172a;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 12px 32px rgba(15,23,42,.16);font-size:14px;line-height:1.45;opacity:0;transform:translateY(12px);transition:opacity .22s ease,transform .22s ease;text-align:left}
.ect-ann.ect-ann-in{opacity:1;transform:none}
.ect-ann-head{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.ect-ann-bell{width:16px;height:16px;flex:0 0 auto;color:#0f172a}
.ect-ann-new{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:1px 7px}
.ect-ann-t{font-size:15px;font-weight:700;color:#0f172a;flex:1 1 auto;min-width:0}
.ect-ann-x{flex:0 0 auto;background:none;border:0;padding:2px 6px;margin:-4px -6px 0 0;font:inherit;font-size:20px;line-height:1;color:#64748b;cursor:pointer;border-radius:6px}
.ect-ann-x:hover{color:#0f172a}.ect-ann-x:focus-visible,.ect-ann-choose:focus-visible{outline:2px solid #111;outline-offset:2px}
.ect-ann-p{margin:0 0 10px;color:#334155}
.ect-ann-row{display:flex;flex-wrap:wrap;gap:8px}
.ect-ann input.ect-ann-email{flex:1 1 150px;min-width:0;width:auto;height:40px;padding:0 12px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#0f172a;font:inherit;font-size:16px;margin:0}
.ect-ann input.ect-ann-email:focus{outline:none;border-color:#111;box-shadow:0 0 0 1px #111}
.ect-ann .ect-submit.ect-ann-cta{flex:0 0 auto;width:auto;height:40px;padding:0 16px;font-size:14px}
.ect-ann .ect-msg{margin-top:6px}
.ect-ann-choose{display:inline-block;background:none;border:0;padding:0;margin:8px 0 0;font:inherit;font-size:12.5px;color:#475569;text-decoration:underline;text-underline-offset:2px;cursor:pointer;border-radius:4px}
.ect-ann-choose:hover{color:#0f172a}
.ect-ann .ect-v-done .ect-p-t{font-size:15px}.ect-ann .ect-v-done .ect-p-sub{margin-bottom:10px;font-size:13.5px}.ect-ann .ect-item{margin-bottom:12px;padding:10px}
@media(max-width:640px){.ect-ann{left:12px;right:12px;bottom:12px;width:auto;max-width:none;max-height:33vh;padding:10px 12px 12px;font-size:13.5px}
.ect-ann-head{margin-bottom:4px}.ect-ann-p{margin-bottom:8px}
.ect-ann input.ect-ann-email,.ect-ann .ect-submit.ect-ann-cta{height:38px}
.ect-ann .ect-item{display:none}.ect-ann .ect-v-done .ect-p-sub{margin-bottom:8px}.ect-ann .ect-resend-w{margin:0 0 10px}.ect-ann .ect-done{height:40px}}
@media(prefers-reduced-motion:reduce){.ect-ann{transition:none!important;transform:none!important}}
.ect-ann-go{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border:0;border-radius:999px;background:#111;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;margin:0}
.ect-ann-go:hover{background:#000}.ect-ann-go:focus-visible{outline:2px solid #111;outline-offset:2px}
@media(max-width:640px){.ect-ann-go{height:34px;padding:0 14px;font-size:13.5px}}

/* card colour (Darren 2:42 PM ET): gold "New" pill, red title; buttons stay near-black; hero panel untouched */
.ect-ann .ect-ann-new{background:#C9A227;border-color:#B08D1E;color:#1a1407}
.ect-ann .ect-ann-t{color:#C8102E}

/* Yield to the site navs: never cover or intercept the sticky section sub-nav / global nav (Oct 18 2026) */
.ect-ann.ect-ann-yield,.ect-ann.ect-ann-in.ect-ann-yield{opacity:0!important;transform:translateY(calc(100% + 24px))!important;pointer-events:none!important;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.ect-ann.ect-ann-in:not(.ect-ann-yield){visibility:visible}