/* Comic Foundry: independent card styling, responsive and accessible. */
.card[data-comic-active="1"]{--comic-bg:#ffdc35;--comic-ink:#151515;--comic-accent:#f14c8d;--comic-stroke:3px;--comic-shadow:6px;--comic-tilt:0deg;--comic-radius:12px;--comic-density:20px;--comic-rough:0px;position:relative!important;isolation:isolate;overflow:visible!important;background:var(--comic-bg)!important;color:var(--comic-ink)!important;border:var(--comic-stroke) solid var(--comic-ink)!important;border-radius:var(--comic-radius)!important;box-shadow:var(--comic-shadow) var(--comic-shadow) 0 var(--comic-ink)!important;transform:rotate(var(--comic-tilt));transition:transform .22s ease,box-shadow .22s ease!important}
.card[data-comic-active="1"]:hover{transform:translate(-2px,-3px) rotate(var(--comic-tilt))!important;box-shadow:calc(var(--comic-shadow) + 3px) calc(var(--comic-shadow) + 3px) 0 var(--comic-ink)!important}
.card[data-comic-active="1"]:focus-visible{outline:4px dashed var(--comic-accent)!important;outline-offset:8px}
.card[data-comic-active="1"]::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:var(--comic-opacity,.36);background:var(--comic-pattern,none)!important;background-size:var(--comic-size,16px 16px)!important;mix-blend-mode:multiply}
.card[data-comic-active="1"]::after{content:"";position:absolute;inset:calc(-1 * var(--comic-rough));border:var(--comic-rough) dashed var(--comic-accent);border-radius:inherit;pointer-events:none;z-index:2}
.card[data-comic-active="1"]>*{position:relative;z-index:1}
.card[data-comic-active="1"] h3,.card[data-comic-active="1"] .card-title{color:var(--comic-ink)!important;text-shadow:2px 2px 0 var(--comic-accent);font-weight:900!important;letter-spacing:var(--comic-letter,.02em)!important;text-transform:var(--comic-case,none)}
.card[data-comic-active="1"] p,.card[data-comic-active="1"] small,.card[data-comic-active="1"] span{color:var(--comic-ink)}
.card[data-comic-active="1"] .forge-light,.card[data-comic-active="1"] .forge-surface,.card[data-comic-active="1"] .forge-frame{opacity:0!important;pointer-events:none!important}
body[data-comic-page="1"] .hero h1{font-weight:950;letter-spacing:-.055em;text-shadow:4px 4px 0 var(--comic-page-accent,#ff4c8d)}
body[data-comic-page="1"] .section-kicker{letter-spacing:.22em;font-weight:900}
@media(prefers-reduced-motion:reduce){.card[data-comic-active="1"]{transition:none!important}.card[data-comic-active="1"]:hover{transform:rotate(var(--comic-tilt))!important}}

/* Page-wide comic palette overrides legacy Theme Foundry and Industrial layers. */
body[data-comic-page="1"],body[data-comic-page="1"][data-forge-theme]{background:var(--comic-page-bg)!important;color:var(--comic-page-ink)!important;--ft-bg:var(--comic-page-bg);--ft-surface:var(--comic-page-surface);--ft-text:var(--comic-page-ink);--ft-accent:var(--comic-page-accent);--accent:var(--comic-page-accent);--accent2:var(--comic-page-ink)}
body[data-comic-page="1"] #ambient{background:radial-gradient(circle at 15% 25%,color-mix(in srgb,var(--comic-page-accent) 24%,transparent),transparent 45%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--comic-page-surface) 25%,transparent),transparent 50%)!important;opacity:1!important}
body[data-comic-page="1"] .hero p,body[data-comic-page="1"] .hero-bottom,body[data-comic-page="1"] .brand,body[data-comic-page="1"] .section-head,body[data-comic-page="1"] footer{color:var(--comic-page-ink)!important}
body[data-comic-page="1"] .topbar,body[data-comic-page="1"] footer{border-color:var(--comic-page-ink)!important}
body[data-comic-page="1"] .search-wrap,body[data-comic-page="1"] .filter,body[data-comic-page="1"] .icon-button{background:var(--comic-page-surface)!important;color:var(--comic-page-ink)!important;border:2px solid var(--comic-page-ink)!important}
body[data-comic-page="1"] .search-wrap input{color:var(--comic-page-ink)!important}
body[data-comic-page="1"] .card[data-comic-active="1"]{background:var(--comic-bg)!important;color:var(--comic-ink)!important;border:var(--comic-stroke) solid var(--comic-ink)!important;border-radius:var(--comic-radius)!important;box-shadow:var(--comic-shadow) var(--comic-shadow) 0 var(--comic-ink)!important}
body[data-comic-page="1"] .card[data-comic-active="1"] h3{color:var(--comic-ink)!important}