/* EngleClass public identity, inspired by collegiate editorial design. */
:root{--green:#15374c;--ink:#1d3142;--muted:#5b6874;--paper:#f5f0e5;--line:#d9cdb5}
body{overflow-x:clip;background:radial-gradient(ellipse at 10% 0,#d9c8a120,transparent 60%),repeating-linear-gradient(0deg,#b49c6a05 0 1px,transparent 1px 4px),#f5f0e5}
.header{border-bottom-color:#c9b78c;background:#fbf8ef}
.brand img{filter:none}
.hero{width:100%;margin-inline:0;padding-inline:max(44px,calc((100% - 1240px)/2));isolation:isolate;position:relative;color:#fff9ec;padding-top:72px;padding-bottom:90px;margin-bottom:0}
.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0b2437f5,#142e3acc 50%,#112e3659),url('/school/royal-campus.jpg') center 58%/cover no-repeat;border-bottom:3px double #bc9f62}
.hero h1,.hero h1 em{color:#fff7e6}.hero .eyebrow{color:#e6ca92}.hero .hero-description,.hero .hero-copy>p,.hero .quiet{color:#e4e3d8}
.hero .app-preview,.hero .learning-note{color:var(--ink)}.hero .demo-note{color:#e1dfce}.hero .hero-copy>.eyebrow{color:#e6ca92}.hero .eyebrow>span:empty{background:#d5b77b}
.hero .quiet a,.hero .text-link{color:#f1d9a6}.hero .hero-actions .primary{background:linear-gradient(115deg,#f0d9a9,#dec28a);color:#142e40;border-color:#ddc48e}.hero .hero-actions .primary:hover{background:#f8e7c5}
.position-strip{background:#e8dfcb;border-color:#ccb88a}.status-chip{background:#fffbf0;border-color:#cbbb99;color:#4d5c65}
.curriculum-section{background:#e9e4d7;border-color:#d4c7ab}.stage-card,.role-screen,.inquiry-template{background:#fffdf6;border-color:#d9cbb0}
.last-cta{background:linear-gradient(110deg,#0e2d42,#244a58);border-top:3px double #bca16c}.last-cta .eyebrow{color:#d9bf89}.last-cta p:not(.eyebrow){color:#d4ddd9}.last-cta .light{background:#f0dbb1;color:#19384c}.footer{border-top:1px solid #d0b98b}
.editorial>h1{font-family:var(--sans)}.editorial{position:relative}.editorial::before{content:"";display:block;height:160px;margin-bottom:32px;border:1px solid #b59b69;border-radius:5px;background:linear-gradient(90deg,#102e4477,#112c3b11),url('/school/royal-campus.jpg') center 57%/cover no-repeat;box-shadow:inset 0 0 0 6px #dec99020}.release-cards article{border-color:#d2c3a4;background:#fffdf6}
@media(max-width:820px){.hero{padding-top:38px;padding-bottom:54px}.hero::before{background-position:center top;background-image:linear-gradient(180deg,#0b2437e8,#102c3cd9 58%,#112b39b5),url('/school/royal-campus.jpg')}.editorial::before{height:135px;margin-bottom:26px}}
@media print{.hero::before,.editorial::before{display:none}.hero,.hero h1,.hero h1 em,.hero .hero-copy>p{color:#111!important}}
@media(max-width:820px){.hero::before{background-image:linear-gradient(180deg,#0b2437e8,#102c3cd9 58%,#112b39b5),url('/school/royal-campus-mobile.jpg');background-position:center center}.editorial::before{background-image:linear-gradient(90deg,#102e4477,#112c3b11),url('/school/royal-campus-mobile.jpg');background-position:center 49%}}

@media(max-width:820px){.hero{padding-inline:24px}}@media(max-width:500px){.hero{padding-inline:20px}}

.header .brand img{width:240px;height:auto;max-width:100%}.footer .brand img{width:190px;height:auto}.mini-brand img{width:145px;height:auto}.standard-label{font-size:10px;letter-spacing:.16em;color:#8c713c}.standard-school{font-family:var(--sans);font-size:30px;color:#17374a;margin:12px 0}.community-public{border-top:1px solid #cbbb99}.community-public-heading{max-width:760px}.community-public h2{font-size:clamp(28px,3vw,44px);line-height:1.5;letter-spacing:-.04em}.community-public-heading>p:last-child{line-height:1.9;color:#5b6874;margin-top:22px}.community-public .release-cards{margin-top:32px}.community-public .text-link{display:inline-block;margin-top:18px}@media(max-width:820px){.header .brand img{width:190px}.mini-brand img{width:110px}.community-public{padding-top:48px;padding-bottom:48px}.community-public-heading>p:last-child{font-size:14px}.standard-school{font-size:25px}}
/* Shared EngleClass presentation, matching the first school standard. */
.standard-preview{min-width:0;background:#fffcf3;color:#193449;border:1px solid #d0b980;box-shadow:0 24px 70px #061b3c45;border-radius:10px;padding:30px}
.standard-preview-top{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ded0b0;padding-bottom:22px}.standard-preview-top img{width:190px;height:auto}.standard-preview-top>span{font-size:11px;max-width:120px;line-height:1.8;color:#62665e}.standard-preview-title{margin:26px 0}.hero .standard-preview .eyebrow{font-size:10px;color:#8c713c;letter-spacing:.12em;margin-bottom:12px}.standard-preview h2{font-size:30px;line-height:1.6}.standard-preview-list{list-style:none;padding:0;margin:0;display:grid;gap:0}.standard-preview-list li{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #e5dcc9}.standard-preview-list li>span{font:22px var(--sans);color:#987940}.standard-preview-list strong{font-size:15px}.standard-preview-list p{font-size:13px;color:#5b6874;margin-top:5px}.standard-preview-foot{border-top:1px solid #d9c7a3;display:flex;align-items:center;justify-content:space-between;padding-top:20px;margin-top:8px;font-size:13px;font-weight:700;min-height:44px}.hero .standard-preview-foot{color:#193449}.standard-alerts{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.standard-alerts h2{font-size:36px}.standard-alerts>div>p:not(.eyebrow){margin-bottom:18px;line-height:1.9;color:#53625d}.demo-path>summary{font-weight:700;cursor:pointer;min-height:44px;padding:10px 0}.optional-demo-content{padding-top:20px}
@media(max-width:820px){.standard-preview{padding:25px}.standard-alerts{grid-template-columns:1fr;gap:24px}.standard-preview-top img{width:175px}.standard-alerts h2{font-size:30px}}
@media(max-width:400px){.standard-preview{padding:20px}.standard-preview-top{flex-wrap:wrap;gap:9px}.standard-preview-top>span{max-width:none}.standard-preview h2{font-size:25px}.standard-preview-list strong{font-size:14px}.standard-preview-list p{font-size:12px}.standard-preview-list li{gap:12px}.hero h1{font-size:31px}.standard-alerts h2{font-size:27px}}

/* Original approved wordmark size; the crest keeps its own icon crop. */
.header .brand img{width:240px;max-width:100%;height:auto}.header{height:auto;min-height:98px;padding-block:12px;gap:24px}.footer .brand img{width:190px;max-width:100%}.standard-preview-top{flex-wrap:wrap}.standard-preview-top img{width:190px;max-width:100%;height:auto}.standard-preview-top>span{max-width:none}
@media(max-width:820px){.header{flex-wrap:wrap;padding-block:14px;gap:12px}.header .brand{flex:1 1 100%;min-width:0}.header .brand img{width:190px;max-width:100%}.header nav{margin-left:auto}.standard-preview-top img{width:175px;max-width:100%}}

.existing-school-login{display:block;font-size:11px;font-weight:400;line-height:1.6;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.footer{flex-wrap:wrap}.footer>.existing-school-login{flex-basis:100%;text-align:right}.hero-actions:empty{display:none}

.lesson-sticker{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin:18px 0 0;padding:7px 11px;border:1px solid #d9c38a;border-radius:7px 7px 7px 2px;background:#f8edc9;color:#284458;font-size:12px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.lesson-sticker>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e4eedf;color:#315f48;flex:none}.standard-preview-list>li:nth-child(1)>span::after{content:"✓";display:block;font-size:17px;line-height:1.2;color:#49745d}.standard-preview-list>li:nth-child(2)>span::after{content:"Aa";display:block;font-size:11px;line-height:1.5;color:#6a729b}.standard-preview-list>li:nth-child(3)>span::after{content:"♡";display:block;font-size:18px;line-height:1.2;color:#9a7954}

/* Role-specific entry points use the same fictional academy as the tour. */
.standard-preview-list li>div{min-width:0}
.standard-preview-list a{display:inline-flex;align-items:center;min-height:44px;color:#234b58;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.standard-preview-list a:focus-visible{outline:3px solid #507d91;outline-offset:3px;border-radius:3px}

/* Keep the campus visible and place reading areas on opaque cream panels. */
#daily-flow,#how{background-image:linear-gradient(90deg,#fffaf0d9,#fffaf073),url('/school/royal-campus.jpg');background-size:cover;background-position:center 72%;border-radius:12px;padding:34px}#curriculum{background-image:linear-gradient(#f4efdf8c,#f4efdf8c),url('/school/royal-campus.jpg');background-size:cover;background-position:center 90%}.editorial::before{background-image:linear-gradient(90deg,#fff8e5b8,#fff8e59c),url('/school/royal-campus.jpg');background-position:center 72%}.feature-examples{padding-block:28px}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.example-grid figure{min-width:0;margin:0;padding:18px;border:1px solid #d9cbb0;border-radius:12px;background:#fffcf4}.example-grid img{width:100%;height:auto;max-height:470px;object-fit:contain;object-position:top;border-radius:8px;background:#f6f2e8}.example-grid figcaption{display:grid;gap:8px;margin-top:18px;font-size:14px;line-height:1.6}.example-grid figcaption a{text-decoration:underline;text-underline-offset:4px;min-height:44px;align-content:center}@media(max-width:760px){.example-grid{grid-template-columns:1fr}.example-grid img{max-height:440px}.example-grid figure{padding:16px}#daily-flow,#how{padding:22px}#daily-flow,#how,#curriculum{background-image:linear-gradient(#fffaf0b8,#fffaf0b8),url('/school/royal-campus-mobile.jpg')}}

#daily-flow .release-heading,#daily-flow>.section-note,#how .section-heading,#curriculum .curriculum-heading,#curriculum>.wrap>.section-note{background:#fffaf0f5;border-radius:8px;padding:20px}#start{background:linear-gradient(90deg,#fffaf033,#fffaf077),url('/school/royal-campus.jpg') center 70%/cover;border-radius:12px;padding:34px;gap:34px}#start .start-intro,#start .opening-steps,#start .start-note{background:#fffaf0f5;border-radius:8px;padding:24px}#start .opening-steps li:last-child{border-bottom:0}@media(max-width:760px){#start{background-image:linear-gradient(#fffaf044,#fffaf066),url('/school/royal-campus-mobile.jpg');padding:20px}#start .start-intro,#start .opening-steps,#start .start-note{padding:20px}}
