/*
 * PureCar Driver Tools Brand System v15
 * Master visual reference: /sell-my-car-northern-ireland
 * Brand: PureCar red + charcoal + white + soft grey.
 * Blue remains intentionally absent from brand/UI accents.
 */
:root{
  --pc15-red:#d7192a;
  --pc15-red-dark:#b51220;
  --pc15-red-deep:#95131e;
  --pc15-red-soft:#fff3f4;
  --pc15-red-soft-2:#fff8f8;
  --pc15-ink:#17191c;
  --pc15-text:#222b36;
  --pc15-muted:#596472;
  --pc15-muted-2:#74808d;
  --pc15-line:#e4e8ed;
  --pc15-bg:#f7f9fb;
  --pc15-card:#ffffff;
  --pc15-dark:#111318;
  --pc15-green:#137a4a;
  --pc15-green-soft:#edf8f2;
  --pc15-amber:#9a5a00;
  --pc15-amber-soft:#fff7e8;
  --pc15-shadow:0 16px 44px rgba(23,25,28,.07);
}

/* Global local navigation */
.pc-dt-localnav{background:#fff;border-bottom:1px solid var(--pc15-line);position:sticky;top:0;z-index:45;box-shadow:0 5px 20px rgba(23,25,28,.035)}
.pc-dt-localnav__inner{width:min(1180px,calc(100% - 30px));min-height:56px;margin:0 auto;display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none}
.pc-dt-localnav__inner::-webkit-scrollbar{display:none}
.pc-dt-localnav__brand{display:flex;align-items:center;gap:9px;font-weight:950;color:var(--pc15-ink);text-decoration:none;white-space:nowrap;margin-right:8px}
.pc-dt-localnav__dot{width:10px;height:10px;border-radius:50%;background:var(--pc15-red);box-shadow:0 0 0 5px var(--pc15-red-soft)}
.pc-dt-localnav a.pc-dt-localnav__link{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;color:#545f6d;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap;border:1px solid transparent}
.pc-dt-localnav a.pc-dt-localnav__link:hover,.pc-dt-localnav a.pc-dt-localnav__link.is-active{color:var(--pc15-red);background:var(--pc15-red-soft);border-color:#f2cdd1}
.pc-dt-localnav__progress{margin-left:auto!important;background:var(--pc15-dark)!important;color:#fff!important;border-radius:11px!important}

/* Driving tests - master palette overrides */
body .dt-page{background:linear-gradient(180deg,#fafbfc 0%,#f5f7f9 100%)!important;color:var(--pc15-text)!important}
body .dt-wrap{width:min(1180px,100%)!important}
body .dt-card{background:#fff!important;border-color:var(--pc15-line)!important;box-shadow:var(--pc15-shadow)!important}
body .dt-breadcrumb,body .dt-section-head p,body .dt-section>p{color:var(--pc15-muted)!important}
body .dt-breadcrumb a,body .dt-text-link,body .dt-topic b,body .dt-action-bottom,body .dt-resource span{color:var(--pc15-red)!important}
body .dt-kicker{color:var(--pc15-red)!important}
body .dt-hero:after{background:radial-gradient(circle,rgba(215,25,42,.12),rgba(215,25,42,0) 70%)!important}
body .dt-pill{border-color:var(--pc15-line)!important;color:#5a6471!important;background:#fff!important}
body .dt-start-section{border-color:#efc7cb!important}
body .dt-action,body .dt-resource,body .dt-topic{border-color:var(--pc15-line)!important;color:var(--pc15-text)!important;background:#fff!important}
body .dt-action:hover,body .dt-resource:hover,body .dt-topic:hover{border-color:#e9aeb5!important;background:var(--pc15-red-soft-2)!important;box-shadow:0 12px 28px rgba(83,20,27,.08)!important;color:var(--pc15-text)!important}
body .dt-action.primary{border-color:#efb9c0!important;background:linear-gradient(180deg,#fff 0%,#fff7f8 100%)!important}
body .dt-icon{background:var(--pc15-red-soft)!important;color:var(--pc15-red)!important}
body .dt-arrow{background:var(--pc15-red)!important;color:#fff!important}
body .dt-btn.primary{background:var(--pc15-red)!important;border-color:var(--pc15-red)!important;color:#fff!important}
body .dt-btn.primary:hover{background:var(--pc15-red-dark)!important}
body .dt-btn.dark{background:var(--pc15-dark)!important;border-color:var(--pc15-dark)!important}
body .dt-note,body .tt-explain,body .tt-readiness{background:#fff8f8!important;border-color:#f1d1d5!important;color:#5d3b40!important}
body .dt-centre-search:focus{border-color:#da818b!important;box-shadow:0 0 0 3px rgba(215,25,42,.08)!important}
body .dt-badge:not(.green){background:#f5f6f7!important;color:#596472!important}
body .dt-badge.green{background:var(--pc15-green-soft)!important;color:var(--pc15-green)!important}

/* Theory engine */
body .tt-progress{background:var(--pc15-red)!important}
body .tt-number.current{border-color:var(--pc15-red)!important;background:var(--pc15-red-soft)!important;color:var(--pc15-red)!important}
body .tt-answer:hover{background:#fff9f9!important;border-color:#e8b6bc!important}
body .tt-answer.selected{border-color:#dc7a85!important;background:var(--pc15-red-soft)!important}
body .tt-explain{background:#fff8f8!important}

/* Hazard perception */
body .hp-progress i{background:var(--pc15-red)!important}
body .hp-feedback article h3 span{color:var(--pc15-red)!important}
body .hp-hazard-btn{background:var(--pc15-red)!important;box-shadow:0 8px 22px rgba(215,25,42,.18)!important}

/* Phase 12 centre system */
body .pc-centre-priority span,body .pc-choice-grid span{background:var(--pc15-red-soft)!important;color:var(--pc15-red)!important}
body .pc-pass-rate-callout{border-color:#f0d0d4!important;background:linear-gradient(135deg,#fff7f8,#fff)!important}
body .pc-pass-rate-callout>strong,body .pc-centre-type{color:var(--pc15-red)!important}
body .pc-centre-card:hover{border-color:#e9aeb5!important;box-shadow:0 10px 28px rgba(83,20,27,.07)!important}
body .pc-centre-arrow{background:var(--pc15-dark)!important}
body .pc-centre-data-panel{background:linear-gradient(135deg,#fff8f8,#fff)!important}

/* Phase 14 category system */
body .pc14-type{border-color:var(--pc15-line)!important;color:var(--pc15-text)!important}
body .pc14-type:hover{border-color:#e9aeb5!important;box-shadow:0 12px 30px rgba(83,20,27,.08)!important}
body .pc14-link,body .pc14-choice span{color:var(--pc15-red)!important}
body .pc14-steps li>span{background:var(--pc15-red-soft)!important;color:var(--pc15-red)!important}
body .pc14-choice:hover,body .pc14-choice.is-selected{border-color:var(--pc15-red)!important;background:#fff8f8!important}
body .pc14-result{border-color:#efc5ca!important;background:#fff8f8!important}

/* Generic phase utilities: remove accidental brand blue/purple while preserving semantic green/amber/red states */
body [class^="pc"] a:not(.dt-btn):not(.pc-dt-localnav__link),body [class*=" pc"] a:not(.dt-btn):not(.pc-dt-localnav__link){text-decoration-color:rgba(215,25,42,.32)}
body .dt-page input:focus,body .dt-page select:focus,body .dt-page textarea:focus{border-color:#d96c78!important;box-shadow:0 0 0 3px rgba(215,25,42,.08)!important;outline:none!important}

/* Car Tools master page also uses PureCar sell-page palette */
body .ct-page{background:linear-gradient(180deg,#fafbfc 0%,#f5f7f9 100%)!important;color:var(--pc15-text)!important}
body .ct-card{border-color:var(--pc15-line)!important;box-shadow:var(--pc15-shadow)!important}
body .ct-kicker,body .ct-tool-featured .ct-tool-bottom,body .ct-chip:hover{color:var(--pc15-red)!important}
body .ct-hero:after{background:radial-gradient(circle,rgba(215,25,42,.11),rgba(215,25,42,0) 70%)!important}
body .ct-tool-featured{border-color:#efb9c0!important;background:linear-gradient(180deg,#fff,#fff8f8)!important}
body .ct-tool-featured .ct-tool-icon,body .ct-category-icon{background:var(--pc15-red-soft)!important;color:var(--pc15-red)!important}
body .ct-tool-featured .ct-arrow{background:var(--pc15-red)!important}
body a.ct-tool:hover,body a.ct-tool:focus{border-color:#e9aeb5!important;box-shadow:0 12px 30px rgba(83,20,27,.08)!important}
body a.ct-chip:hover{border-color:#e9aeb5!important;background:#fff8f8!important;color:var(--pc15-red)!important}
body .ct-status-next{background:var(--pc15-red-soft)!important;color:var(--pc15-red)!important}

/* Phase 15 hub */
.pc15-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;padding:0!important;overflow:hidden;background:#fff!important}
.pc15-hero__main{padding:44px 42px 38px;position:relative}
.pc15-hero__main:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--pc15-red)}
.pc15-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--pc15-red);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.pc15-hero__eyebrow:before{content:"";width:28px;height:2px;background:var(--pc15-red)}
.pc15-hero h1{font-size:clamp(38px,5vw,60px)!important;line-height:.98!important;max-width:760px!important;color:var(--pc15-ink)!important;margin-bottom:16px!important}
.pc15-hero__main>p{max-width:760px!important;font-size:17px!important;color:var(--pc15-muted)!important}
.pc15-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.pc15-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:950}
.pc15-cta--red{background:var(--pc15-red);color:#fff!important;box-shadow:0 10px 24px rgba(215,25,42,.18)}
.pc15-cta--red:hover{background:var(--pc15-red-dark)}
.pc15-cta--dark{background:var(--pc15-dark);color:#fff!important}
.pc15-hero__panel{background:var(--pc15-dark);color:#fff;padding:34px 28px;display:flex;flex-direction:column;justify-content:center}
.pc15-hero__panel small{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b9c0c8}
.pc15-hero__panel h2{font-size:25px!important;color:#fff!important;margin:8px 0 18px!important}
.pc15-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pc15-stat{background:#1b1e23;border:1px solid #2a2f36;border-radius:14px;padding:15px}
.pc15-stat strong{display:block;font-size:25px;line-height:1;color:#fff}
.pc15-stat span{display:block;margin-top:5px;color:#aeb6c0;font-size:10px;line-height:1.35}
.pc15-hubnav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.pc15-hubnav a{border:1px solid var(--pc15-line);border-radius:15px;background:#fff;padding:16px;text-decoration:none;color:var(--pc15-text);font-weight:950;font-size:13px;min-height:78px;display:flex;flex-direction:column;justify-content:space-between}
.pc15-hubnav a:hover{border-color:#e8b1b7;background:#fff9f9;color:var(--pc15-red)}
.pc15-hubnav a span{font-size:10px;color:#848e9a;font-weight:800;margin-top:5px}
.pc15-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pc15-tool{border:1px solid var(--pc15-line);border-radius:17px;padding:20px;background:#fff;text-decoration:none;color:var(--pc15-text);display:flex;min-height:190px;flex-direction:column;justify-content:space-between;transition:.16s ease}
.pc15-tool:hover{transform:translateY(-1px);border-color:#e6a8af;box-shadow:0 12px 30px rgba(83,20,27,.08);color:var(--pc15-text)}
.pc15-tool--featured{background:linear-gradient(180deg,#fff,#fff7f8);border-color:#efb9c0}
.pc15-tool__tag{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;background:var(--pc15-red-soft);color:var(--pc15-red);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}
.pc15-tool h3{margin:0 0 7px;font-size:18px;line-height:1.2;font-weight:950}
.pc15-tool p{margin:0;color:var(--pc15-muted);font-size:12px;line-height:1.55}
.pc15-tool__go{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--pc15-red);font-size:11px;font-weight:950;margin-top:17px}
.pc15-journey{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid var(--pc15-line);border-radius:18px;overflow:hidden;background:#fff}
.pc15-stage{padding:18px;border-right:1px solid var(--pc15-line);min-height:150px}
.pc15-stage:last-child{border-right:0}
.pc15-stage b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--pc15-red);color:#fff;font-size:11px;margin-bottom:12px}
.pc15-stage h3{margin:0 0 6px;font-size:14px;font-weight:950}
.pc15-stage p{margin:0;color:var(--pc15-muted);font-size:11px;line-height:1.5}
.pc15-dark-strip{background:var(--pc15-dark)!important;color:#fff!important;border-color:var(--pc15-dark)!important}
.pc15-dark-strip .dt-section-head h2,.pc15-dark-strip h3{color:#fff!important}
.pc15-dark-strip .dt-section-head p,.pc15-dark-strip p{color:#bac1ca!important}
.pc15-dark-strip .pc15-tool{background:#1a1d22!important;border-color:#2a2e34!important;color:#fff!important}
.pc15-dark-strip .pc15-tool p{color:#afb7c1!important}
.pc15-sourcebar{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:22px 24px;border:1px solid #efcbd0;border-radius:16px;background:#fff8f8}
.pc15-sourcebar strong{display:block;color:var(--pc15-ink);font-size:14px}
.pc15-sourcebar span{display:block;margin-top:4px;color:var(--pc15-muted);font-size:11px;line-height:1.5}
.pc15-sourcebar a{color:var(--pc15-red);font-size:12px;font-weight:950;text-decoration:none}

@media(max-width:1000px){.pc15-hero{grid-template-columns:1fr}.pc15-hero__panel{display:block}.pc15-hubnav,.pc15-journey{grid-template-columns:repeat(3,minmax(0,1fr))}.pc15-stage{border-bottom:1px solid var(--pc15-line)}.pc15-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.pc-dt-localnav__inner{width:calc(100% - 18px)}.pc15-hero__main{padding:30px 20px 26px}.pc15-hero__panel{padding:24px 20px}.pc15-stats{grid-template-columns:1fr 1fr}.pc15-hubnav{grid-template-columns:1fr 1fr}.pc15-tool-grid{grid-template-columns:1fr}.pc15-journey{grid-template-columns:1fr}.pc15-stage{border-right:0}.pc15-sourcebar{grid-template-columns:1fr}.pc-dt-localnav__progress{margin-left:0!important}}