/* Shared surfaces, decorative lead sections and comfortable card spacing. */
body.ga-site{--ga-paper:#fff;--ga-warm:#f5f1eb;--ga-light:#faf8f4;--ga-line:#e7dfd4;--ga-copy:#69645f;--ga-hero-pattern:url("assets/hero-orbits.svg")}
body.ga-site :is(.nh,.tr,.ab47,.w15,.vt,.journal){min-width:0}
body.ga-site main :is(.nh-hero,.tr-hero,.ab47-hero,.hub39-hero,.w15-hero,.s26-hero,.rb34-hero,.seo37-hero,.ad42-hero,.vt-hero,.jr-intro,.c-hero,.c-page-head){
 background-color:#f5f1eb!important;background-image:var(--ga-hero-pattern),radial-gradient(ellipse at 85% 40%,#e9e0d266,transparent 58%)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;border-bottom:1px solid #e8e0d5;isolation:isolate
}
body.ga-site :is(.tr-hero,.ab47-hero){--ga-hero-pattern:url("assets/hero-contours.svg")}
body.ga-site :is(.w15-hero,.s26-hero,.rb34-hero,.ad42-hero,.vt-hero){--ga-hero-pattern:url("assets/hero-blueprint.svg")}
body.ga-site main .jr-intro{border-radius:0 0 18px 18px;padding:42px 32px 48px;margin-bottom:40px;box-sizing:border-box}
body.ga-site main .jr-article-head{background:#f5f1eb url("assets/hero-contours.svg") center/cover;border:1px solid #e7dfd4;border-radius:12px;padding:28px;box-sizing:border-box;width:100%;margin-bottom:30px}
body.ga-site main :is(.personal-help,.personal-conversation,.nh-section,.tr-section,.ab47-section,.w15-section,.vt-section){scroll-margin-top:100px}
/* A restrained white / warm-paper rhythm. Limited-width sections use shadow bleed without changing layout width. */
body.ga-site main :is(.nh-inc,.personal-journal,.personal-faq,.tr-soft,.ab47-expertise,.ab49-start,.w15-process-section,.rb34-process-section,.hub39-process,.vt-how){background-color:#f5f1eb!important;background-image:none!important}
body.ga-site main :is(.personal-help,.hm-projects,.ic-start,.ic-support,.ab47-advisor,.ab47-principles){background-color:#fff!important}
body.ga-site main :is(.personal-help,.hm-projects,.ic-start,.ic-support,.ab47-advisor,.ab47-principles){box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
body.ga-site main :is(.ic-modes-section,.hub39-choose,.s26-scope,.w17-types,.ab47-work){background-color:#faf8f4!important}
body.ga-site main .ic-modes-section{box-shadow:0 0 0 100vmax #faf8f4;clip-path:inset(0 -100vmax)}
body.ga-site main :is(.w15-faq-section,.hub39-faq){background:#f5f1eb!important}
body.ga-site main .vt-faq{background:#faf8f4;box-shadow:0 0 0 100vmax #faf8f4;clip-path:inset(0 -100vmax)}
/* Lists with tinted surfaces need real insets, not just a background. */
body.ga-site main .personal-situations{display:grid;gap:12px}
body.ga-site main .personal-situations>a{padding:25px 26px!important;border:1px solid #e2ddd5!important;border-radius:10px;background:#fff!important;gap:20px;align-items:start;transition:box-shadow .2s,border-color .2s}
body.ga-site main .personal-situations>a:hover{border-color:#ceaa8c!important;box-shadow:0 8px 25px #45341d08}
body.ga-site main .personal-situations>a>span{color:#a58d74}
body.ga-site main .personal-situations p{color:#69645f}
body.ga-site main .nh-inc-options{display:grid;gap:10px}
body.ga-site main .nh-inc-options>div{padding:19px 22px!important;border:1px solid #e4dbce!important;border-radius:9px;background:#ffffffd9!important;gap:17px}
body.ga-site main .nh-inc-options p{color:#69645f}
body.ga-site main .pc-steps{display:grid;gap:10px}
body.ga-site main .pc-steps>div{padding:19px 21px!important;border:1px solid #e5ddd3!important;border-radius:9px;background:#faf8f4!important}
body.ga-site main .tr-process>article{padding:27px!important;border:1px solid #dfdfd7!important;border-radius:10px;min-width:0}
body.ga-site main .tr-process>article b{font-size:19px;color:#a28b73}
body.ga-site main .tr-process>article p{margin-bottom:0;line-height:1.95}
body.ga-site main :is(.pj-side>a,.vt-steps>article){padding:25px!important;border-radius:10px}
body.ga-site main :is(.personal-situations,.nh-inc-options,.pc-steps)>:nth-child(3n+1){border-left:3px solid #abc7df!important}
body.ga-site main :is(.personal-situations,.nh-inc-options,.pc-steps)>:nth-child(3n+2){border-left:3px solid #dac29b!important}
body.ga-site main :is(.personal-situations,.nh-inc-options,.pc-steps)>:nth-child(3n+3){border-left:3px solid #abcdb8!important}
body.ga-site main :is(.personal-situations,.nh-inc-options,.pc-steps) :is(h3,p){overflow-wrap:anywhere}
@media(max-width:800px){
 body.ga-site main :is(.nh-hero,.tr-hero,.ab47-hero,.hub39-hero,.w15-hero,.s26-hero,.rb34-hero,.seo37-hero,.ad42-hero,.vt-hero,.c-hero,.c-page-head){background-size:auto 100%!important;background-position:65% top!important}
 body.ga-site main .jr-intro{padding:30px 22px 35px}
 body.ga-site main .jr-article-head{padding:23px}
 body.ga-site main :is(.personal-situations>a,.nh-inc-options>div,.pc-steps>div){padding:20px!important;gap:13px}
 body.ga-site main .tr-process{grid-template-columns:1fr}
 body.ga-site main .tr-process>article{padding:24px!important}
 body.ga-site main .personal-situations>a>div{min-width:0}
}
@media(prefers-reduced-motion:reduce){body.ga-site main .personal-situations>a{transition:none}}
/* Keep compact rows neutral; reserve blue / sand / sage for standalone cards. */
body.ga-site main .personal-situations>a:nth-child(n),
body.ga-site main .nh-inc-options>div:nth-child(n),
body.ga-site main .pc-steps>div:nth-child(n){background-color:#fff!important;background-image:none!important;border-top-color:#e5ddd3!important;border-right-color:#e5ddd3!important;border-bottom-color:#e5ddd3!important}
body.ga-site main .ic-support-grid>article{padding:26px!important;border:1px solid #e3dbd0;border-radius:10px;min-width:0}
body.ga-site main :is(.nh-section:has(.nh-services),.nh-section:has(.hp62-learning),.tr-section:has(>.tr-process),.w15-section:has(>.s26-overview-grid)){
 background-color:#faf8f4!important;box-shadow:0 0 0 100vmax #faf8f4;clip-path:inset(0 -100vmax)
}
body.ga-site main .tr-soft:has(.tr-faq){background-color:#f1ede6!important}
@media(max-width:800px){body.ga-site main .ic-support-grid>article{padding:23px!important}}
/* A topic with one guide should use the available space rather than leave two empty columns. */
@media(min-width:801px){
 body.ga-site main .jr-grid:has(>.jr-card:only-child){grid-template-columns:1fr}
 body.ga-site main .jr-grid>.jr-card:only-child{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}
 body.ga-site main .jr-grid>.jr-card:only-child .jr-image{aspect-ratio:1.7;min-height:245px;height:100%;border-radius:0}
 body.ga-site main .jr-grid>.jr-card:only-child .jr-card-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}
 body.ga-site main .jr-grid>.jr-card:only-child .jr-card-copy h3{font-size:25px}
}