/* Reuse the approved Earth artwork on the Platforms overview only. */
body[data-site-page="platforms"] .platform-introduction:before{top:0;right:0;width:78%;height:560px;background:linear-gradient(90deg,#030f17 0%,#030f17a6 25%,transparent 70%),url('/assets/phygitai-earth-desktop.webp') right top/auto 560px no-repeat;opacity:.9;mask-image:linear-gradient(180deg,#000 75%,transparent)}
@media(max-width:800px){body[data-site-page="platforms"] .platform-introduction:before{width:100%;height:460px;background-image:linear-gradient(90deg,#030f17ee 0%,#030f17b3 40%,#030f1726 100%),url('/assets/phygitai-earth-mobile.webp');background-position:right top;background-size:auto 460px;opacity:.9}}

/* Mobile spacing tokens apply only to the audited page components below. */
@media(max-width:600px){
 body[data-site-page]{--mobile-section-space:32px;--mobile-card-space:18px;--mobile-stack-gap:14px}
 body[data-site-page] .page-contact{margin-top:28px;padding:20px 0;line-height:1.7}
 body[data-site-page] footer{padding:18px 0 22px;gap:10px}
 body[data-site-page] footer nav{gap:12px;row-gap:10px;flex-wrap:wrap}
 body[data-site-page] .page-hero{padding-top:28px;padding-bottom:24px}
 body[data-site-page] .page-hero .breadcrumb{margin-bottom:18px}
 body[data-site-page] .page-section{padding:var(--mobile-section-space) 0}
 body[data-site-page] .page-section .section-head{margin-bottom:22px}

 /* Homepage research and academic contact retain their existing hierarchy. */
 body[data-site-page="home"] .section{padding:var(--mobile-section-space) 0}
 body[data-site-page="home"] .section-head,
 body[data-site-page="home"] #why .section-head{margin-bottom:24px}
 body[data-site-page="home"] .section-intro{margin:12px 0 0}
 body[data-site-page="home"] .direction{min-height:0;padding:20px;gap:22px}
 body[data-site-page="home"] .theme{padding:20px;min-height:0;gap:12px}
 body[data-site-page="home"] .about-grid{gap:22px}
 body[data-site-page="home"] .why-panel{padding:20px}
 body[data-site-page="home"] .why-point{padding:18px}
 body[data-site-page="home"] .why-points{gap:var(--mobile-stack-gap)}
 body[data-site-page="home"] .contact-panel{padding:20px;gap:24px}
 body[data-site-page="home"] .contact-identity h3{margin-bottom:14px}
 body[data-site-page="home"] .contact-method p{margin-top:16px}
 body[data-site-page="home"] .closing{padding:30px 0 28px}
 body[data-site-page="home"] .closing h2{margin:14px 0}

 /* Portfolio content ends near its categories and academic attribution. */
 body[data-site-page="projects"] .research-results{padding-top:20px;padding-bottom:8px}
 body[data-site-page="projects"] .results-head{margin-bottom:18px}
 body[data-site-page="projects"] .project-tools{gap:12px}
 body[data-site-page="projects"] .portfolio-notes{margin-top:18px;padding:16px}
 body[data-site-page="projects"] .portfolio-notes section{padding-top:16px}
 body[data-site-page="projects"] .breadcrumb{margin-bottom:18px}

 /* Overview cards remain informational with natural content-driven heights. */
 body[data-site-page="platforms"] .page-hero{padding-top:22px;padding-bottom:0}
 body[data-site-page="platforms"] .hero-eyebrow{margin-top:18px}
 body[data-site-page="platforms"] .platform-tabs{margin:20px 0;gap:12px}
 body[data-site-page="platforms"] .platform-introduction{padding-bottom:8px!important}
 body[data-site-page="platforms"] .framework-overview{padding:20px}
 body[data-site-page="platforms"] .framework-overview hr{margin:22px 0}
 body[data-site-page="platforms"] .framework-steps{gap:22px}
 body[data-site-page="platforms"] .framework-overview .framework-bottom-divider{margin:22px 0 18px}
 body[data-site-page="platforms"] .mode-grid{gap:var(--mobile-stack-gap)}
 body[data-site-page="platforms"] .mode-card{min-height:0;padding:20px}
 body[data-site-page="platforms"] .mode-icon{margin-bottom:16px}
 body[data-site-page="platforms"] .mode-card h3{margin-bottom:10px}
 body[data-site-page="platforms"] .mode-card p{margin-bottom:0}

 /* All three editions share compact action, workflow and research spacing. */
 body.platform-detail[data-site-page] .platform-hero{margin:18px 0 24px;padding:22px 18px;gap:22px;min-height:0}
 body.platform-detail[data-site-page] .hero-intro{margin:18px 0}
 body.platform-detail[data-site-page] .download-microtext{margin-top:10px;gap:8px;line-height:1.55}
 body.platform-detail[data-site-page] .main-update-link{margin-top:10px}
 body.platform-detail[data-site-page] .platform-quicknav{padding:16px}
 body.platform-detail[data-site-page] .plugin-layout{gap:16px;margin-bottom:24px}
 body.platform-detail[data-site-page] .plugin-main{padding:20px 18px}
 body.platform-detail[data-site-page] .plugin-tagline{margin:18px auto 12px}
 body.platform-detail[data-site-page] .plugin-summary{margin-bottom:20px}
 body.platform-detail[data-site-page] .plugin-workflows{padding-top:20px}
 body.platform-detail[data-site-page] .mode-grid{gap:var(--mobile-stack-gap)}
 body.platform-detail[data-site-page] .mode-card{padding:18px;min-height:0}
 body.platform-detail[data-site-page] .plugin-side{padding:20px 18px}
 body.platform-detail[data-site-page] .plugin-side .section{padding:16px 0}
 body.platform-detail[data-site-page] .plugin-side h2{margin:16px 0 10px}
 body.platform-detail[data-site-page] .research-tabs{margin-bottom:24px}
 body.platform-detail[data-site-page] .research-panel{padding:20px 18px}
 body.platform-detail[data-site-page] .page-contact{margin-top:24px}

 /* Legal/support pages use their existing readable document layout. */
 body[data-site-page="privacy"] main,
 body[data-site-page="terms"] main,
 body[data-site-page="support"] main{padding:32px 0}
 body[data-site-page="privacy"] .meta,
 body[data-site-page="terms"] .meta,
 body[data-site-page="support"] .meta{padding-bottom:20px;margin-bottom:28px}
 body[data-site-page="privacy"] h2,
 body[data-site-page="terms"] h2,
 body[data-site-page="support"] h2{margin-top:30px;margin-bottom:10px}
 body[data-site-page="privacy"] .callout,
 body[data-site-page="terms"] .callout,
 body[data-site-page="support"] .callout{padding:16px 18px;margin:22px 0}
 body[data-site-page="releases"] .page-section{padding:28px 0}
 body[data-site-page="releases"] .page-hero{padding-bottom:20px}
}