/* Magic Store is the original Magic WebOS theme. Existing style.css remains
   authoritative; these additions style CMS pages without changing the store. */
.mw-page{min-height:60vh;padding:clamp(96px,12vw,140px) 20px 72px;background:var(--bg-primary,#050507)}
.mw-page-inner{width:min(1080px,100%);margin:0 auto}
.mw-block{margin:0 0 clamp(24px,5vw,56px)}
.mw-block-hero{text-align:center;padding:clamp(38px,8vw,84px) clamp(18px,6vw,64px);border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:var(--mw-radius,16px);background:linear-gradient(145deg,color-mix(in srgb,var(--mw-primary,#8b5cf6) 14%,transparent),var(--card-bg,#111114))}
.mw-block-hero h1{font:800 clamp(2rem,6vw,4.6rem)/1.04 var(--mw-font-heading,Inter,sans-serif);letter-spacing:-.045em;margin:0 0 18px}
.mw-block-hero p,.mw-block-callout p{max-width:760px;margin:0 auto;color:var(--text-secondary,#8b8b96);font-size:clamp(1rem,2vw,1.2rem)}
.mw-block-copy{width:min(760px,100%);margin-left:auto;margin-right:auto;color:var(--text-secondary,#b4b4bd);font-size:1.05rem;line-height:1.8}
.mw-block-copy h2,.mw-block-copy h3{color:var(--text-primary,#f0f0f2);font-family:var(--mw-font-heading,Inter,sans-serif);margin:1.4em 0 .55em}
.mw-block-copy a{color:var(--mw-primary,#8b5cf6)}
.mw-block-image img{display:block;width:100%;height:auto;border-radius:var(--mw-radius,16px);border:1px solid var(--border-color,rgba(255,255,255,.1))}
.mw-block-image figcaption{text-align:center;color:var(--text-muted,#777);font-size:.88rem;margin-top:10px}
.mw-block-video{aspect-ratio:16/9;border-radius:var(--mw-radius,16px);overflow:hidden;background:#000}
.mw-block-video iframe{width:100%;height:100%;border:0}
.mw-block-callout{padding:28px;border-left:4px solid var(--mw-primary,#8b5cf6);border-radius:0 var(--mw-radius,16px) var(--mw-radius,16px) 0;background:var(--card-bg,#111114)}
.mw-block-callout h2{margin:0 0 8px}
.mw-block-cta{display:inline-flex;margin-top:22px;padding:12px 20px;border-radius:999px;background:var(--mw-primary,#8b5cf6);color:#fff!important;text-decoration:none;font-weight:700}
.mw-width-narrow{width:min(680px,100%);margin-left:auto;margin-right:auto}.mw-width-normal{width:min(900px,100%);margin-left:auto;margin-right:auto}.mw-width-wide{width:min(1160px,100%);margin-left:auto;margin-right:auto}.mw-width-full{width:100%}.mw-align-center{text-align:center}.mw-align-right{text-align:right}.mw-tone-muted{padding:clamp(18px,4vw,34px);border-radius:var(--mw-radius,16px);background:color-mix(in srgb,var(--card-bg,#111114) 80%,transparent)}.mw-tone-accent{padding:clamp(18px,4vw,38px);border:1px solid color-mix(in srgb,var(--mw-primary,#8b5cf6) 45%,transparent);border-radius:var(--mw-radius,16px);background:color-mix(in srgb,var(--mw-primary,#8b5cf6) 12%,var(--card-bg,#111114))}.mw-tone-contrast{padding:clamp(18px,4vw,38px);border-radius:var(--mw-radius,16px);background:#f6f6f8;color:#111}.mw-tone-contrast :is(h1,h2,h3,h4,p,li){color:#111}.mw-space-compact{margin-bottom:18px}.mw-space-normal{margin-bottom:clamp(24px,5vw,56px)}.mw-space-spacious{margin-bottom:clamp(48px,9vw,100px)}.mw-visible-mobile{display:none}
.mw-block-features .mw-block-body-copy>ul,.mw-block-stats .mw-block-body-copy>ul,.mw-block-columns .mw-block-body-copy>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:14px;padding:0;list-style:none}.mw-block-features li,.mw-block-stats li,.mw-block-columns li{min-width:0;padding:18px;border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:calc(var(--mw-radius,16px) * .8);background:var(--card-bg,#111114)}.mw-block-stats li{font-size:clamp(1.25rem,3vw,2rem);font-weight:800}.mw-block-faq details{margin:10px 0;padding:15px 17px;border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:12px;background:var(--card-bg,#111114)}.mw-block-faq summary{cursor:pointer;font-weight:700}.mw-block-faq details p:last-child{margin-bottom:0}.mw-block-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px}.mw-block-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--mw-radius,16px);border:1px solid var(--border-color,rgba(255,255,255,.1))}.mw-block-intro{margin-bottom:18px}.mw-block-quote{padding:clamp(22px,5vw,48px);border-left:4px solid var(--mw-primary,#8b5cf6);background:var(--card-bg,#111114);border-radius:0 var(--mw-radius,16px) var(--mw-radius,16px) 0}.mw-block-quote blockquote{margin:0;font-size:clamp(1.2rem,3vw,2rem);line-height:1.45}.mw-block-quote figcaption{margin-top:14px;color:var(--text-muted,#888)}.mw-block-spacer{height:32px}.mw-space-compact.mw-block-spacer{height:16px}.mw-space-spacious.mw-block-spacer{height:72px}.mw-block-divider{height:1px;border:0;background:var(--border-color,rgba(255,255,255,.12))}
@media(max-width:760px){.mw-visible-desktop{display:none!important}.mw-visible-mobile{display:block}.mw-page{padding-left:14px;padding-right:14px;overflow:hidden}.mw-block-hero{padding:34px 18px}.mw-block{max-width:100%;margin-bottom:32px}.mw-block-gallery{grid-template-columns:1fr 1fr}.mw-align-right{text-align:left}.mw-tone-muted,.mw-tone-accent,.mw-tone-contrast{padding:18px}.mw-block :is(img,iframe,video,pre,table){max-width:100%}.mw-block pre{overflow:auto}}
@media(max-width:430px){.mw-block-gallery{grid-template-columns:1fr}.mw-block-features .mw-block-body-copy>ul,.mw-block-stats .mw-block-body-copy>ul,.mw-block-columns .mw-block-body-copy>ul{grid-template-columns:1fr}}
