/* =========================================================================
   Hark Tech "paper and bench" layer for the service-page template, 2026-09-27.
   Loaded LAST, after theme-paper.css (which supplies the tokens, fonts, nav,
   booking modal and mobile bar), on service pages stamped body.paper:
   .page-header hero, fact box, why grid, included/how lists, FAQ, related
   guides, plus the Xbox Elite assessment layout. Everything is scoped to
   body.paper so unstamped pages do not change. The footer stays dark.
   ========================================================================= */

/* ---------- Ground and type ---------- */
body.paper main,body.paper>section,body.paper section.section-alt{color:var(--p-ink)}
body.paper>section,body.paper main>section{background:var(--p-paper)}
body.paper>section.section-alt,body.paper main>section.section-alt{background:var(--p-paper-deep);border-block:1px solid var(--p-line)}
body.paper h1,body.paper>section h2,body.paper main h2,body.paper>section h3,body.paper main h3{font-family:var(--p-display);color:var(--p-ink);letter-spacing:-.01em;font-weight:600}
body.paper>section p,body.paper main p,body.paper>section li,body.paper main li{color:var(--p-ink-2)}
body.paper>section a:not(.btn),body.paper main a:not(.btn){color:var(--p-accent)!important;text-decoration:underline;text-underline-offset:3px}
body.paper>section a:not(.btn):hover,body.paper main a:not(.btn):hover{color:var(--p-ink)!important}
body.paper>section strong,body.paper main strong{color:var(--p-ink)}
body.paper .muted,body.paper .muted-center{color:var(--p-mut)!important}

/* ---------- Breadcrumb ---------- */
body.paper .site-breadcrumb{background:transparent;color:var(--p-mut);font-family:var(--p-mono);font-size:.78rem;letter-spacing:.04em;padding-top:1rem;padding-bottom:.4rem}
body.paper .site-breadcrumb a{color:var(--p-ink-2);text-decoration:none}
body.paper .site-breadcrumb a:hover{color:var(--p-accent);text-decoration:underline}
body.paper .site-breadcrumb [aria-current]{color:var(--p-mut)}

/* ---------- Hero ---------- */
body.paper .page-header{background:var(--p-paper)!important;color:var(--p-ink);border-bottom:1px solid var(--p-line);padding-top:clamp(1.6rem,4vw,3rem)}
body.paper .page-header::before,body.paper .page-header::after{display:none!important}
body.paper .page-header h1{color:var(--p-ink)!important;font-family:var(--p-display);font-weight:600;letter-spacing:-.02em;line-height:1.04;background:none!important;-webkit-text-fill-color:currentColor}
body.paper .page-header h1::after{display:none}
body.paper .cs-eyebrow{color:var(--p-accent)!important;font-family:var(--p-mono);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;background:none;border:0;padding:0}
body.paper .page-header p,body.paper .page-header .extract-summary{color:var(--p-ink-2)!important}
body.paper .service-hero-trust li{color:var(--p-ink-2)!important;background:transparent!important;border:0}
body.paper .service-hero-trust li::before{color:var(--p-green)!important}
body.paper .service-hero-trust .queue-chip{border:1px solid var(--p-line-strong)!important;background:var(--p-white)!important;color:var(--p-ink)!important;border-radius:0!important;box-shadow:none!important}
body.paper .queue-dot{background:var(--p-green)!important;box-shadow:none!important}
body.paper .service-hero-figure{background:var(--p-white)!important;border:1px solid var(--p-line-strong)!important;border-radius:0!important;box-shadow:6px 6px 0 var(--p-line)!important;overflow:hidden}
body.paper .service-hero-figure img{background:transparent}

/* ---------- Buttons (content only; the nav keeps theme-paper.css rules) ---------- */
body.paper>section .btn,body.paper main .btn{border-radius:0!important;font-family:var(--p-body);font-weight:600;box-shadow:none!important;text-decoration:none}
body.paper>section .btn-primary,body.paper main .btn-primary{background:var(--p-ink)!important;color:var(--p-paper)!important;border:1.5px solid var(--p-ink)!important;background-image:none!important}
body.paper>section .btn-primary:hover,body.paper main .btn-primary:hover,body.paper>section .btn-primary:focus-visible,body.paper main .btn-primary:focus-visible{background:var(--p-accent)!important;border-color:var(--p-accent)!important;color:#fff!important}
body.paper>section .btn-secondary,body.paper main .btn-secondary{background:transparent!important;color:var(--p-ink)!important;border:1.5px solid var(--p-ink)!important}
body.paper>section .btn-secondary:hover,body.paper main .btn-secondary:hover{background:var(--p-ink)!important;color:var(--p-paper)!important}
body.paper>section .btn-whatsapp,body.paper main .btn-whatsapp{background:var(--p-green)!important;color:#fff!important;border:1.5px solid var(--p-green)!important}
body.paper>section .btn-whatsapp:hover,body.paper main .btn-whatsapp:hover{background:#17532f!important;border-color:#17532f!important}

/* ---------- Review strip ---------- */
body.paper .repair-review-proof{background:var(--p-white);border-block:1px solid var(--p-line);color:var(--p-ink)}
body.paper .repair-review-proof h2{font-family:var(--p-mono);font-weight:500;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--p-mut)}
body.paper .repair-review-proof blockquote{font-family:var(--p-display);font-size:1.2rem;color:var(--p-ink)}
body.paper .repair-review-proof a{color:var(--p-accent)}

/* ---------- Answer block and fact box ---------- */
body.paper .answer-block{background:transparent!important;border:0!important;border-left:3px solid var(--p-accent)!important;border-radius:0!important;box-shadow:none!important;padding:.2rem 0 .2rem 1.2rem;color:var(--p-ink-2)}
body.paper .fact-box{background:var(--p-white)!important;border:1px solid var(--p-line-strong)!important;border-radius:0!important;box-shadow:none!important}
body.paper .fact-box-heading{font-family:var(--p-mono)!important;font-weight:500;font-size:.8rem!important;letter-spacing:.12em;text-transform:uppercase;color:var(--p-mut)!important}
body.paper .fact-box-table th{font-family:var(--p-mono);font-weight:500;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--p-mut)!important;background:transparent!important}
body.paper .fact-box-table td{color:var(--p-ink)!important;background:transparent!important}
body.paper .fact-box-table th,body.paper .fact-box-table td{border-color:var(--p-line)!important}

/* ---------- Why grid: hairlines, not cards ---------- */
body.paper .why-item,body.paper .symptom,body.paper .outcome,body.paper .price-path article{background:transparent!important;border:0!important;border-top:2px solid var(--p-ink)!important;border-radius:0!important;box-shadow:none!important;padding:1rem 0 0!important}
body.paper .why-item h3,body.paper .symptom h3{color:var(--p-ink)!important}

/* ---------- Lists ---------- */
body.paper .included-list li,body.paper .how-list li,body.paper .related-guides li{border-color:var(--p-line)!important;background:transparent!important}
body.paper .included-list li::before{color:var(--p-green)!important;background:none!important}
body.paper .how-list li::before,body.paper .how-list li::marker{color:var(--p-accent)!important;font-family:var(--p-mono)}
body.paper .how-list li::before{background:transparent!important;border:1.5px solid var(--p-ink)!important;border-radius:0!important;color:var(--p-ink)!important}

/* ---------- FAQ ---------- */
body.paper .faq-item{background:transparent!important;border:0!important;border-top:1px solid var(--p-line)!important;border-radius:0!important;box-shadow:none!important}
body.paper .faq-item:last-of-type{border-bottom:1px solid var(--p-line)!important}
body.paper .faq-item summary{color:var(--p-ink)!important;font-weight:600}
body.paper .faq-item summary::after,body.paper .faq-item summary::marker{color:var(--p-accent)!important}
body.paper .faq-item p{color:var(--p-ink-2)!important}

/* ---------- Xbox Elite assessment layout ---------- */
body.paper .elite-hero{background:var(--p-paper)!important;color:var(--p-ink);border-bottom:1px solid var(--p-line)}
body.paper .elite-hero h1{color:var(--p-ink)!important;font-family:var(--p-display)}
body.paper .elite-hero p{color:var(--p-ink-2)!important}
body.paper .elite-eyebrow{color:var(--p-accent)!important;font-family:var(--p-mono);font-weight:500}
body.paper .elite-price{background:var(--p-white)!important;border-left:3px solid var(--p-accent)!important}
body.paper .elite-price strong{font-family:var(--p-display);color:var(--p-accent)}
body.paper .elite-price span{color:var(--p-ink-2)}
body.paper .elite-figure{background:var(--p-white)!important;border:1px solid var(--p-line-strong);border-radius:0!important;box-shadow:6px 6px 0 var(--p-line)}
body.paper .elite-hero .btn-secondary{color:var(--p-ink)!important;border-color:var(--p-ink)!important}
body.paper .decision-box{background:var(--p-white)!important;border-left:4px solid var(--p-accent)!important;color:var(--p-ink-2)}