/* Page-specific styles for skin-cancer.html — extracted verbatim from the page's
   original inline <style> block (Phase 3b follow-up). Loaded AFTER canova.css
   on this page ONLY, preserving the exact original cascade — the earlier
   scope-prefixing approach inflated specificity and broke base-rule wins
   (reveal transparency, cell padding, FAQ alignment). */
/* topbar */

/* nav */

/* breadcrumb */

/* hero */

/* sections */

/* band */

/* types grid */
.types{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);}
.type{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:34px 30px 38px;background:var(--porcelain);}
.type .ref{font-family:'IBM Plex Mono',monospace;font-size:0.66rem;letter-spacing:0.14em;color:var(--brass);text-transform:uppercase;}
.type h3{font-family:'Libre Caslon Text',serif;font-weight:400;font-size:1.4rem;color:var(--pine-deep);margin:12px 0 6px;}
.type .stat{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;color:var(--muted);margin-bottom:14px;}
.type p{font-size:0.92rem;color:var(--muted);}
.type .look{margin-top:14px;font-size:0.88rem;color:var(--ink);border-top:1px dashed var(--hairline);padding-top:12px;}
.type .look b{color:var(--pine-deep);}
/* split + checklist */

/* ABCDE */
.abcde{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);margin-top:8px;}
.ab{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:26px 22px;}
.ab .l{font-family:'Libre Caslon Text',serif;font-size:2.2rem;color:var(--brass);line-height:1;}
.ab h3{font-size:0.98rem;font-weight:600;margin:12px 0 6px;}
.ab p{font-size:0.84rem;color:var(--muted);}
/* facts */

/* fees */
.fees{background:var(--paper);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);}

.feecard p{font-size:0.92rem;color:var(--muted);flex:1;}

/* FAQ */

/* disclaimer */

/* final cta */

/* accreditations band */

/* footer (corporate) */

/* sticky mobile CTA (dual-action) */

/* reveal */

/* responsive */
@media (max-width:1000px){
  nav.links{display:none;}
  .sameday .cols,.split{grid-template-columns:1fr;gap:48px;}
  .split .sticky{position:static;}
  .types{grid-template-columns:1fr;}
  .abcde{grid-template-columns:1fr 1fr;}
  .feegrid{grid-template-columns:1fr;}
  .fgrid{grid-template-columns:1fr 1fr;gap:34px;}
  .ftrust{grid-template-columns:1fr;}
  .frev{text-align:left;}
}
@media (max-width:640px){
  .wrap{padding:0 20px;}
  .rail{grid-template-columns:1fr 1fr;}
  .rail .cell{padding:18px 14px 18px 0;}
  .rail .cell:nth-child(odd){padding-left:0;}
  .rail .cell:nth-child(even){padding-left:14px;}
  .rail .cell:nth-child(2n){border-right:none;}
  .rail .cell:nth-child(n+3){border-top:1px solid var(--hairline);}
  .abcde,.facts{grid-template-columns:1fr;}
  .section,.sameday,.fees,.guarantee{padding:52px 0;}
  .section-head{margin-bottom:30px;}
  .topbar .reg span:nth-child(2){display:none;}
  .faq .a{padding-right:0;}
  .fgrid{grid-template-columns:1fr;}
}
@media (max-width:760px){
  header.nav > .wrap > a.cta{display:none;}
  body{padding-bottom:68px;}
  .mcta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--pine-deep);padding:10px 16px;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.12);}
  .mcta .p{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;color:#C9A85C;}
  .mcta .p b{color:#fff;font-family:'Libre Caslon Text',serif;font-size:1.1rem;display:block;}
  .mcta .cta{padding:11px 18px;font-size:0.84rem;}
}

/* ============ client revisions (Jun 2026): logo image · corporate footer · price reveal ============ */
.logo{flex-direction:column;align-items:flex-start;gap:3px;}

.logo .est{margin-left:0;font-size:0.55rem;letter-spacing:0.24em;}

.flogo .est{color:var(--brass-light);margin-left:0;}

.ftrust{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.ftrust .frev{display:flex;align-items:center;gap:12px;text-align:left;}

/* price reveal accordion */
.pricedrop{display:inline-block;margin-top:8px;border:1px solid var(--brass);background:#fff;}

/* Option B — click-the-name price reveal */

.fr-desc{font-size:0.92rem;color:var(--muted);max-width:64ch;line-height:1.7;margin-top:14px;}
