/* GS-205 information architecture + case-study contrast */
.sjs-learning-feature{background:#e9eadf;border-top:1px solid rgba(23,60,49,.12);border-bottom:1px solid rgba(23,60,49,.12);padding:clamp(46px,7vw,88px) 0}
.sjs-learning-feature__inner{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(220px,.72fr) 1.28fr;gap:clamp(34px,6vw,80px);align-items:center}
.sjs-learning-feature__cover{display:block;max-width:330px}.sjs-learning-feature__cover img{width:100%;display:block;box-shadow:0 22px 48px rgba(18,56,45,.18)}
.sjs-learning-feature__eyebrow{font:700 .74rem/1.2 Helvetica,Arial,sans-serif;letter-spacing:.14em;color:#9b771d}.sjs-learning-feature h2{color:#173c31;margin:.3em 0}.sjs-learning-feature p{max-width:62ch}
.case-study-gateway{border-top:1px solid rgba(215,173,66,.24);border-bottom:1px solid rgba(215,173,66,.24)}
.case-link-strip{width:min(1080px,calc(100% - 40px));margin:44px auto;padding:28px 30px;border-left:4px solid #d7ad42;background:#edf0e7}.case-link-strip h2{margin:.2em 0 .35em;color:#173c31}.case-link-strip p{max-width:66ch;color:#233a31}
.presentation-grid{display:grid;gap:30px;margin-top:36px}.presentation-card{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:#eef0e8;padding:28px;border:1px solid rgba(23,60,49,.14)}.presentation-card img{width:100%;display:block}.presentation-card h2{color:#173c31}
/* Client identity lives inside Saint John frame */
body:has(.joy-client-environment){background:#12382d}.joy-client-environment{width:min(1240px,calc(100% - 34px));margin:34px auto 60px;background:#351b47;border:1px solid rgba(215,173,66,.7);box-shadow:0 24px 70px rgba(0,0,0,.22);padding:0 0 10px}
.joy-client-label{padding:24px clamp(22px,4vw,52px);border-bottom:1px solid rgba(215,173,66,.5);background:#2a1539;color:#f3efe4}.joy-client-label span{display:block;font:700 .72rem/1.2 Helvetica,Arial,sans-serif;letter-spacing:.14em;color:#d7ad42}.joy-client-label strong{display:block;font:700 1.25rem/1.25 Helvetica,Arial,sans-serif;margin:.35rem 0}.joy-client-label p{max-width:70ch;margin:.25rem 0 0;color:#eee7f0}
.joy-client-environment .sj101-section,.joy-client-environment .sj101-section:nth-of-type(even){background:#351b47!important;color:#f3efe4;border-bottom:1px solid rgba(215,173,66,.22)}
.joy-client-environment .sj101-section h2,.joy-client-environment .sj101-section h3,.joy-client-environment .sj101-section p,.joy-client-environment .sj101-section blockquote,.joy-client-environment .sj101-section figcaption{color:#f3efe4!important}
.joy-client-environment .eyebrow{color:#e2bd58!important}.joy-client-environment .sj101-sectionhead p{color:#eee7f0!important}.joy-client-environment .sj101-facts{background:#d7ad42;border-color:#d7ad42}.joy-client-environment .sj101-facts article{background:#f3efe4;color:#183128}.joy-client-environment .sj101-facts strong{color:#183128}.joy-client-environment .sj101-facts span{color:#6d756f}
.joy-client-environment .sj101-authority-grid figure,.joy-client-environment .sj101-dev-grid figure{background:#21102d;padding:10px;border:1px solid rgba(215,173,66,.28)}
.joy-client-environment .sj101-authority-grid figcaption,.joy-client-environment .sj101-dev-grid figcaption{color:#eee7f0!important}.joy-client-environment .sj101-browser{border:1px solid rgba(215,173,66,.4)}
.sj101-joy-hero{border-bottom:2px solid #d7ad42}.sj101-process{border-top:2px solid #d7ad42}
.cs-card img{background:#eee;object-position:top}.cs-card a+a{margin-left:12px}
@media(max-width:800px){.sjs-learning-feature__inner,.presentation-card{grid-template-columns:1fr}.sjs-learning-feature__cover{max-width:250px}.joy-client-environment{width:calc(100% - 20px);margin-top:18px}.case-link-strip{width:calc(100% - 28px);margin:28px auto}}

/* GS-209 Saint John Studio publishing imprint */
.sj-case-imprint{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}
.sj-case-imprint img{width:min(190px,34vw);height:auto;display:block;filter:none}
.joy-client-environment .sj101-dev-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){.joy-client-environment .sj101-dev-grid{grid-template-columns:1fr}.sj-case-imprint{justify-content:flex-start;margin-bottom:16px}.sj-case-imprint img{width:150px}}