/* Pedify Ped check study — C/Krage studio shell; original scanner DOM and worker stay intact. */
:root { --pc-bg:#1d1c1a; --pc-bone:#e9e3da; --pc-clay:#caa995; --pc-line:#49423b; --pc-panel:#282622; }
html, body { background:var(--pc-bg)!important; color:var(--pc-bone)!important; font-family:Manrope,system-ui,sans-serif!important; }
/* Site fonts from pedify-studio.css: Manrope for text, Space Grotesk for display. The captured page defaults to Geist and Outfit. */
html { --font-sans:Manrope,system-ui,sans-serif!important; --font-geist-sans:Manrope,system-ui,sans-serif!important; --font-outfit:"Space Grotesk",Manrope,sans-serif!important; }
body > div.contents { --font-display:"Space Grotesk",Manrope,sans-serif!important; }
body { min-height:100vh; }
/* Carry the shared studio header rhythm into the captured React shell. */
body > div.contents > header { min-height:80px!important; background:var(--pc-bg)!important; border-bottom:1px solid var(--pc-line)!important; backdrop-filter:none!important; }
body > div.contents > header > div { max-width:1440px!important; height:80px!important; padding-inline:clamp(20px,6.67vw,96px)!important; }
body > div.contents > header img { display:block!important; }
body > div.contents > header a:first-child { gap:10px!important; }

body > div.contents > header a:first-child span { color:var(--pc-bone)!important; font:600 24px/28px "Space Grotesk",Manrope,sans-serif!important; letter-spacing:-.04em!important; text-transform:lowercase; }
body > div.contents > header nav a, body > div.contents > header button, body > div.contents > header a[data-size] { color:#bdb5aa!important; }
body > div.contents > header nav a[aria-current="page"] { color:var(--pc-bone)!important; text-decoration-color:var(--pc-clay)!important; }
body > div.contents > header a[data-size][data-variant="primary"] { background:var(--pc-clay)!important; color:#281d16!important; }
body > div.contents > header a[href*="discord"] { display:none!important; }
/* Hidden until pedify-ped-check.js has written the site labels; a reserve reveal at 1.5 s covers a script that never runs. */
body > div.contents > header nav { visibility:hidden; opacity:0; transition:opacity 120ms ease-out; animation:pedify-nav-reserve-reveal 0s linear 1.5s forwards; }
html[data-pedify-nav-ready] body > div.contents > header nav { visibility:visible; opacity:1; }
@keyframes pedify-nav-reserve-reveal { to { visibility:visible; opacity:1; } }
@media (prefers-reduced-motion:reduce) { body > div.contents > header nav { transition:none; } }
/* Keep the original page content and inputs; give the scanner a distinct studio work surface. */
main#main-content { flex:1; }
main#main-content > div { max-width:1440px!important; padding:44px clamp(20px,6.67vw,96px) 72px!important; gap:42px!important; }
main#main-content section[aria-labelledby="ped-check-title"] { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(380px,.92fr); gap:32px 56px!important; align-items:start; }
main#main-content section[aria-labelledby="ped-check-title"] > div:first-child { align-self:start; margin-top:16px; gap:10px!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:first-child > p { font-size:11px!important; line-height:16px!important; letter-spacing:.14em!important; text-transform:uppercase; color:var(--pc-clay)!important; }
#ped-check-title { max-width:12ch!important; padding:0!important; color:var(--pc-bone)!important; background:none!important; font:600 clamp(36px,4.1vw,58px)/1.06 "Space Grotesk",Manrope,sans-serif!important; letter-spacing:-.045em!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:first-child .text-lg { max-width:46ch!important; font-size:15px!important; line-height:1.65!important; color:#bdb5aa!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:first-child .text-lg p + p { margin-top:12px!important; font-size:12px!important; line-height:1.55!important; color:#a0978b!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { min-width:0; padding:24px!important; border:1px solid #716253!important; border-radius:12px!important; background:var(--pc-panel)!important; box-shadow:0 18px 50px #0003; }
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) > div { gap:18px!important; }
main#main-content section[aria-labelledby="ped-check-title"] label { font-size:12px!important; color:var(--pc-bone)!important; }
main#main-content section[aria-labelledby="ped-check-title"] input:not([type=file]) { height:40px!important; width:92px!important; border-color:#716253!important; border-radius:6px!important; background:#1d1c1a!important; color:var(--pc-bone)!important; }
main#main-content section[aria-labelledby="ped-check-title"] input[placeholder="2372 / 2545"] { min-width:9rem!important; font-variant-numeric:tabular-nums; }
main#main-content section[aria-labelledby="ped-check-title"] .text-xs { font-size:11px!important; line-height:1.5!important; color:#a0978b!important; }
main#main-content section[aria-labelledby="ped-check-title"] section[aria-busy] { min-height:190px; padding:28px 20px!important; gap:12px!important; border:1px dashed #8a7b6b!important; border-radius:8px!important; background:#211f1c!important; }
main#main-content section[aria-labelledby="ped-check-title"] section[aria-busy] h3 { font:600 18px/1.25 "Space Grotesk",sans-serif!important; letter-spacing:-.02em!important; color:var(--pc-bone)!important; }
main#main-content section[aria-labelledby="ped-check-title"] section[aria-busy] p { font-size:12px!important; line-height:1.5!important; color:#bdb5aa!important; }
main#main-content button { min-height:42px!important; padding:0 15px!important; border:1px solid #8a7b6b!important; border-radius:6px!important; background:#282622!important; color:var(--pc-bone)!important; font:600 12px/1 Manrope,sans-serif!important; }
main#main-content button:hover { border-color:var(--pc-clay)!important; background:#332f2a!important; }
main#main-content button[data-variant="primary"], main#main-content button.bg-accent { border-color:var(--pc-clay)!important; background:var(--pc-clay)!important; color:#281d16!important; }
main#main-content [role="alert"] { padding:12px 14px!important; border:1px solid #ba786b!important; border-radius:7px!important; background:#342522!important; color:#f1c1b6!important; font-size:12px!important; line-height:1.5!important; }
/* Results and the explanatory section stay readable and compact after the scan. */
main#main-content [data-ped-check-result], main#main-content [role="region"] { min-width:0; }
main#main-content section[aria-labelledby="ped-check-about"] { max-width:1040px; gap:18px!important; }
#ped-check-about { max-width:none!important; font:600 clamp(25px,2.5vw,34px)/1.15 "Space Grotesk",sans-serif!important; letter-spacing:-.035em!important; }
main#main-content section[aria-labelledby="ped-check-about"] > div:first-child p { max-width:68ch!important; font-size:13px!important; line-height:1.55!important; color:#bdb5aa!important; }
main#main-content section[aria-labelledby="ped-check-about"] ul { gap:0 28px!important; }
main#main-content section[aria-labelledby="ped-check-about"] li { padding-block:14px!important; gap:5px!important; }
main#main-content section[aria-labelledby="ped-check-about"] h3 { font-size:15px!important; line-height:1.35!important; letter-spacing:-.02em!important; }
main#main-content section[aria-labelledby="ped-check-about"] p { font-size:12px!important; line-height:1.55!important; color:#bdb5aa!important; }
main#main-content section[aria-labelledby="ped-check-about"] svg { width:17px!important; height:17px!important; }
main#main-content h2:not(#ped-check-about) { font-size:22px!important; line-height:1.2!important; }
main#main-content [data-slot="accordion-trigger"] { width:100%; justify-content:space-between; text-align:left; }
main#main-content :where(a) { color:var(--pc-clay); }
main#main-content :where(a:hover) { color:#ddc0ae; }
body > div.contents > footer { border-top:1px solid var(--pc-line)!important; background:var(--pc-bg)!important; }
@media(max-width:900px) {
 body > div.contents > header > div { padding-inline:24px!important; }
 main#main-content > div { padding:32px 24px 56px!important; gap:34px!important; }
 main#main-content section[aria-labelledby="ped-check-title"] { grid-template-columns:minmax(0,1fr)!important; gap:26px!important; }
 main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { padding:18px!important; }
}
@media(max-width:700px) {
 body > div.contents > header, body > div.contents > header > div { min-height:68px!important; height:68px!important; }
 body > div.contents > header > div { padding-inline:20px!important; }
 main#main-content > div { padding:27px 20px 48px!important; gap:32px!important; }
 main#main-content section[aria-labelledby="ped-check-title"] { grid-template-columns:minmax(0,1fr); gap:20px!important; }
 main#main-content section[aria-labelledby="ped-check-title"] > div:first-child { gap:8px!important; }
 #ped_check-title { font-size:38px!important; }
 #ped_check-title, #ped-check-title { max-width:15ch!important; font-size:38px!important; }
 main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { padding:17px!important; }
 main#main-content section[aria-labelledby="ped-check-title"] section[aria-busy] { min-height:168px; padding:22px 14px!important; }
 main#main-content section[aria-labelledby="ped-check-title"] button { min-height:42px!important; padding-inline:11px!important; }
 #ped-check-about { font-size:27px!important; }
}

/* Recolor the live scan output with the same bone and clay palette. */
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) [class*="bg-accent"] { background:#352d26!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) [class*="text-accent"] { color:var(--pc-clay)!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) [class*="border-accent"] { border-color:#967760!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) [class*="bg-surface"] { background:#211f1c!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) [class*="text-fg"] { color:var(--pc-bone)!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) [class*="text-fg-secondary"], main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) [class*="text-fg-muted"] { color:#bdb5aa!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) button { color:var(--pc-bone)!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) button[class*="bg-accent"] { background:var(--pc-clay)!important; color:#281d16!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) [class*="text-danger"] { color:#e6aa9f!important; }
main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) [class*="text-warning"] { color:#dfc18c!important; }
@media(max-width:700px) { main#main-content section[aria-labelledby="ped-check-title"] > div:first-child { margin-top:0; } }
main#main-content section[aria-labelledby="ped-check-about"] svg[class*="text-accent"] { color:var(--pc-clay)!important; }

main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) > [data-pedcheck-reset] { align-self:flex-start!important; min-height:38px!important; margin-top:-4px; border-color:#716253!important; background:transparent!important; color:var(--pc-bone)!important; }

main#main-content [data-slot="accordion-trigger"] { font:500 14px/1.5 Manrope,system-ui,sans-serif!important; letter-spacing:normal!important; word-spacing:normal!important; padding:16px 20px!important; gap:16px; }

main#main-content section[aria-labelledby="ped-check-title"] > div:first-child, main#main-content section[aria-labelledby="ped-check-title"] > div:first-child > * { filter:none!important; opacity:1!important; }

/* Reserve the scanner card's final height per width, so the scanner replacing its placeholder does not move the page.
   Each value is the tallest measured content height in its range (EN and SV); a range can leave some empty space at the bottom of the card. */
@media(min-width:1366px) { main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { min-height:794px; } }
@media(min-width:1280px) and (max-width:1365px) { main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { min-height:810px; } }
@media(min-width:1100px) and (max-width:1279px) { main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { min-height:860px; } }
@media(min-width:901px) and (max-width:1099px) { main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { min-height:877px; } }
@media(min-width:781px) and (max-width:900px) { main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { min-height:865px; } }
@media(min-width:701px) and (max-width:780px) { main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { min-height:933px; } }
@media(min-width:601px) and (max-width:700px) { main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { min-height:768px; } }
@media(min-width:481px) and (max-width:600px) { main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { min-height:784px; } }
@media(min-width:381px) and (max-width:480px) { main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { min-height:851px; } }
@media(max-width:380px) { main#main-content section[aria-labelledby="ped-check-title"] > div:nth-child(2) { min-height:885px; } }