/* CoPilot purchase access and persistent navigation. Scoped away from GuideCoat. */
html:has(.workshop[data-product="collision-copilot"]){scroll-padding-top:calc(var(--copilot-header-height,100px) + 20px)}
.workshop[data-product="collision-copilot"] .site-header{position:sticky;top:0;z-index:50;background:var(--paper);box-shadow:0 3px 14px #28272214}
.workshop[data-product="collision-copilot"] .skip-link{position:fixed;z-index:60}
.workshop[data-product="collision-copilot"] .header-inner{min-height:88px;padding-block:14px;gap:18px;flex-wrap:nowrap}
.workshop[data-product="collision-copilot"] .brand-group{width:auto;flex:none}
.workshop[data-product="collision-copilot"] .product-nav{width:auto;flex-wrap:nowrap;margin-left:auto;gap:18px;font-size:13px}
.workshop[data-product="collision-copilot"] .product-nav>a{white-space:nowrap}
.workshop[data-product="collision-copilot"] .header-purchase{flex:none;white-space:nowrap;gap:14px;padding-inline:18px}
.workshop[data-product="collision-copilot"] .nav-toggle{display:none;min-height:44px;align-items:center;justify-content:center;gap:10px;border:1px solid #a7a296;background:transparent;padding:10px 14px;font:600 14px 'Space Grotesk',sans-serif}
.workshop[data-product="collision-copilot"] .panel-rail,.ai-basics-page .basics-index{top:calc(var(--copilot-header-height,100px) + 24px)}
.workshop .offer-label{font:700 11px/1.6 'Space Grotesk',sans-serif;letter-spacing:1.3px;color:var(--copper);margin-bottom:10px}
.workshop .launch-offer{max-width:490px;border-left:3px solid #E09A6F;padding-left:18px;margin-top:22px}
.workshop .launch-offer .offer-label{color:#F1AC81;margin-bottom:6px}
.workshop .launch-price{font:600 43px/1.2 'Space Grotesk',sans-serif}
.workshop .launch-price span{font:500 15px/1.5 Manrope,sans-serif}
.workshop .launch-users{font-size:13px;margin-top:7px}
.workshop .launch-terms{font-size:13px;line-height:1.65;margin-top:7px;max-width:420px}
.workshop .hero-actions{margin-top:22px;gap:16px}
.workshop .hero-actions .button{gap:14px;padding-inline:18px}
.workshop .hero-cost-note{font-size:11px;margin-top:12px}
.workshop .hero-footnote{margin-top:14px}
.workshop .hero-footnote a+a{margin-left:12px}
.workshop .plan-founding-note{font-size:14px;line-height:1.75;margin-block:14px}
.workshop .closing .text-link{margin-left:22px}
/* Launch 2026-10-13: category line, what-it-is block, labels and contrast fixes. */
.workshop[data-product="collision-copilot"] h1 .hero-kicker{display:block;margin-bottom:16px;color:#F1AC81;-webkit-text-stroke:0;font:600 15px/1.5 'Space Grotesk',sans-serif;letter-spacing:.4px;text-transform:none}
.workshop[data-product="collision-copilot"] .closing .text-link{color:#F1AC81;border-bottom-color:#F1AC8199}
.workshop[data-product="collision-copilot"] .additional-user-price{color:#57544c}
.workshop .copilot-about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:60px;border-bottom:1px solid #c6c0b1}
.workshop .copilot-about h2{font-size:clamp(35px,3.4vw,52px);margin-top:15px}
.workshop .copilot-about .about-definition{font-size:17px;line-height:1.8}
.workshop .copilot-about .about-audience{margin-top:18px;color:var(--muted)}
.workshop .copilot-about h3{font:600 23px/1.4 'Space Grotesk',sans-serif;margin-bottom:14px}
.workshop .copilot-about ul{padding-left:20px;margin:0}
.workshop .copilot-about li{margin-bottom:10px}
.workshop .copilot-about .about-lead{font-size:17px;line-height:1.7;font-weight:600;margin-bottom:16px}
.workshop .copilot-about .about-closing{margin-top:18px}
.workshop .copilot-about .about-current{margin-top:14px}
.workshop .copilot-about .about-state-request{margin-top:14px;color:var(--muted)}
.workshop .copilot-about .about-state-request strong{color:var(--ink)}
.workshop .copilot-about .about-state-guide{margin-top:14px}.workshop .copilot-about .about-state-guide p{margin:0}
.workshop .copilot-about .about-state-guide a{color:var(--copper);font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* Hero animation pause/play (WCAG 2.2.2), beside the hero's own bottom link. */
.workshop .hero-bottom-start{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px}
.workshop .hero-motion-control{margin:0;min-height:32px;padding:4px 12px;border:1px solid #edeae299;background:transparent;color:inherit;font:600 10px/1.4 'Space Grotesk',sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.workshop .hero-motion-control:hover{border-color:var(--paper)}
@media(max-width:600px){.workshop .hero-bottom-start{flex-direction:column;align-items:start}}
.workshop .assistant-note,.workshop .independence-note{font-size:14px;line-height:1.75;margin-top:18px;max-width:1050px}
.workshop .independence-note{color:var(--muted)}
.workshop .plan .refund-note{font-size:13px;line-height:1.7;margin-top:10px}
.workshop .plan .refund-note a{text-decoration:underline;text-underline-offset:3px}
/* A visible address under the calendar buttons, for visitors with no mail app. */
.workshop .plan .plan-email{font-size:13px;line-height:1.7;margin-top:12px}
.workshop .plan .plan-email a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
/* Founder: LinkedIn directly under the name, signature line, compact course lists. */
.workshop .founder-portrait .founder-linkedin{display:block;width:fit-content;margin-top:4px;font:600 14px/1.6 'Space Grotesk',sans-serif;color:var(--copper);text-decoration:underline;text-underline-offset:3px}
.workshop .founder-portrait .founder-linkedin span{display:inline;margin:0;font:inherit;color:inherit}
.workshop .founder-story>p.founder-signature{color:var(--ink);font-weight:600}
.workshop .founder-story>p a{color:var(--copper);text-underline-offset:3px;overflow-wrap:anywhere}
.workshop .credential-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 36px;margin-top:16px}
.workshop .credential-group h4{margin:0;font:600 14px/1.5 'Space Grotesk',sans-serif;letter-spacing:.3px}
.workshop .founder-credentials .credential-group ul{margin:8px 0 0;font-size:14px;line-height:1.55}
.workshop .founder-credentials .credential-group li+li{margin-top:6px}
.workshop .founder-credentials .credential-groups+p{margin-top:18px}
.workshop .credential-details{margin-top:12px}.workshop .credential-details summary{cursor:pointer;font:600 14px/1.5 'Space Grotesk',sans-serif;color:var(--copper)}.workshop .credential-details+p{margin-top:18px}
@media(max-width:800px){.workshop .credential-groups{grid-template-columns:1fr;gap:18px}}
.workshop .footer-independence{margin-top:18px;padding-bottom:26px;font-size:12px;line-height:1.7;color:var(--muted)}
.ai-basics-page .basics-next+.basics-next{margin-top:24px}
.ai-basics-page .basics-next .text-link{color:#8a3618}
.workshop .not-found{padding-block:90px 110px;max-width:760px}
.workshop .not-found h1{font-size:clamp(54px,6vw,96px)}
.workshop .not-found ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:6px}
.workshop .not-found li a{display:inline-flex;align-items:center;min-height:44px;color:#8a3618;font-weight:700}
@media(max-width:800px){.workshop .copilot-about{grid-template-columns:1fr;gap:28px;padding-block:38px}.workshop .copilot-about .about-definition{font-size:16px}.workshop .not-found{padding-block:60px 80px}}
@media(max-width:1200px){
 .workshop[data-product="collision-copilot"] .header-inner{flex-wrap:wrap;gap:12px}
 .workshop[data-product="collision-copilot"] .brand-group{margin-right:auto}
 .workshop[data-product="collision-copilot"] .product-nav{order:4;width:100%;flex-wrap:wrap;margin:0;gap:4px 22px}
 .workshop[data-product="collision-copilot"] .header-purchase{margin:0}
 .workshop[data-product="collision-copilot"] .nav-toggle:not([hidden]){display:flex}
 .workshop[data-product="collision-copilot"] .site-header[data-menu-enhanced] .product-nav{position:absolute;top:100%;right:0;width:min(380px,100%);padding:18px 24px;display:grid;gap:0;background:var(--paper);border-bottom:4px solid var(--copper);box-shadow:0 9px 16px #28272226;max-height:calc(100dvh - var(--copilot-header-height,100px));overflow:auto}
 .workshop[data-product="collision-copilot"] .site-header[data-menu-enhanced] .product-nav>a{min-height:48px}
 .workshop[data-product="collision-copilot"] .site-header[data-menu-enhanced] .product-nav{grid-template-columns:1fr}
 .workshop[data-product="collision-copilot"] .site-header[data-menu-enhanced] .product-nav>a{grid-column:1;grid-row:auto;justify-self:start;margin-left:0;width:auto}
}
@media(max-width:600px){
 .workshop[data-product="collision-copilot"] .header-inner{padding-block:10px;gap:8px;min-height:0}
 .workshop[data-product="collision-copilot"] .brand-group,.workshop.ai-basics-page[data-product="collision-copilot"] .site-header .wordmark{flex-basis:100%}
 .workshop[data-product="collision-copilot"] .header-purchase{margin-left:auto;font-size:13px;padding:10px 14px;min-height:44px}
 .workshop[data-product="collision-copilot"] .product-nav .product-cross-link{width:auto}
 .workshop[data-product="collision-copilot"] .product-nav .account-link{margin:0}
 .workshop .hero-actions .button{width:100%;max-width:420px}
 .workshop .launch-price{font-size:38px}
 .workshop .launch-price span{font-size:13px}
 .workshop .closing .text-link{margin:16px 0 0}
}
@media(max-width:800px){.workshop[data-product="collision-copilot"] .panel-rail,.ai-basics-page .basics-index{position:static}}

@media(min-width:801px){
 .workshop[data-product="collision-copilot"] .hero-inner{padding-block:42px 82px}
 .workshop[data-product="collision-copilot"] h1.benefit-headline{font-size:clamp(60px,5vw,88px);margin-block:22px}
 .workshop[data-product="collision-copilot"] .hero-description{font-size:16px;line-height:1.75}
}

/* FAQ topics as tabs: one group on screen at a time (copilot-launch.js adds .faq-tabbed). */
.workshop .faq-tabbed .faq-group[hidden]{display:none}
.workshop[data-product='collision-copilot'] .faq-tabbed .faq-topics a{padding:0 2px;border-bottom:2px solid transparent}
.workshop[data-product='collision-copilot'] .faq-tabbed .faq-topics a[aria-current='true']{color:var(--ink);border-bottom-color:var(--copper);font-weight:700}
.workshop[data-product='collision-copilot'] .faq-tabbed .faq-group+.faq-group{margin-top:0}

/* The category line leads the hero, centered under the header in off-white (owner's direction 2026-10-15: no product name, the banner has it; quiet, not display size).
   The span stays inside the H1 for the heading text; it is pinned to the top of .hero-inner, which gains the room above its centered content. */
.workshop[data-product="collision-copilot"] h1 .hero-kicker{position:absolute;top:0;left:0;right:0;margin:0;text-align:center;color:var(--paper);font:600 clamp(18px,1.8vw,26px)/1.3 'Space Grotesk',sans-serif;letter-spacing:.2px;text-wrap:balance}
@media(min-width:801px){.workshop[data-product="collision-copilot"] .hero-inner{padding-block:96px 82px}}
@media(max-width:800px){.workshop[data-product="collision-copilot"] h1 .hero-kicker{font-size:17px}.workshop[data-product="collision-copilot"] .hero-inner{padding-top:92px}}
.workshop .copilot-about .about-state-guide ul{margin:8px 0 0;padding-left:20px;display:grid;gap:6px}
.workshop .copilot-about .about-state-guide .about-state-hub{margin-top:10px}