:root{--iscarb-theme-img:url('iscarb-studio/app/static/hero_user_original.png');--iscarb-mag:#ff258c;--iscarb-gold:#dcb56b;--iscarb-cyan:#2cdcff}
/* Shared visual identity: the original caravan + fortress artwork. */
.hero.iscarb-themed-hero{position:relative;overflow:hidden;isolation:isolate;padding-right:min(44vw,590px)!important;min-height:360px}
.hero.iscarb-themed-hero>*{position:relative;z-index:1}
.hero.iscarb-themed-hero::after{content:"";position:absolute;z-index:0;pointer-events:none;right:0;top:0;bottom:0;width:min(46%,610px);background-image:linear-gradient(90deg,rgba(5,7,13,1) 0%,rgba(5,7,13,.60) 25%,rgba(5,7,13,.05) 62%),linear-gradient(180deg,rgba(5,7,13,.05),rgba(5,7,13,.24)),var(--iscarb-theme-img);background-size:cover;background-position:center center;border-left:1px solid rgba(220,181,107,.20);filter:saturate(1.05) contrast(1.03)}
html[data-theme="light"] .hero.iscarb-themed-hero::after{background-image:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.68) 25%,rgba(255,255,255,.06) 63%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.20)),var(--iscarb-theme-img);filter:saturate(.94) contrast(.96)}
.iscarb-hub-btn{position:fixed;z-index:2147483000;top:14px;left:14px;display:flex;align-items:center;gap:10px;width:168px;min-height:54px;padding:8px 12px 8px 62px;border:1px solid rgba(220,181,107,.62);border-radius:14px;color:#fff!important;text-decoration:none!important;font:800 11px/1.15 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.01em;box-shadow:0 12px 32px rgba(0,0,0,.35);background-image:linear-gradient(90deg,rgba(4,6,12,.10) 0 53px,rgba(4,6,12,.82) 54px 100%),var(--iscarb-theme-img);background-size:100% 100%,96px 54px;background-position:0 0,left center;background-repeat:no-repeat;backdrop-filter:blur(8px);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.iscarb-hub-btn:hover,.iscarb-hub-btn:focus-visible{transform:translateY(-1px);border-color:var(--iscarb-cyan);box-shadow:0 14px 38px rgba(0,0,0,.46),0 0 0 3px rgba(44,220,255,.12);outline:none}.iscarb-hub-btn span{display:block}.iscarb-hub-btn small{display:block;margin-top:3px;color:#d7c5a4;font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.iscarb-save-badge{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:5px 9px;border:1px solid rgba(52,211,153,.45);border-radius:999px;background:rgba(52,211,153,.08);color:#a9f2cf;font:800 9px/1.1 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.03em;white-space:nowrap}.iscarb-save-badge.saving{border-color:rgba(220,181,107,.5);background:rgba(220,181,107,.08);color:#f0d8a9}.iscarb-save-badge.warn{border-color:rgba(255,107,125,.5);background:rgba(255,107,125,.08);color:#ffc2ca}
.iscarb-methodology-nav{color:var(--iscarb-gold)!important}
@media(max-width:860px){.hero.iscarb-themed-hero{padding-right:inherit!important;padding-top:210px!important;min-height:0}.hero.iscarb-themed-hero::after{top:0;left:0;right:0;width:100%;height:190px;bottom:auto;border-left:0;border-bottom:1px solid rgba(220,181,107,.22);background-image:linear-gradient(180deg,rgba(5,7,13,.04),rgba(5,7,13,.82)),var(--iscarb-theme-img);background-size:cover;background-position:center 66%}.iscarb-hub-btn{top:8px;left:8px;width:146px;min-height:48px;padding-left:54px;background-size:100% 100%,82px 48px;font-size:10px}}
@media print{.iscarb-hub-btn,.iscarb-save-badge{display:none!important}.hero.iscarb-themed-hero{padding-right:0!important}.hero.iscarb-themed-hero::after{display:none!important}}

/* Keep navigation in document flow on forms; never cover a heading or input. */
.iscarb-hub-btn.iscarb-inline-hub{position:relative;top:auto;left:auto;margin:16px auto 0;z-index:auto;width:200px;font-size:14px}.iscarb-inline-hub small{font-size:12px}.iscarb-save-badge{font-size:13px;line-height:1.4;white-space:normal}
/* The hub keeps the original artwork behind a dedicated, non-overlapping column. */
body:has(#assignment-progression) .hero.iscarb-themed-hero{padding:32px 43% 32px 32px!important;min-height:0}body:has(#assignment-progression) .hero.iscarb-themed-hero::after{width:40%}@media(max-width:860px){body:has(#assignment-progression) .hero.iscarb-themed-hero{padding:24px!important}body:has(#assignment-progression) .hero.iscarb-themed-hero::after{display:none}}
