/* Selected examples on the theme hub; preserve the approved blue/gold system. */
body[data-page-family=theme-index] #main .theme-index-hero h1 .theme-title-break{display:initial}
body[data-page-family=theme-index] #main .theme-case-name{font-size:18px;line-height:1.75;font-weight:700;color:#765829;margin-bottom:10px}
body[data-page-family=theme-index] #main .theme-case-record-nav{display:flex;justify-content:flex-end;margin-top:-20px;padding-bottom:20px}
body[data-page-family=theme-index] #main .theme-case-record-nav a{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:8px 2px;color:#3d5d7d;font-size:14px;font-weight:700;text-decoration:underline;text-decoration-color:#b29564;text-decoration-thickness:1px;text-underline-offset:.24em}
body[data-page-family=theme-index] #main .theme-case-record-nav a:hover{text-decoration-thickness:2px}
body[data-page-family=theme-index] #main .theme-case-record-nav a:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}
body[data-page-family=theme-index] #main .theme-case-visual{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:#071c38;box-shadow:0 16px 38px #0b264e17}
body[data-page-family=theme-index] #main .theme-case-visual>img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
body[data-page-family=theme-index] #main .theme-case-report{overflow:hidden;border:1px solid #b2956455;border-radius:16px;background:#eaf1f6;box-shadow:0 16px 38px #0b264e17}
body[data-page-family=theme-index] #main .theme-case-report>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
body[data-page-family=theme-index] #main #theme-education .theme-case-project{display:inline-block;max-width:100%}
body[data-page-family=theme-index] #main .theme-case-activity-photo{position:absolute;display:block;left:5%;bottom:6%;width:27%;padding:4px;border-radius:9px;background:#fbfaf6;box-shadow:0 9px 26px #02122955}
body[data-page-family=theme-index] #main .theme-case-visual--culture .theme-case-activity-photo{width:43%}
body[data-page-family=theme-index] #main .theme-case-activity-photo img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;border-radius:5px}
body[data-page-family=theme-index] #main .theme-case-role{font-size:14px;line-height:1.9;border-left:2px solid #b29564;padding-left:13px;margin-top:16px;color:#3d5d7d}
body[data-page-family=theme-index] #main .theme-case-role-label{display:block;font-weight:700;margin-bottom:4px}
body[data-page-family=theme-index] #main .work-story-portal .theme-case-name{color:#f2d59c}
body[data-page-family=theme-index] #main .work-story-portal .theme-case-role{color:#d0e2f8;border-color:#d6b679}
/* Alternate light and navy sections without changing the approved images. */
body[data-page-family=theme-index] #main #theme-education{position:relative;isolation:isolate;color:#d9e6f7;border-color:transparent}
body[data-page-family=theme-index] #main #theme-education::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#0a2853;box-shadow:0 0 0 100vmax #0a2853;clip-path:inset(0 -100vmax)}
body[data-page-family=theme-index] #main #theme-education .theme-portal-copy>h2{color:#fff}
body[data-page-family=theme-index] #main #theme-education :is(.theme-portal-number,.theme-portal-label,.theme-portal-copy>.eyebrow,.theme-case-name){color:#f2d59c}
body[data-page-family=theme-index] #main #theme-education :is(.theme-portal-lead,.theme-case-role){color:#d9e6f7}
body[data-page-family=theme-index] #main #theme-education .theme-case-role{border-color:#d6b679}
body[data-page-family=theme-index] #main #theme-education .theme-case-role-label{color:#fff}
body[data-page-family=theme-index] #main #theme-education figcaption{color:#c5d7eb}
body[data-page-family=theme-index] #main #theme-education .theme-portal-action{color:#fff;border-color:#d6b67999}
body[data-page-family=theme-index] #main #theme-education .theme-portal-action>span{color:#f2d59c}
body[data-page-family=theme-index] #main #theme-education .theme-case-record-nav a{color:#e5d0a9;text-decoration-color:#d6b679}
body[data-page-family=theme-index] #main #theme-education>a:is(:hover,:focus-visible) :is(h2,.theme-portal-action){color:#f2d59c}
body[data-page-family=theme-index] #main #theme-education:focus-visible,body[data-page-family=theme-index] #main #theme-education a:focus-visible{outline-color:#f2d59c}
body[data-page-family=theme-index] #main #theme-education .theme-case-report{background:#0a2853;border-color:#d6b67977;box-shadow:0 16px 38px #0003}
@media(max-width:700px){
 body[data-page-family=theme-index] #main .theme-case-name{font-size:17px;line-height:1.8}
 body[data-page-family=theme-index] #main .theme-case-role{font-size:14px;margin-top:14px;padding-left:11px}
}
@media(forced-colors:active){
 body[data-page-family=theme-index] #main :is(.theme-case-name,.theme-case-role,.theme-case-record-nav a){color:CanvasText!important;border-color:CanvasText}
 body[data-page-family=theme-index] #main #theme-education::before{display:none}
 body[data-page-family=theme-index] #main #theme-education,body[data-page-family=theme-index] #main #theme-education .theme-case-report{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
 body[data-page-family=theme-index] #main #theme-education :is(h2,p,span,figcaption){color:CanvasText!important}
 body[data-page-family=theme-index] #main #theme-education a{color:LinkText}
 body[data-page-family=theme-index] #main #theme-education :is(.theme-case-role,.theme-portal-action,.theme-case-record-nav a){border-color:CanvasText!important}
 body[data-page-family=theme-index] #main #theme-education:focus-visible,body[data-page-family=theme-index] #main #theme-education :focus-visible{outline-color:Highlight!important}
}
@media print{
 body[data-page-family=theme-index] #main :is(.theme-case-name,.theme-case-role,.theme-case-record-nav a){color:#000!important;border-color:#000}
 body[data-page-family=theme-index] #main #theme-education::before{display:none}
 body[data-page-family=theme-index] #main #theme-education,body[data-page-family=theme-index] #main #theme-education .theme-case-report{background:#fff;color:#000;border-color:#aaa;box-shadow:none}
 body[data-page-family=theme-index] #main #theme-education :is(h2,p,span,a,figcaption){color:#000!important}
 body[data-page-family=theme-index] #main #theme-education :is(.theme-case-role,.theme-portal-action,.theme-case-record-nav a){border-color:#aaa!important}
}