/* Reversible FH-only appearance pass. Remove this stylesheet link to revert. */
/* One continuous shell grid; reuses the prior 72/56px architectural rhythm. */
body.fh-navigation-ready>main{min-height:100vh;background-color:var(--bone,#f5efe3);background-image:linear-gradient(rgba(38,35,31,.145) 1px,transparent 1px),linear-gradient(90deg,rgba(38,35,31,.145) 1px,transparent 1px);background-size:72px 72px;background-position:0 0}
body.fh-navigation-ready #home .hero{background-image:none}
body.fh-navigation-ready #home .hero::before{content:none}
@media(max-width:650px){body.fh-navigation-ready>main{background-size:56px 56px}}

body.fh-navigation-ready #home .hero-project{position:relative;isolation:isolate}
body.fh-navigation-ready #home .hero-project:before{content:"";position:absolute;inset:-38px;background:radial-gradient(ellipse,#2540d026 0%,#2540d010 40%,transparent 70%);filter:blur(20px);z-index:-1;pointer-events:none}
body.fh-navigation-ready #home .fh-home-summary{background:#2540d0;color:#fffdf5;border-color:#2540d0;margin-top:0;padding-top:55px;padding-bottom:55px}
body.fh-navigation-ready #home .fh-home-summary h2,body.fh-navigation-ready #home .fh-home-summary p,body.fh-navigation-ready #home .fh-home-summary .eyebrow,body.fh-navigation-ready #home .fh-home-summary a{color:#fffdf5}
body.fh-navigation-ready #home .fh-home-summary a{border-color:#fffdf5}
body.fh-navigation-ready #home .fh-home-summary a:focus-visible{outline-color:#fffdf5}
body.fh-navigation-ready .fh-rail nav a[aria-current],body.fh-navigation-ready .fh-drawer nav a[aria-current]{background:#e7eafb;box-shadow:inset 3px 0 #2540d0;padding-left:12px;padding-right:8px;border-bottom-color:#c5cdec}
body.fh-navigation-ready .fh-service-next{padding-top:30px;background:#e9edf7}
body.fh-navigation-ready .fh-team-accountability{background:#e9edf7;padding:24px 28px;border-top:0}
body.fh-navigation-ready .ft-trust-labels span{border-color:#c7cfeb;background:#eef0f8;color:#263a88}
body.fh-navigation-ready .fh-project-link:hover,body.fh-navigation-ready .ft-available-link:hover{background:#1932b2;border-color:#1932b2}
@media(max-width:650px){body.fh-navigation-ready #home .hero{background-size:56px 56px}body.fh-navigation-ready #home .hero-project:before{inset:-15px;filter:blur(14px)}body.fh-navigation-ready .fh-team-accountability{padding:20px}}
@media(prefers-reduced-motion:reduce){body.fh-navigation-ready #home .hero-project:before{filter:none}}

/* Main FH content surfaces, matched to the approved package-card reference.
   Whole content groups sit on opaque surfaces; the shell grid stays in gutters.
   Explicit route scope leaves branded demo documents/workspaces untouched. */
body.fh-navigation-ready > main > :is(#home,#services,#about,#packages,#explore,#portals,#tools,#project,#process,[id^="tool-"]) {--fh-panel:#faf8f1;--fh-panel-line:#ded8cc}
body.fh-navigation-ready > main > :is(#home,#services,#about,#packages,#explore,#portals,#tools,#project,#process,[id^="tool-"]) > .wrap:not(.fh-motion-bridge):not(.fh-package-panel):not(.fh-tools-grid),
body.fh-navigation-ready > main > :is(#about,#project,#process) > .blk > .wrap,
body.fh-navigation-ready > main > [id^="tool-"] > :is(section,div):not(.fh-route-heading){
 background-color:var(--fh-panel);background-image:none;border:1px solid var(--fh-panel-line);border-radius:0;
 width:calc(100% - 64px);padding:clamp(22px,3vw,40px);margin:32px auto;box-sizing:border-box;
}
/* Preserve themed sections, and keep the gap between package/tool cards open. */
body.fh-navigation-ready #home .fd-dark{background:var(--ink);color:var(--bone)}
body.fh-navigation-ready #home .fd-opening,
body.fh-navigation-ready #services .fd-service-opening,
body.fh-navigation-ready #packages > .fh-route-heading,
body.fh-navigation-ready #explore > .fh-route-heading,
body.fh-navigation-ready #portals > .fh-route-heading,
body.fh-navigation-ready #tools > .fh-route-heading{background-color:var(--bone)}
body.fh-navigation-ready #packages .fh-package-panel > h2{background:var(--bone);border:1px solid var(--fh-panel-line);padding:16px 22px;margin-bottom:20px}
body.fh-navigation-ready #packages :is(.fh-connections,.fh-custom-project,.fh-starter-panel){background-color:var(--bone);background-image:none}
body.fh-navigation-ready #tools .ft-tool-card{background-color:var(--fh-panel)}
body.fh-navigation-ready > footer{background:var(--bone);background-image:none}
@media(max-width:650px){
 body.fh-navigation-ready > main > :is(#home,#services,#about,#packages,#explore,#portals,#tools,#project,#process,[id^="tool-"]) > .wrap:not(.fh-motion-bridge):not(.fh-package-panel):not(.fh-tools-grid),
 body.fh-navigation-ready > main > :is(#about,#project,#process) > .blk > .wrap,
 body.fh-navigation-ready > main > [id^="tool-"] > :is(section,div):not(.fh-route-heading){width:calc(100% - 28px);padding:20px;margin:20px auto 24px}
}

body.fh-navigation-ready > main > :is(#home,#services,#about,#packages,#explore,#portals,#tools,#project,#process,[id^="tool-"]){padding-block:1px}
/* Expanded reference layouts and any restored FAQ stay within their panel. */
body.fh-navigation-ready #explore .fh-work-references :is(.duo,.duo-col,.win){min-width:0;max-width:100%}
body.fh-navigation-ready #explore .fh-work-references .wrap{width:100%;padding-inline:0}
body.fh-navigation-ready #explore .fh-work-references :is(.dlabel,.wstats,.chips){overflow-wrap:anywhere}
body.fh-navigation-ready > main > :is(#home,#services,#about,#packages,#explore,#portals,#tools,#project,#process) .fh-faq{background:var(--bone);padding:22px;border:1px solid var(--line)}