/* =========================================================================
   MAS UK – Pre-Submission Checks pages (psc-page.php)
   Loaded after home-lp.css; reuses its tokens (--lp-*) and Option C look.
   ========================================================================= */

/* Breadcrumb in the hero */
.psc-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;font-size:13px;color:var(--lp-muted)}
.psc-crumb a{color:var(--lp-muted)!important;text-decoration:none!important}
.psc-crumb a:hover{color:var(--lp-brand)!important;text-decoration:underline!important}
.psc-crumb span[aria-hidden]{opacity:.5}
.psc-crumb [aria-current]{color:var(--lp-ink);font-weight:600}

/* Facts strip (matches the homepage stats strip) */
.psc-facts{background:#fff3c4;border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line);padding:clamp(22px,3vw,32px) 0}
.psc-facts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.psc-facts li{text-align:center;padding:4px 16px;border-left:1px solid rgba(20,32,28,.25)}
.psc-facts li:first-child{border-left:0}
.psc-facts strong{display:block;font-size:clamp(20px,2.2vw,28px);line-height:1.15;font-weight:900;letter-spacing:-.01em;color:var(--lp-ink);margin-bottom:4px}
.psc-facts span{font-size:14px;font-weight:500;color:var(--lp-text)}

/* Check cards */
.psc-check{position:relative}
.psc-check h3{margin-top:14px}
.psc-tick{width:40px;height:40px;border-radius:12px;background:rgba(11,122,92,.1);position:relative;display:block}
.psc-tick::after{content:"";position:absolute;left:15px;top:10px;width:9px;height:16px;border:solid var(--lp-brand);border-width:0 3px 3px 0;transform:rotate(45deg)}
.psc-x{width:40px;height:40px;border-radius:12px;background:#fdecea;color:var(--lp-hot);font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center}
.psc-inline{margin-top:auto;padding-top:14px;font-size:14px;font-weight:700;color:var(--lp-brand)!important;text-decoration:none!important}
.psc-inline:hover{text-decoration:underline!important}

/* Service cards (hub + related) */
.psc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.psc-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.psc-card{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--lp-line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);color:var(--lp-text)!important;text-decoration:none!important;transition:transform .25s,box-shadow .25s,border-color .25s}
a.psc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:rgba(11,122,92,.35)}
.psc-card h3{font-size:19px;line-height:1.3;font-weight:800;margin:6px 0 0;color:var(--lp-ink)}
.psc-card p{font-size:15px;line-height:1.6;color:var(--lp-muted);margin:4px 0 0}
.psc-num{font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--lp-brand)}
.psc-card-tag{align-self:flex-start;font-size:12px;font-weight:700;color:#7a4b00;background:#fff3c4;border:1px solid #f2d27a;border-radius:999px;padding:3px 10px}
.psc-card-more{margin-top:auto;padding-top:14px;font-size:14px;font-weight:700;color:var(--lp-brand)}
.psc-card-full{background:linear-gradient(140deg,#0a3a2d 0%,#0b6a50 100%);border-color:transparent;color:#fff!important}
.psc-card-full h3,.psc-card-full p{color:#fff}
.psc-card-full p{opacity:.85}
.psc-card-full .psc-num{color:#ffd23f}
.psc-card-full .lp-btn{margin-top:auto;align-self:flex-start}

/* Hub matcher */
.psc-match{max-width:860px;margin:0 auto;display:grid;gap:10px}
.psc-match-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--lp-line);border-radius:var(--radius-sm);padding:16px 20px;color:var(--lp-ink)!important;text-decoration:none!important;transition:border-color .2s,box-shadow .2s}
.psc-match-row:hover{border-color:var(--lp-brand);box-shadow:var(--shadow)}
.psc-match-q{font-size:16px;font-weight:600}
.psc-match-a{flex:none;font-size:14px;font-weight:800;color:var(--lp-brand);white-space:nowrap}

/* What you get + sample feedback */
.psc-get{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
.psc-get .lp-head{margin-bottom:24px}
.psc-get-list{margin-bottom:28px}
.psc-sample{margin:0;background:#fff;border:1px solid var(--lp-line);border-radius:20px;padding:24px;box-shadow:var(--shadow-hover)}
.psc-sample figcaption{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-brand);margin:0 0 14px}
.psc-sample figcaption span{font-weight:600;letter-spacing:0;text-transform:none;color:var(--lp-muted)}
.psc-doc{font-family:Georgia,"Times New Roman",serif;font-size:16.5px;line-height:1.75;color:var(--lp-ink);background:#fbfcfb;border:1px solid var(--lp-line);border-radius:12px;padding:18px 20px;margin-bottom:14px}
.psc-doc small{font-family:inherit;font-size:13px;color:var(--lp-muted)}
.psc-doc mark{background:#fff1b8;color:inherit;padding:1px 2px;border-radius:3px;box-shadow:inset 0 -2px 0 #f2c94c}
.psc-doc mark.b{background:#ffe4e1;box-shadow:inset 0 -2px 0 #f2a29a}
.psc-cmt{border-left:4px solid #f2c94c;background:#fffbea;border-radius:0 10px 10px 0;padding:12px 14px;margin-top:10px}
.psc-cmt.b{border-left-color:#e5383b;background:#fff4f3}
.psc-cmt b{display:block;font-size:13px;color:var(--lp-ink);margin-bottom:3px}
.psc-cmt p{font-size:14.5px;line-height:1.55;color:var(--lp-text);margin:0}

/* Steps */
.psc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);counter-reset:none}
.psc-steps li{position:relative;background:#fff;border:1px solid var(--lp-line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.psc-step-n{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--lp-brand);color:#fff;font-weight:800;font-size:18px;margin-bottom:14px}
.psc-steps h3{font-size:18px;font-weight:800;margin:0 0 6px;color:var(--lp-ink)}
.psc-steps p{font-size:15px;line-height:1.6;color:var(--lp-muted)}

/* Who it helps */
.psc-for{padding:clamp(32px,4vw,48px) 0;background:#fff;border-top:1px solid var(--lp-line)}
.psc-for .lp-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.psc-for h2{font-size:20px;font-weight:800;margin:0;color:var(--lp-ink)}
.psc-for ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.psc-for li{padding:8px 14px;border:1px solid var(--lp-line);border-radius:999px;background:var(--lp-soft);font-size:14px;font-weight:600;color:var(--lp-ink)}

/* Do / don't */
.psc-dd{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);max-width:960px;margin:0 auto}
.psc-dd-col{background:#fff;border:1px solid var(--lp-line);border-radius:var(--radius);padding:26px 28px;box-shadow:var(--shadow)}
.psc-dd-col h3{font-size:19px;font-weight:800;margin:0 0 14px;color:var(--lp-ink)}
.psc-dd-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.psc-dd-col li{position:relative;padding-left:32px;font-size:15.5px;line-height:1.55;color:var(--lp-text)}
.psc-dd-col li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%}
.psc-dd-col.yes li::before{background:var(--lp-brand)}
.psc-dd-col.yes li::after{content:"";position:absolute;left:8px;top:6px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.psc-dd-col.no li::before{background:#fdecea}
.psc-dd-col.no li::after{content:"\00d7";position:absolute;left:0;top:1px;width:22px;line-height:22px;text-align:center;font-weight:800;color:var(--lp-hot)}
.psc-dd-col.yes{border-top:4px solid var(--lp-brand)}
.psc-dd-col.no{border-top:4px solid var(--lp-hot)}

/* Responsive */
@media (max-width:1100px){
  .psc-cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .psc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
  .psc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .psc-get{grid-template-columns:1fr}
  .psc-facts ul{grid-template-columns:repeat(2,1fr);row-gap:18px}
  .psc-facts li:nth-child(3){border-left:0}
}
@media (max-width:640px){
  .psc-cards,.psc-cards-4,.psc-steps,.psc-dd{grid-template-columns:1fr}
  .psc-match-row{flex-direction:column;align-items:flex-start;gap:6px}
  .psc-sample{padding:18px}
  .psc-for .lp-wrap{display:block}
  .psc-for h2{margin-bottom:12px}
}

/* Breadcrumb: hard reset against theme link/nav styles (italic, large size, padding) */
.psc-page nav.psc-crumb{display:flex!important;flex-wrap:wrap;align-items:center;gap:0!important;margin:0 0 14px!important;padding:0!important;background:none!important;border:0!important;
  font-size:13px!important;line-height:1.4!important;font-style:normal!important;font-weight:500!important;color:var(--lp-muted)!important;text-transform:none!important;letter-spacing:0!important}
.psc-page nav.psc-crumb>a,.psc-page nav.psc-crumb>span{display:inline!important;float:none!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;
  font:inherit!important;font-style:normal!important;line-height:inherit!important;background:none!important;border:0!important;box-shadow:none!important;vertical-align:baseline!important}
.psc-page nav.psc-crumb>a{color:var(--lp-muted)!important;text-decoration:none!important}
.psc-page nav.psc-crumb>a:hover{color:var(--lp-brand)!important;text-decoration:underline!important}
.psc-page nav.psc-crumb>span[aria-hidden]{margin:0 8px!important;opacity:.5}
.psc-page nav.psc-crumb>span[aria-current]{color:var(--lp-ink)!important;font-weight:700!important}
.psc-page nav.psc-crumb>a::before,.psc-page nav.psc-crumb>a::after,.psc-page nav.psc-crumb>span::before,.psc-page nav.psc-crumb>span::after{display:none!important;content:none!important}