/* Welcome & Connect redesign drafts — scoped by injector path conditions */
.block-subtheme-page-title {display:none;}
.srjc-welcome-page{--srjc-navy:#081f40;--srjc-blue:#174b7a;--srjc-red:#aa1e2e;--srjc-red-dark:#821522;--srjc-ink:#182235;--srjc-muted:#5b6673;--srjc-mist:#f4f7f9;--srjc-line:#d9e0e5;--srjc-green:#6e7430;--srjc-orange:#c76a29;color:var(--srjc-ink);font-size:1.05rem;line-height:1.65;padding-bottom:3rem;}
.srjc-welcome-page *{box-sizing:border-box;}
.srjc-welcome-page h1,.srjc-welcome-page h2,.srjc-welcome-page h3{font-family:Lato,Arial,sans-serif;color:var(--srjc-navy);letter-spacing:-.02em;text-transform:none;}
.srjc-welcome-page h2{font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.08;margin:.15rem 0 1rem;font-weight:800;}
.srjc-welcome-page h3{font-size:1.35rem;line-height:1.25;font-weight:800;}
.srjc-welcome-page a:not(.button){text-decoration-line:underline;text-decoration-thickness:.09em;text-underline-offset:.17em;}
.srjc-welcome-page a:focus-visible,.srjc-welcome-page button:focus-visible{outline:3px solid #f6be00;outline-offset:4px;}
.srjc-welcome-page .button{font-family:Lato,Arial,sans-serif;font-weight:800;line-height:1.25;text-transform:none;letter-spacing:.01em;background:var(--srjc-red);border:2px solid var(--srjc-red);box-shadow:none;margin:.35rem .6rem .35rem 0;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;}
.srjc-welcome-page .button:hover,.srjc-welcome-page .button:focus{background:var(--srjc-red-dark);border-color:var(--srjc-red-dark);transform:translateY(-1px);}
.srjc-welcome-hero{position:relative;overflow:hidden;margin:0 0 4rem;padding:clamp(3rem,7vw,6.25rem) clamp(1.5rem,5vw,5rem);border-radius:0 0 1.25rem 1.25rem;background:linear-gradient(118deg,#081f40 0%,#123c68 62%,#255f8b 100%);box-shadow:0 22px 50px rgba(8,31,64,.18);isolation:isolate;}
.srjc-welcome-hero:before,.srjc-welcome-hero:after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none;}
.srjc-welcome-hero:before{width:28rem;height:28rem;right:-8rem;top:-15rem;background:rgba(255,255,255,.08);}
.srjc-welcome-hero:after{width:16rem;height:16rem;right:12%;bottom:-10rem;border:2rem solid rgba(170,30,46,.42);}
.srjc-welcome-hero__inner{position:relative;max-width:60rem;z-index:1;}
.srjc-welcome-page .srjc-welcome-hero h1{color:#fff;font-size:clamp(2.65rem,5.2vw,5.3rem);line-height:.99;font-weight:900;max-width:12ch;margin:.35rem 0 1.4rem;letter-spacing:-.045em;}
.srjc-welcome-page .srjc-welcome-hero--compact h1{max-width:15ch;font-size:clamp(2.55rem,4.7vw,4.6rem);}
.srjc-welcome-eyebrow,.srjc-welcome-kicker{font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;margin:0 0 .5rem;}
.srjc-welcome-eyebrow{color:#f6be00;}
.srjc-welcome-kicker{color:var(--srjc-red);}
.srjc-welcome-hero__lead{color:#fff;max-width:50rem;font-size:clamp(1.15rem,1.7vw,1.42rem);line-height:1.55;margin-bottom:1.7rem;}
.srjc-welcome-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;}
.srjc-welcome-page .srjc-welcome-button-primary{background:#c72639;border-color:#c72639;}
.srjc-welcome-page .srjc-welcome-button-light{background:transparent;border-color:#fff;color:#fff;}
.srjc-welcome-page .srjc-welcome-button-light:hover,.srjc-welcome-page .srjc-welcome-button-light:focus{background:#fff;border-color:#fff;color:var(--srjc-navy);}
.srjc-welcome-section{margin:clamp(3.5rem,7vw,6.5rem) 0;}
.srjc-welcome-section-heading{max-width:54rem;margin-bottom:2.25rem;}
.srjc-welcome-section-heading>p:last-child{font-size:1.16rem;color:var(--srjc-muted);}
.srjc-welcome-card{position:relative;height:100%;min-height:18rem;padding:2rem 1.75rem 1.65rem;border:1px solid var(--srjc-line);border-top:5px solid var(--srjc-red);border-radius:.75rem;background:#fff;box-shadow:0 10px 28px rgba(8,31,64,.08);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease;}
.srjc-welcome-card:hover,.srjc-welcome-card:focus-within{transform:translateY(-4px);box-shadow:0 18px 38px rgba(8,31,64,.14);}
.srjc-welcome-card__number{display:block;color:#8793a0;font-size:.78rem;font-weight:900;letter-spacing:.14em;margin-bottom:1.25rem;}
.srjc-welcome-card h3{margin:.05rem 0 .7rem;font-size:1.45rem;}
.srjc-welcome-card p{color:var(--srjc-muted);margin-bottom:1.5rem;}
.srjc-welcome-card__link{font-weight:900;margin-top:auto;}
.srjc-welcome-contact{margin:5.5rem 0;padding:clamp(2rem,5vw,4.5rem);border-radius:1.1rem;background:var(--srjc-navy);color:#fff;box-shadow:0 20px 45px rgba(8,31,64,.16);}
.srjc-welcome-page .srjc-welcome-contact h2,.srjc-welcome-page .srjc-welcome-contact .lead{color:#fff;}
.srjc-welcome-contact .srjc-welcome-kicker{color:#f6be00;}
.srjc-welcome-contact-card{padding:2rem;border-radius:.8rem;background:#fff;color:var(--srjc-ink);box-shadow:0 16px 35px rgba(0,0,0,.2);}
.srjc-welcome-contact-card__label{font-size:1.15rem;font-weight:900;color:var(--srjc-navy);border-bottom:1px solid var(--srjc-line);padding-bottom:.8rem;}
.srjc-welcome-contact-card [class^="icon-"]{color:var(--srjc-red);margin-right:.35rem;}
.srjc-welcome-note{font-size:.9rem;color:var(--srjc-muted);}
.srjc-location-tile{height:100%;min-height:22rem;padding:2.25rem 1.8rem;border-radius:.85rem;background:#fff;border:1px solid var(--srjc-line);border-top:8px solid var(--srjc-navy);box-shadow:0 10px 28px rgba(8,31,64,.08);display:flex;flex-direction:column;}
.srjc-location-tile--petaluma{border-top-color:var(--srjc-green);}
.srjc-location-tile--roseland{border-top-color:var(--srjc-orange);}
.srjc-location-tile__campus{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:var(--srjc-muted);}
.srjc-location-tile h3{font-size:1.75rem;margin:.15rem 0 .75rem;}
.srjc-location-tile p:not(.srjc-location-tile__campus){color:var(--srjc-muted);}
.srjc-location-tile .button{margin-top:auto;align-self:flex-start;}
.srjc-welcome-trust{margin-top:5rem;padding:2.5rem;border:0;border-left:7px solid var(--srjc-red);background:#eef4f8;border-radius:.45rem;}
.srjc-welcome-trust h2{font-size:clamp(1.65rem,2.5vw,2.35rem);}
.srjc-location-jump{margin:-1.5rem 0 2rem;position:relative;z-index:2;}
.srjc-location-jump ul{list-style:none;margin:0;padding:0;}
.srjc-location-jump a{display:block;height:100%;padding:1.2rem 1.35rem;border-radius:.6rem;background:#fff;border:1px solid var(--srjc-line);box-shadow:0 8px 24px rgba(8,31,64,.09);text-decoration:none;color:var(--srjc-navy);}
.srjc-location-jump a:hover,.srjc-location-jump a:focus{border-color:var(--srjc-red);box-shadow:0 12px 30px rgba(8,31,64,.14);}
.srjc-location-jump span{display:block;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--srjc-red);}
.srjc-location-jump strong{display:block;font-size:1rem;margin-top:.15rem;}
.srjc-welcome-intro{max-width:48rem;margin:2.5rem auto 4rem;text-align:center;font-size:1.12rem;color:var(--srjc-muted);}
.srjc-center-panel{scroll-margin-top:2rem;margin:0 0 4rem;border:1px solid var(--srjc-line);border-radius:1rem;background:#fff;box-shadow:0 12px 34px rgba(8,31,64,.09);overflow:hidden;}
.srjc-center-panel__header{padding:clamp(2rem,4vw,3.5rem);border-top:9px solid var(--srjc-navy);background:linear-gradient(130deg,#f5f8fb,#fff);}
.srjc-center-panel--petaluma .srjc-center-panel__header{border-top-color:var(--srjc-green);}
.srjc-center-panel--roseland .srjc-center-panel__header{border-top-color:var(--srjc-orange);}
.srjc-center-panel__header p:last-child{max-width:58rem;color:var(--srjc-muted);font-size:1.1rem;}
.srjc-info-block{height:100%;padding:clamp(1.5rem,3vw,2.5rem);}
.srjc-info-block h3{padding-bottom:.8rem;border-bottom:1px solid var(--srjc-line);}
.srjc-info-block address{font-style:normal;line-height:1.7;}
.srjc-text-link{font-weight:900;}
.srjc-welcome-faq article>.callout{height:100%;padding:1.6rem;border:1px solid var(--srjc-line);border-radius:.55rem;background:#fff;}
.srjc-welcome-faq article h3{font-size:1.18rem;margin-top:0;}
.srjc-welcome-remote{margin-top:1.25rem;border:0;border-left:6px solid var(--srjc-red);border-radius:.45rem;background:#eef4f8;}
@media (max-width:639px){.srjc-welcome-page{font-size:1rem;}.srjc-welcome-hero{margin-left:-.75rem;margin-right:-.75rem;padding:2.6rem 1.25rem;border-radius:0 0 .8rem .8rem;}.srjc-welcome-page .srjc-welcome-hero h1{font-size:2.7rem;}.srjc-welcome-actions{display:block;}.srjc-welcome-page .srjc-welcome-actions .button{display:block;width:100%;margin:.65rem 0;text-align:center;}.srjc-welcome-card{min-height:0;}.srjc-welcome-contact{padding:2rem 1.25rem;}.srjc-welcome-contact-card{margin-top:1.5rem;padding:1.35rem;}.srjc-location-tile{min-height:0;}.srjc-location-jump{margin-top:0}.srjc-location-jump li{margin-bottom:.65rem}.srjc-center-panel{border-radius:.65rem;}}
@media (prefers-reduced-motion:reduce){.srjc-welcome-page *{scroll-behavior:auto!important;transition:none!important;}}

/* Draft review navigation — removed before launch */
.srjc-redesign-preview{margin:0 0 1.5rem;padding:1rem 1.25rem;border:1px dashed #9aa8b5;border-radius:.45rem;background:#f7f9fb;}
.srjc-redesign-preview p{margin:0 0 .65rem;color:#4e5d6c;font-size:.9rem;}
.srjc-redesign-preview p strong{color:var(--srjc-navy);margin-right:.4rem;}
.srjc-redesign-preview .menu{display:flex;flex-wrap:wrap;gap:.35rem .45rem;margin:0;}
.srjc-redesign-preview .menu li{margin:0;}
.srjc-redesign-preview .menu a{display:block;padding:.48rem .72rem;border-radius:.3rem;color:var(--srjc-navy);font-size:.9rem;font-weight:800;text-decoration:none;}
.srjc-redesign-preview .menu a:hover,.srjc-redesign-preview .menu a:focus{background:#e5edf4;}
.srjc-redesign-preview .menu a[aria-current="page"]{background:var(--srjc-navy);color:#fff;}
@media(max-width:639px){.srjc-redesign-preview .menu{display:block}.srjc-redesign-preview .menu a{padding:.55rem .35rem;border-bottom:1px solid #d9e0e5;border-radius:0}.srjc-redesign-preview .menu a[aria-current="page"]{padding-left:.65rem;border-radius:.25rem}}

/* Petaluma location accent — approved SRJC secondary green */
.srjc-welcome-petaluma .srjc-welcome-hero:after{border-color:rgba(110,116,48,.58);}
.srjc-welcome-petaluma .srjc-welcome-card{border-top-color:var(--srjc-green);}

.srjc-welcome-petaluma .srjc-welcome-trust{border-left-color:var(--srjc-green);}

/* Existing campus Welcome & Connect logos: preserve original artwork. */
.srjc-welcome-page .srjc-campus-logo{display:block;width:200px;max-width:100%;height:auto;margin:0;border:0}
.srjc-welcome-page .srjc-campus-logo--small{width:160px;margin:0 0 20px}
.srjc-welcome-page .srjc-welcome-brand{min-height:240px;padding:20px 24px;background:#fff;margin:0}
.srjc-welcome-page .srjc-welcome-brand p{margin:0}
@media(min-width:1100px){.srjc-welcome-page:has(>.srjc-welcome-brand) .srjc-welcome-hero{padding-right:clamp(1.5rem,5vw,5rem)}}
@media(max-width:639px){.srjc-welcome-page .srjc-welcome-brand{min-height:0;padding:12px 0 24px}.srjc-welcome-page .srjc-welcome-brand .srjc-campus-logo{width:160px}.srjc-welcome-page .srjc-campus-logo--small{width:144px}}

/* Roseland: logo beside the headline inside the hero (user reference). */
.srjc-welcome-page .srjc-welcome-hero--campus-logo .srjc-welcome-hero__heading{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:32px;margin-bottom:24px}
.srjc-welcome-page .srjc-welcome-hero--campus-logo .srjc-welcome-hero__heading h1{margin-bottom:0}
.srjc-welcome-page .srjc-welcome-hero--campus-logo .srjc-welcome-hero__logo{margin:0}
@media(min-width:1100px) and (max-width:1299px){.srjc-welcome-page .srjc-welcome-hero--campus-logo .srjc-welcome-hero__heading{grid-template-columns:minmax(0,1fr) 160px;gap:24px}.srjc-welcome-page .srjc-welcome-hero--campus-logo .srjc-campus-logo{width:160px}}
@media(max-width:699px){.srjc-welcome-page .srjc-welcome-hero--campus-logo .srjc-welcome-hero__heading{grid-template-columns:1fr;gap:24px}.srjc-welcome-page .srjc-welcome-hero--campus-logo .srjc-campus-logo{width:160px}}

/* Temporary signed-in redesign preview menu — remove before launch. */
.srjc-demo-nav{box-sizing:border-box;max-width:1352px;margin:24px auto;padding:16px 20px;border:1px dashed #9aa8b5;background:#f4f7f9;color:#081f40;font-family:inherit;text-align:left}.srjc-demo-nav p{margin:0 0 12px;font-size:14px}.srjc-demo-nav strong{margin-right:12px}.srjc-demo-nav ul{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}.srjc-demo-nav a,.srjc-demo-nav summary{color:#081f40;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:3px;line-height:1.4}.srjc-demo-nav a{display:inline-block;padding:10px 0}.srjc-demo-nav a:focus-visible,.srjc-demo-nav summary:focus-visible{outline:3px solid #aa1e2e;outline-offset:3px}.srjc-demo-campuses{display:flex;flex-wrap:wrap;align-items:start;gap:12px 28px;border-top:1px solid #cbd5df;margin-top:12px;padding-top:10px}.srjc-demo-nav details{max-width:100%;margin:0;border:0;padding:0}.srjc-demo-nav summary{cursor:pointer;padding:10px 0}.srjc-demo-nav details ul{display:block;padding:6px 14px;background:#fff}.srjc-demo-nav details a{font-size:15px}.srjc-demo-nav li{margin:0}@media(max-width:639px){.srjc-demo-nav{margin:16px 12px;padding:14px}.srjc-demo-nav>ul{display:block}.srjc-demo-campuses{display:block}.srjc-demo-nav strong{display:block;margin-bottom:6px}}


/* Student Support Guide — task-first resource routing */
.srjc-support-guide .srjc-support-route { min-height: 16rem; }
.srjc-support-guide .srjc-support-route__prompt { margin: 0px 0px 0.55rem; color: var(--srjc-red); font-size: 0.75rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; }
.srjc-support-guide .srjc-support-checklist { margin: 0px; list-style: none; }
.srjc-support-guide .srjc-support-checklist li { position: relative; margin: 0px 0px 0.85rem; padding-left: 1.65rem; color: var(--srjc-ink); }
.srjc-support-guide .srjc-support-checklist li::before { content: "✓"; position: absolute; left: 0px; top: -0.02rem; color: var(--srjc-red); font-weight: 900; }
.srjc-support-guide .srjc-support-directory { margin-bottom: 4rem; }
.srjc-support-guide .srjc-support-cluster { scroll-margin-top: 2rem; margin: 0px 0px 1.5rem; padding: clamp(1.5rem, 3.5vw, 3rem); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 7px solid var(--srjc-red); border-radius: 0.85rem; background: rgb(255, 255, 255); box-shadow: rgba(8, 31, 64, 0.07) 0px 10px 28px; }
.srjc-support-guide .srjc-support-cluster:nth-of-type(2n) { background: rgb(247, 249, 251); }
.srjc-support-guide .srjc-support-cluster__intro { padding-right: clamp(1rem, 3vw, 2.5rem); }
.srjc-support-guide .srjc-support-cluster__intro h3 { margin: 0.2rem 0px 0.75rem; font-size: clamp(1.6rem, 2.4vw, 2.15rem); line-height: 1.12; }
.srjc-support-guide .srjc-support-cluster__intro > p:last-child { color: var(--srjc-muted); font-size: 1.05rem; }
.srjc-support-guide .srjc-support-link-list { margin: 0px; list-style: none; }
.srjc-support-guide .srjc-support-link-list > li { display: flex; flex-direction: column; margin: 0px; padding-top: 0px; padding-bottom: 0.65rem; }
.srjc-support-guide .srjc-support-link-list > li > a:first-child { position: relative; display: block; height: 100%; padding: 1rem 2.3rem 1rem 1.05rem; border: 1px solid rgb(220, 227, 232); border-radius: 0.55rem; background: rgb(255, 255, 255); color: var(--srjc-navy); text-decoration: none; box-shadow: rgba(8, 31, 64, 0.04) 0px 4px 12px; transition: border-color 0.16s, box-shadow 0.16s, transform 0.16s; }
.srjc-support-guide .srjc-support-link-list > li > a:first-child::after { content: "→"; position: absolute; right: 1rem; top: 1rem; color: var(--srjc-red); font-size: 1.15rem; font-weight: 900; }
.srjc-support-guide .srjc-support-link-list > li > a:first-child:hover, .srjc-support-guide .srjc-support-link-list > li > a:first-child:focus { border-color: var(--srjc-red); box-shadow: rgba(8, 31, 64, 0.1) 0px 9px 20px; transform: translateY(-2px); }
.srjc-support-guide .srjc-support-link-list strong { display: block; padding-right: 0.3rem; font-size: 1.05rem; line-height: 1.3; }
.srjc-support-guide .srjc-support-link-list span { display: block; margin-top: 0.38rem; color: var(--srjc-muted); font-size: 0.93rem; line-height: 1.45; font-weight: 400; }
.srjc-support-guide .srjc-support-secondary-link { align-self: flex-start; margin: 0.42rem 0px 0px 0.65rem; font-size: 0.88rem; font-weight: 800; }
@media (max-width: 1023px) {
  .srjc-support-guide .srjc-support-cluster__intro { margin-bottom: 1rem; padding-right: 0px; }
  .srjc-support-guide .srjc-support-route { min-height: 0px; }
}
@media (max-width: 639px) {
  .srjc-support-guide .srjc-support-cluster { padding: 1.35rem 1rem; border-left-width: 5px; }
  .srjc-support-guide .srjc-support-link-list > li { padding-bottom: 0.55rem; }
  .srjc-support-guide .srjc-support-link-list > li > a:first-child { padding: 0.9rem 2.15rem 0.9rem 0.9rem; }
}

/* Keep all approved student-navigation items visible on smaller desktop and laptop widths. */
@media screen and (min-width: 64em) and (max-width: 90em) {
  #block-mainnavigation > ul > li > a {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}