@charset "UTF-8";
/* Selected manuscript chapters. One intact painting stays behind the work area;
   only business content scrolls, so figures never stretch or acquire tile seams. */
body:has(.page-shell),body:has(.manuscript-page){
 --chapter-art:url('./gothic/optimized/collection-folio-faces-2560-87659e8aeec4.webp');
 --chapter-inset:7%;--chapter-top:16dvh;--chapter-bottom:16dvh;
 background:#f3e6ca;overflow:hidden;isolation:isolate;
}
body:has(.manuscript-page){--chapter-art:url('./gothic/optimized/study-landscape-faces-2560-9ba38bc57b38.webp');--chapter-inset:12%;--chapter-top:22dvh;--chapter-bottom:23dvh}
body:has(.page-shell)::before,body:has(.manuscript-page)::before{
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background-image:var(--chapter-art);background-position:center;background-size:cover;background-repeat:no-repeat;
}
.page-shell.page-shell,.manuscript-page.manuscript-page,
.page-shell.wide-page,.page-shell.form-detail-page,.page-shell.narrow-page,.intake-page.manuscript-page{
 position:fixed;inset:var(--chapter-top) var(--chapter-inset) var(--chapter-bottom);
 display:block;width:auto;max-width:none;height:auto;min-height:0;max-height:none;
 margin:0;padding:8px 14px 26px;border:0;border-image:none;background:none;box-shadow:none;
 overflow:auto;scrollbar-width:thin;scrollbar-color:#a88b51 transparent;scroll-padding:20px;
}
.page-shell.page-shell::before,.manuscript-page.manuscript-page::before,.manuscript-ornaments{display:none!important}
body:has(.page-shell) .topbar,body:has(.page-shell) .channel-topbar,
body:has(.manuscript-page) .app-header{
 position:fixed;z-index:20;top:4dvh;left:var(--chapter-inset);right:var(--chapter-inset);
 height:9dvh;min-height:64px;width:auto;margin:0;padding:0 14px;
 background:none;border:0;box-shadow:none;backdrop-filter:none;gap:32px;
}
body:has(.page-shell) .topbar-inner,body:has(.page-shell) .channel-topbar .topbar-inner{width:100%;max-width:none;min-height:64px;gap:20px}
body:has(.page-shell) .brand strong{font-size:26px}
body:has(.page-shell) .topbar{right:20%;top:16dvh;height:6dvh}
body:has(.page-shell){--chapter-top:23dvh;--chapter-inset:8%;--chapter-bottom:15dvh}
body:has(.page-shell) .page-shell{right:12%}
body:has(.manuscript-page) .app-header{top:13dvh;height:7dvh;right:19%}
body:has(.manuscript-page) .brand small{display:none}
.page-shell .page-heading,.manuscript-page .page-heading{
 min-height:0;padding:4px 0 22px;margin:0 0 24px;border:0;align-items:center;gap:18px;
}
.page-shell .page-heading h1,.manuscript-page .page-heading h1,.student-title h1.serif,.student-title h1{
 font:400 clamp(32px,2.5vw,48px)/1.35 var(--font-chinese, Zhuque),Zhuque,'FangSong',serif;color:#862e25;letter-spacing:.035em;margin:0;
}
.directory .page-heading p{display:none}
.directory.manuscript-page .page-heading{padding:0 0 10px;margin-bottom:12px}
.directory .legend{margin-bottom:12px;min-height:20px}
.directory .school-markers{display:inline-flex;margin:4px 0 0 14px;vertical-align:middle}
.directory .app-count{display:inline-block;margin-top:5px}
.directory .student-card-task{margin-top:10px}
.directory .student-card-footer{margin-top:6px}
.heading-count{font:400 15px/1.5 var(--font-chinese, HanSans),HanSans,sans-serif;vertical-align:middle;color:var(--muted);margin-left:12px}
.page-shell .button,.manuscript-page .button{min-height:42px;border-radius:2px}
.page-shell .button.primary,.manuscript-page .button.primary{background:#933326;border:3px double #c3a35f;box-shadow:none;padding:8px 20px}
.page-shell .button.primary:hover,.manuscript-page .button.primary:hover{background:#7d2b22}
.filters{gap:12px;margin-bottom:12px}.search-field,.select-field{background:#fff8e342}
.student-grid{border-left:0;border-top:1px solid #bba368}
.student-card{min-height:192px;padding:18px 24px 14px;border-color:#c3ab77}
.student-card:nth-child(3n){border-right:0}
.student-card:hover{background:#fff8e33d}
.student-card>.student-card-body>.avatar{
 width:48px;height:52px;flex:0 0 48px;background:url('./gothic/optimized/initial-frame-0a9244a38c68.webp') center/100% 100% no-repeat;
 border-radius:0;color:#f3d78c;font:400 30px/52px var(--font-chinese, Zhuque),Zhuque,serif;text-align:center;
}
.student-card:nth-child(even)>.student-card-body>.avatar{color:#f3d78c}
.student-card h2,.student-card h2.serif{font:400 clamp(22px,1.7vw,30px)/1.4 var(--font-chinese, Zhuque),Zhuque,serif;color:#662e25}
.student-card p{font-size:14px}.student-card-body{gap:16px}.student-card-task{margin-top:18px;font-size:15px}
.student-card-footer{font-size:13px}.student-card-task svg{flex-shrink:0}
.student-page .breadcrumb{margin:0 0 20px;padding:0}
.student-page .student-summary{padding:0 0 20px;min-height:0}
.student-page .summary-bottom{margin-top:20px}.student-page .tabs{margin-bottom:24px}
.page-shell .panel,.page-shell .sheet-panel,.page-shell .form-card{background:#fff7df38;box-shadow:none;border-color:#bba36f}
.page-shell .form-card{border-radius:0}.page-shell .form-card h2{font-size:28px}
.page-shell .form-card-grid{gap:0;border-top:1px solid #bba36f}
.page-shell .form-card-grid .form-card{border-top:0;margin:0;min-height:290px}
.page-shell .sheet-filter-toolbar{background:#fff7df75}
.page-shell .table-wrap{background:transparent}
.page-shell .data-table td,.page-shell .data-table th{border-color:#c9b47f}
.admin-master-page .master-table-fragment>.table-wrap.tall{min-height:300px;max-height:48dvh}
.admin-master-page .sheet-heading h1{font-size:clamp(29px,2.2vw,42px)}
.admin-master-page .heading-actions{flex-wrap:wrap;justify-content:flex-end}
.admin-master-page .sheet-heading{align-items:flex-end;margin-bottom:22px}
.admin-master-page .back-link{margin-bottom:12px}
.manuscript-page.intake-page{padding-inline:clamp(20px,14vw,240px)}
@media(min-width:1800px){.student-card{min-height:202px;padding:16px 28px 12px}.student-card>.student-card-body>.avatar{width:54px;height:54px;flex-basis:54px;font-size:34px;line-height:54px}}
@media(max-width:1250px){
 body:has(.page-shell),body:has(.manuscript-page){--chapter-inset:12%;--chapter-top:23dvh}
 .topnav{gap:0;font-size:15px}.topnav a,.nav-button{padding-inline:7px}
 body:has(.page-shell) .brand strong{font-size:22px}.brand small{display:none}
 .student-card{padding:20px 16px;min-height:224px}.student-card-body{gap:12px}
 .page-shell .page-heading,.manuscript-page .page-heading{flex-wrap:wrap;gap:16px}
}
@media(max-width:900px){
 body:has(.page-shell),body:has(.manuscript-page){--chapter-inset:10%;--chapter-top:150px;--chapter-bottom:15dvh}
 body:has(.manuscript-page){--chapter-art:url('./gothic/optimized/study-landscape-mobile-faces-941-b1cbb72ac536.webp')}
 body:has(.page-shell){--chapter-art:url('./gothic/optimized/collection-folio-mobile-faces-941-79622131e2f7.webp')}
 body:has(.page-shell) .page-shell{right:var(--chapter-inset)}
 body:has(.page-shell) .topbar,body:has(.page-shell) .channel-topbar,body:has(.manuscript-page) .app-header{top:28px;height:auto;min-height:90px;padding:0 10px;gap:12px;flex-wrap:wrap}
 body:has(.page-shell) .topbar-inner{flex-wrap:wrap;gap:8px;justify-content:flex-start}
 .topnav{flex-wrap:wrap;gap:2px}.topnav a,.nav-button{min-height:40px}
 .student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-card:nth-child(3n){border-right:1px solid #c3ab77}.student-card:nth-child(2n){border-right:0}
 .page-shell.page-shell,.manuscript-page.manuscript-page{padding:8px 10px 24px}
 .page-shell .page-heading h1,.manuscript-page .page-heading h1{font-size:32px}
 .page-shell .heading-actions{justify-content:flex-start}.page-shell .brand-mark{display:none}
}
@media(max-width:600px){
 body:has(.page-shell),body:has(.manuscript-page){--chapter-inset:9%;--chapter-top:178px;--chapter-bottom:14dvh}
 body:has(.page-shell)::before,body:has(.manuscript-page)::before{background-position:center;background-size:cover;}
 body:has(.page-shell) .topbar,body:has(.page-shell) .channel-topbar,body:has(.manuscript-page) .app-header{left:9%;right:9%;top:5dvh;min-height:110px;align-content:center;padding:0 8px}
 body:has(.page-shell) .brand strong{font-size:23px}.nav-identity{display:none}.brand small{display:none}
 body:has(.manuscript-page) .app-header .main-nav{order:3;flex:1 0 100%;height:42px}
 .page-shell .page-heading,.manuscript-page .page-heading{padding:0 0 18px;margin-bottom:12px;gap:12px}
 .student-grid{grid-template-columns:1fr}.student-card{border-right:0!important;min-height:216px;padding:22px 8px}
 .student-card>.student-card-body>.avatar{width:44px;height:48px;flex-basis:44px;font-size:28px;line-height:48px}
 .student-card h2,.student-card h2.serif{font-size:26px}.student-card-body{gap:18px}
 .page-shell .form-card-grid{grid-template-columns:1fr}.page-shell .form-card{padding:20px 16px}
 .page-shell .form-card h2{font-size:25px}.page-shell .button,.manuscript-page .button{min-height:44px}
 .manuscript-page.intake-page{padding-inline:14px}.student-page .student-summary{padding:0 0 18px}
 .admin-master-page .sheet-heading h1{font-size:29px}.admin-master-page .master-table-fragment>.table-wrap.tall{min-height:250px;max-height:48dvh}
}
@media(max-height:650px) and (min-width:901px){
 body:has(.page-shell),body:has(.manuscript-page){--chapter-top:100px;--chapter-bottom:12dvh}
 body:has(.page-shell) .topbar,body:has(.manuscript-page) .app-header{top:15px;min-height:60px}
}
@media print{
 body:has(.page-shell),body:has(.manuscript-page){overflow:visible}
 .page-shell.page-shell,.manuscript-page.manuscript-page{position:static;overflow:visible;width:100%;margin:0;padding:20px;max-height:none}
 body:has(.page-shell)::before,body:has(.manuscript-page)::before{display:none}
}

/* Each chapter keeps the approved module family, with distinct scenery and ink rules. */
@media(min-width:901px){
 body:has(.student-page){--chapter-art:url('./gothic/optimized/study-journey-faces-2560-59228e2c9282.webp')}
 body:has(.page-shell:is([data-illumination="settings"],[data-illumination="accounts"],[data-illumination="logs"],[data-illumination="intake"])){--chapter-art:url('./gothic/optimized/collection-archive-faces-2560-b6b3d59d04d9.webp')}
}
[data-illumination]{--chapter-ink:#862e25;--chapter-rule:#baa36a;--chapter-tint:#a97a2210}
[data-illumination="directory"]{--chapter-ink:#862e25;--chapter-rule:#a78945}
[data-illumination="overview"]{--chapter-ink:#335948;--chapter-rule:#779780;--chapter-tint:#426a4510}
[data-illumination="applications"]{--chapter-ink:#294b74;--chapter-rule:#7994a8;--chapter-tint:#3158870d}
[data-illumination="materials"]{--chapter-ink:#655029;--chapter-rule:#b89653;--chapter-tint:#af894713}
[data-illumination="followups"]{--chapter-ink:#7b3a35;--chapter-rule:#b37b68;--chapter-tint:#963a300b}
[data-illumination="records"]{--chapter-ink:#294b74;--chapter-rule:#7c92a3;--chapter-tint:#3158870d}
[data-illumination="settings"]{--chapter-ink:#725329;--chapter-rule:#b09155;--chapter-tint:#af894711}
[data-illumination="accounts"]{--chapter-ink:#424772;--chapter-rule:#9293ad;--chapter-tint:#4247720b}
[data-illumination="logs"]{--chapter-ink:#355e51;--chapter-rule:#88a092;--chapter-tint:#426a4510}
[data-illumination="intake"]{--chapter-ink:#7e4330;--chapter-rule:#b58b69;--chapter-tint:#b58b6911}
[data-illumination] :is(.page-heading h1,.sheet-heading h1,.student-title h1){color:var(--chapter-ink)}
.page-shell[data-illumination]>.page-heading{border-bottom:1px solid var(--chapter-rule)}
[data-illumination="settings"]>.page-heading,[data-illumination="accounts"]>.page-heading{border-bottom-style:double;border-bottom-width:3px}
[data-illumination="applications"] .tabs .active,[data-illumination="materials"] .tabs .active,[data-illumination="overview"] .tabs .active,[data-illumination="followups"] .tabs .active{color:var(--chapter-ink);border-color:var(--chapter-rule);background:var(--chapter-tint)}
[data-illumination="materials"] .file-row{border-bottom-color:var(--chapter-rule);background:var(--chapter-tint)}
[data-illumination="followups"] .timeline li{border-left-color:var(--chapter-rule)}
[data-illumination="records"] .master-table th{color:var(--chapter-ink);background:var(--chapter-tint)}
[data-illumination="accounts"] .panel,[data-illumination="logs"] .panel{border-top:2px solid var(--chapter-rule)}
/* Align the detail header and writing field inside the journey art margins. */
@media(min-width:901px){
 body:has(.student-page){--chapter-inset:14%}
 .student-page:not(.is-expanded) .summary-facts{max-width:none;row-gap:12px}
 .student-page:not(.is-expanded) .summary-facts>span:last-child{flex-basis:auto}
 .student-page .summary-facts>span{padding-right:16px;margin-right:16px}
 .student-page:not(.is-expanded) .summary-bottom,.student-page .summary-bottom{margin-top:16px;gap:16px}
 .student-page:not(.is-expanded) .student-summary,.student-page .student-summary{padding-bottom:14px}
 .student-page:not(.is-expanded) .breadcrumb,.student-page .breadcrumb{margin-bottom:12px}
 .student-page .student-title>p{margin-top:4px}
 .student-page .tabs{height:48px;margin-top:0;margin-bottom:16px}
 .student-page .application-list-heading{margin:16px 0}
 .student-page .application-card{padding:20px}
 .student-page .journey{margin:20px 0 16px}
 .student-page .school-next{margin:16px 0}
 .student-page .school-footer{padding-top:14px}
}
[data-illumination] .tabs>button.active::after{background:var(--chapter-ink)}

/* Local super-resolution, selected for the display instead of downloading every size. */
@media (min-width:901px){
 @media (min-width:2561px),(min-height:1442px),(min-resolution:1.5dppx){
body:has(.manuscript-page){--chapter-art:url('./gothic/optimized/study-landscape-faces-3840-3e67849a3cba.webp')}
body:has(.page-shell){--chapter-art:url('./gothic/optimized/collection-folio-faces-3840-ded5cc5dc07a.webp')}
body:has(.student-page){--chapter-art:url('./gothic/optimized/study-journey-faces-3840-3b87b6b9b75f.webp')}
body:has(.page-shell:is([data-illumination="settings"],[data-illumination="accounts"],[data-illumination="logs"],[data-illumination="intake"])){--chapter-art:url('./gothic/optimized/collection-archive-faces-3840-2eaf17e0eb76.webp')}
}}
@media (max-width:900px) and (min-resolution:1.5dppx){
body:has(.manuscript-page){--chapter-art:url('./gothic/optimized/study-landscape-mobile-faces-1882-2bef1db7bee5.webp')}
body:has(.page-shell){--chapter-art:url('./gothic/optimized/collection-folio-mobile-faces-1882-070ca18f240c.webp')}
}

/* Cloister transition outpaint. Original chapter art remains unchanged at rest. */
body:has(.page-shell){--chapter-extension:url('/css/gothic/optimized/collection-folio-extension-d1eb1e2673ef.webp')}
body:has(.manuscript-page){--chapter-extension:url('/css/gothic/optimized/study-landscape-extension-0280c5a7adbb.webp')}
@media(min-width:901px){body:has(.student-page){--chapter-extension:url('/css/gothic/optimized/study-journey-extension-3a556a9de972.webp')}
}
@media(min-width:901px){body:has(.page-shell:is([data-illumination="settings"],[data-illumination="accounts"],[data-illumination="logs"],[data-illumination="intake"])){--chapter-extension:url('/css/gothic/optimized/collection-archive-extension-488c4c509d3d.webp')}
}
@media(max-width:900px){body:has(.manuscript-page){--chapter-extension:url('/css/gothic/optimized/study-landscape-mobile-extension-5672b8d06eb0.webp')}
}
@media(max-width:900px){body:has(.page-shell){--chapter-extension:url('/css/gothic/optimized/collection-folio-mobile-extension-1d1312c9f15d.webp')}
}

/* Keep the whole illuminated leaf visible. Writing and navigation share the
   contained painting's coordinates, rather than the viewport's cropped edges. */
body:has(.page-shell),body:has(.manuscript-page){
 --folio-gutter:clamp(6px,1vw,14px);--folio-ratio:calc(2560 / 1441);
 --folio-width:min(calc(100vw - 2 * var(--folio-gutter)),calc((100dvh - 2 * var(--folio-gutter)) * var(--folio-ratio)));
 --folio-height:calc(var(--folio-width) / var(--folio-ratio));
 --folio-x:calc((100vw - var(--folio-width)) / 2);--folio-y:calc((100dvh - var(--folio-height)) / 2);
 --folio-left:.08;--folio-right:.12;--folio-top:.23;--folio-bottom:.15;--folio-nav:.16;--folio-nav-right:.20;
 --chapter-inset:calc(var(--folio-x) + var(--folio-width) * var(--folio-left));
 --chapter-top:calc(var(--folio-y) + var(--folio-height) * var(--folio-top));
 --chapter-bottom:calc(var(--folio-y) + var(--folio-height) * var(--folio-bottom));
 background:#e9e0cd url('./gothic/optimized/vellum-tile-eee611503330.webp') center / 1024px repeat;
}
body:has(.manuscript-page){--folio-left:.12;--folio-right:.12;--folio-top:.22;--folio-bottom:.23;--folio-nav:.13;--folio-nav-right:.19}
body:has(.page-shell)::before,body:has(.manuscript-page)::before{
 inset:auto;left:var(--folio-x);top:var(--folio-y);width:var(--folio-width);height:var(--folio-height);background-size:contain;
}
body:has(.page-shell) .page-shell,body:has(.manuscript-page) .manuscript-page{
 left:var(--chapter-inset);right:calc(var(--folio-x) + var(--folio-width) * var(--folio-right));
}
body:has(.page-shell) .topbar,body:has(.page-shell) .channel-topbar,body:has(.manuscript-page) .app-header{
 left:var(--chapter-inset);right:calc(var(--folio-x) + var(--folio-width) * var(--folio-nav-right));
 top:calc(var(--folio-y) + var(--folio-height) * var(--folio-nav));height:calc(var(--folio-height) * .07);
}
@media(min-width:901px){body:has(.student-page){--folio-left:.14;--folio-right:.14;--folio-bottom:.30}}
@media(max-width:900px){
 body:has(.page-shell),body:has(.manuscript-page){--folio-ratio:calc(941 / 1672);--folio-left:.09;--folio-right:.09;--folio-nav:.05;--folio-nav-right:.09;--folio-bottom:.14;--chapter-top:calc(var(--folio-y) + 150px)}
 body:has(.page-shell) .topbar,body:has(.page-shell) .channel-topbar,body:has(.manuscript-page) .app-header{height:auto}
}
@media(max-width:600px){body:has(.page-shell),body:has(.manuscript-page){--chapter-top:calc(var(--folio-y) + 178px)}}

/* Full viewport elastic leaf; reading space is independent of image aspect. */
body:has(.page-shell),body:has(.manuscript-page){--folio-width:100vw;--folio-height:100dvh;--folio-x:0px;--folio-y:0px;--chapter-inset:min(12vw,21dvh);--chapter-top:20dvh;--chapter-bottom:20dvh}
body:has(.page-shell)::before,body:has(.manuscript-page)::before{inset:0;width:100vw;height:100dvh;background-size:100% 100%}
.manuscript-art{position:fixed;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:-1}
body:has(.manuscript-page) .manuscript-page{left:var(--chapter-inset);right:var(--chapter-inset)}
body:has(.page-shell) .page-shell{left:min(8vw,14dvh);right:min(12vw,20dvh)}
body:has(.page-shell) .topbar,body:has(.page-shell) .channel-topbar,body:has(.manuscript-page) .app-header{left:var(--chapter-inset);right:var(--chapter-inset);top:10dvh;height:7dvh}
body:has(.page-shell){--chapter-inset:min(8vw,14dvh);--chapter-bottom:12dvh}
body:has(.student-page){--chapter-inset:min(14vw,24dvh);--chapter-bottom:23dvh}
html[data-portal-transit="active"] .manuscript-art{visibility:hidden}
.workspace-campus>.manuscript-art{position:absolute;width:100%;height:100%;z-index:0}
@media(max-width:900px){body:has(.page-shell),body:has(.manuscript-page){--chapter-inset:9vw;--chapter-top:150px;--chapter-bottom:12dvh}body:has(.page-shell) .page-shell{left:9vw;right:9vw}body:has(.page-shell) .topbar,body:has(.page-shell) .channel-topbar,body:has(.manuscript-page) .app-header{top:4dvh;height:auto}}
@media(max-width:600px){body:has(.page-shell),body:has(.manuscript-page){--chapter-top:178px}}
@media(min-width:901px){body:has(.page-shell) .topbar,body:has(.page-shell) .channel-topbar,body:has(.manuscript-page) .app-header{top:12dvh;height:6dvh;right:max(var(--chapter-inset),18vw)}}
@media(min-width:901px){body:has(.page-shell) .topbar,body:has(.page-shell) .channel-topbar{top:14dvh}}