/* Compact public navigation and quieter, task-focused staff workspace. */
html{scroll-padding-top:88px}.public-header{position:sticky;top:0;z-index:10;background:#fffffff5;backdrop-filter:blur(14px);border-top:3px solid #0a1e46;padding:10px 4vw;min-height:72px;flex-wrap:nowrap;gap:25px;box-shadow:0 3px 15px #0a1e4608}.public-header .school-logo{width:48px;height:48px}.public-header .brand{font-size:12px;gap:11px;white-space:nowrap;letter-spacing:.6px}.public-header .brand small{font-size:8px;margin-top:5px;letter-spacing:.2px}.public-header .web-nav{width:auto;gap:19px!important;padding:0;margin:0;overflow:visible;flex-shrink:0;white-space:nowrap;font-size:10px!important}.public-header .web-nav>a:not(.button){padding:13px 0;position:relative}.public-header .web-nav>a[aria-current]{text-decoration:none}.public-header .web-nav>a[aria-current]:after{position:absolute;left:0;right:0;bottom:5px;content:'';height:2px;background:#f67002}.public-header .web-nav .button{min-height:35px;padding:9px 12px;font-size:10px}.public-header .web-nav .button svg{width:14px;height:14px}.staff-mode .staff-page-tabs{display:none}.staff-mode .sidebar .school-logo{width:65px;height:65px}.staff-mode .sidebar .brand{font-size:13px}.staff-mode .sidebar .brand small{display:none}.staff-mode .portal-label{margin-top:25px;margin-bottom:15px}.staff-mode .sidebar .support-note{display:none}.staff-mode .sidebar .sidebar-bottom{padding-top:18px}.staff-mode .sidebar button.nav-link{font-size:12px;min-height:43px;border-radius:6px}.staff-mode main{padding-top:33px}.staff-mode h1{font-size:34px;letter-spacing:-1.1px}.staff-mode .page-heading{margin-bottom:27px;align-items:start}.staff-mode .page-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:10px}.staff-mode .page-heading p{font-size:12px;margin-top:11px}.staff-mode .page-heading .button{margin-top:18px;font-size:10px;min-height:36px}.staff-mode .staff-metrics{gap:17px;margin-bottom:26px}.staff-mode .metric{border:1px solid #dfe7f3;padding:22px;box-shadow:0 5px 16px #10254803;border-radius:9px}.staff-mode .metric:hover{border-color:#afc6e5}.staff-mode .metric small{font-size:10px;letter-spacing:.1px}.staff-mode .metric strong{font-size:32px}.staff-mode .metric>span{width:32px;height:32px}.staff-mode .staff-overview-grid>.panel{border-radius:9px;padding:25px}.staff-mode .staff-overview-grid>.panel>h2{font-size:18px}.staff-mode .panel .notice{padding:13px}.staff-mode .demo-connections{padding:20px 25px;background:#f8fafc}.staff-mode .demo-connections>h2{font-size:13px}.staff-mode .demo-connections span{font-size:10px}.staff-mode .demo-connections small{font-size:9px}.staff-mode .staff-shortcuts button{padding:14px 0;font-size:12px}.staff-records{background:#fff;border:1px solid #e0e7f1;border-radius:10px;overflow:hidden}.record-heading{padding:23px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e7edf5}.record-heading h2{font-size:17px}.record-heading p{font-size:11px;margin-top:6px;color:#8493a9}.record-heading .button{font-size:10px;min-height:36px;padding:9px 12px}.record-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px}.record-toolbar .filter-tabs{margin:0;gap:3px;flex-wrap:wrap}.record-toolbar .filter-tabs button{border:0;border-radius:5px;padding:7px 10px;font-size:10px;background:#f4f7fb;color:#7083a0}.record-toolbar .filter-tabs .selected{background:#e7eefb;color:#154f86}.record-search{display:flex;align-items:center;gap:5px}.record-search input{max-width:180px;min-height:33px;font-size:10px;padding:8px 10px;border-color:#e0e7f1}.record-search .button{min-height:33px;font-size:9px;padding:8px 9px}.record-count{font-size:9px;padding:0 24px 15px;color:#8493a9}.record-count span{padding:0 7px;color:#c1ccdc}.staff-records .table-scroll{margin:0;border:0;border-radius:0}.staff-records .staff-table th{font-size:9px;letter-spacing:.6px;font-weight:700;background:#f7f9fc;color:#8a99af;padding:11px 24px}.staff-records .staff-table td{padding:20px 24px}.staff-records .staff-table td:first-child{width:43%}.staff-records .staff-table th:last-child{width:125px}.message-title{display:flex;align-items:start;gap:12px}.record-symbol{width:28px;height:28px;border-radius:7px;background:#edf3fb;color:#436c9a;flex-shrink:0;display:grid;place-items:center}.record-symbol svg{width:15px;height:15px}.record-symbol.is-urgent{background:#fff0de;color:#c96910}.message-title strong{font-size:11px;line-height:1.5;max-width:300px}.message-title small{max-width:290px;font-size:9px;margin-top:7px}.audience-name{font-size:10px;font-weight:600!important}.staff-records .row-actions{gap:6px;flex-wrap:nowrap}.staff-records .row-actions .button{font-size:9px;min-height:30px;padding:6px 9px;border-color:#e2e8f1}.staff-records .row-actions .button:first-child{background:#edf3fc;border-color:#edf3fc}.staff-records .status{font-size:8px;letter-spacing:.3px;padding:4px 7px}.urgent-label{color:#b56418!important;font-size:9px!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.message-review-meta{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:10px;color:#6f84a2;margin:20px 0}.parent-message-preview{padding:23px;background:#f6f8fc;border:1px solid #e0e7f2;border-radius:9px}.parent-message-preview h3{font-size:20px;line-height:1.4;font-weight:750;margin:14px 0}.parent-message-preview p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0!important}.parent-message-preview .announcement-meta{font-size:11px;margin-bottom:0;gap:10px;color:#537198;font-weight:700}.parent-message-preview small{display:block;color:#8294ac;font-size:10px;margin-top:18px}.delivery-summary{margin:20px 0 25px}.delivery-summary>strong{font-size:11px}.delivery-summary p{font-size:11px;margin:8px 0 10px!important}.delivery-summary small{font-size:10px;color:#8c9cb2}.review-actions{display:flex;gap:8px;flex-wrap:wrap}.review-actions .button{font-size:11px}.wide-dialog{max-width:820px}.compose-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}.compose-layout form{margin-top:17px}.compose-preview{background:#f8fafd;border-radius:8px;padding:20px;margin-top:17px;position:sticky;top:0}.compose-preview .eyebrow{font-size:9px;margin-bottom:15px}.compose-preview .muted{font-size:10px;line-height:1.8;margin-top:18px}.compose-preview .parent-message-preview{background:#fff;padding:17px}.compose-preview h3{font-size:16px}.compose-layout input,.compose-layout select,.compose-layout textarea{font-size:12px;min-height:39px}.compose-layout label{font-size:10px}.compose-layout .channel-options{gap:10px}.compose-layout .channel-options label{font-size:9px}.compose-layout .form-pair{grid-template-columns:1fr}.compose-layout fieldset{margin:13px 0}.compose-layout .checkbox-label{margin-top:17px}.compose-layout .checkbox-label input{min-height:14px}.staff-mode .menu-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 0}.staff-mode .menu-edit-row>strong{grid-column:1/-1;margin-bottom:0;font-size:11px;color:#476488}.staff-mode .menu-edit-row label{font-size:9px;margin:0}.staff-mode .menu-edit-row input{font-size:11px;min-height:37px;padding:8px 10px}.staff-mode .staff-page-list a{font-size:11px;padding:12px 0}.staff-mode .staff-search input{min-height:39px;font-size:12px}.staff-mode .request-history .status{margin-left:auto}
/* A restrained, interactive school doorway. */
.day-at-noam{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;background:#f0f4fa;border:1px solid #dfe7f2;border-radius:12px;padding:43px 50px;margin:30px 0 60px;overflow:hidden;position:relative}.day-at-noam:before{content:'';position:absolute;left:-95px;bottom:-250px;width:450px;height:450px;border:1px solid #ccd8eb;border-radius:50%;pointer-events:none}.day-intro{position:relative}.day-intro .eyebrow{font-size:9px;letter-spacing:1.8px}.day-intro h2{font:800 39px/1.12 var(--sans);letter-spacing:-1px;margin:17px 0 20px}.day-intro p{font-size:13px;line-height:1.9;color:#7186a5}.day-invitation{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:650;color:#597397;margin-top:30px}.day-invitation svg{width:17px;height:17px;color:#e56708}.day-doorway{position:relative;max-width:450px;width:100%;margin:auto}.door-pediment{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #c9d5e9;background:#e5ecf6;padding:15px;border-radius:14px 14px 0 0;color:#526f97;font-weight:750;font-size:10px;letter-spacing:2px}.pediment-dot{width:5px;height:5px;background:#f67002;border-radius:50%}.door-stage{position:relative;height:310px;overflow:hidden;background:#fff;border:8px solid #d6e0ef;border-top:0;perspective:850px}.school-door{position:absolute;top:0;bottom:0;width:50%;z-index:2;background:#0e2b59;border:1px solid #26467a;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.65,.3,1),opacity .5s;pointer-events:none}.door-left{left:0;transform-origin:left center;border-right-color:#f67002}.door-right{right:0;transform-origin:right center;border-left-color:#f67002}.door-window{position:absolute;left:18%;right:18%;top:22px;height:125px;border:4px solid #22477e;background:linear-gradient(140deg,#42699a33,#699ed428);box-shadow:inset 0 0 15px #0001}.door-window:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:3px;background:#22477e}.door-window:after{content:'';position:absolute;top:50%;right:0;left:0;height:3px;background:#22477e}.door-bottom-panel{position:absolute;bottom:20px;left:18%;right:18%;height:85px;border:3px solid #1c3d6a}.door-handle{position:absolute;top:53%;width:6px;height:35px;background:#f67002;border-radius:4px;box-shadow:0 0 6px #0002}.door-left .door-handle{right:10px}.door-right .door-handle{left:10px}.door-welcome{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;pointer-events:none}.door-welcome img{width:69px;height:69px;filter:drop-shadow(0 3px 5px #0003)}.door-welcome>span{font-size:17px;font-weight:700;color:#dce6f7;text-align:center;line-height:1.5;letter-spacing:-.2px}.door-toggle{background:#fff;border:1px solid #cad7ea;border-top:0;border-radius:0 0 7px 7px;width:100%;padding:14px;color:#214f83;font-size:11px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;z-index:4}.door-toggle svg{width:16px;height:16px;color:#e56907}.door-toggle:hover{background:#fff6ed;color:#9c4a09}.doors-open .door-left{transform:rotateY(-102deg);opacity:.25}.doors-open .door-right{transform:rotateY(102deg);opacity:.25}.day-inside{height:100%;padding:20px;background:radial-gradient(circle at top right,#fff2e5,#fff 60%);position:relative;z-index:1;animation:day-reveal .7s ease}.day-stage-tabs{display:flex;gap:8px;border-bottom:1px solid #e7ecf5;padding-bottom:14px}.day-stage-tabs button{display:flex;align-items:center;gap:5px;border:0;background:#f2f5fa;color:#7488a3;padding:8px 9px;border-radius:4px;font-size:9px;font-weight:700}.day-stage-tabs button span{font-size:8px;color:#a3b0c4}.day-stage-tabs button.selected{background:#fff0df;color:#a65310}.day-stage-tabs button.selected span{color:#cc7730}.day-moment{padding-top:16px}.day-moment-icon{display:block;color:#e67419;margin-bottom:11px}.day-moment-icon svg{width:22px;height:22px}.day-moment .eyebrow{font-size:8px;margin-bottom:9px;color:#8196b4;letter-spacing:1px}.day-moment h3{font-size:21px;line-height:1.25;letter-spacing:-.5px;margin-bottom:10px}.day-moment p{font-size:10px;line-height:1.8;color:#7890ad;max-width:300px}.day-moment a{display:flex;align-items:center;gap:10px;color:#255b93;font-size:10px;font-weight:700;margin-top:14px}.day-moment a svg{width:13px;height:13px}.day-doorway:has(.door-toggle:focus-visible) .door-stage{outline:3px solid #f8b779;outline-offset:3px}@keyframes day-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.door-welcome{transition:opacity .2s ease,visibility .2s}.doors-open .door-welcome{opacity:0;visibility:hidden}.review-request-summary{background:#f5f8fc;border:1px solid #dfe7f3;border-radius:8px;padding:20px;margin:22px 0}.review-child{display:flex;gap:12px;align-items:center}.review-child strong{display:block;font-size:13px}.review-child small{display:block;font-size:10px;color:#7b8fae;margin-top:4px}.review-child .status{margin-left:auto;font-size:8px}.request-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;border-top:1px solid #e0e7f2;padding-top:17px}.request-facts small{display:block;font-size:8px;color:#90a1b9;letter-spacing:1px}.request-facts strong{display:block;font-size:13px;margin-top:7px}.request-facts span{display:block;font-size:10px;color:#7086a4;margin-top:6px}.review-request-summary>p{font-size:12px!important;line-height:1.8;margin-bottom:0!important}
@media(min-width:1100px){.public-header{padding-left:4vw;padding-right:4vw}.public-header .web-nav{gap:18px!important}}
@media(max-width:1099px){html{scroll-padding-top:106px}.public-header{flex-wrap:wrap;gap:5px;padding:9px 22px}.public-header .school-logo{width:35px;height:35px}.public-header .brand{font-size:11px;gap:9px}.public-header .brand small{display:none}.public-header .web-nav{width:100%;justify-content:space-between;gap:15px!important}.public-header .web-nav>a:not(.button){padding:9px 0}.public-header .web-nav .button{min-height:30px;padding:7px 10px;font-size:9px}.day-at-noam{gap:30px;padding:35px}.day-intro h2{font-size:32px}.record-toolbar{flex-wrap:wrap}.record-search{width:100%}.record-search input{max-width:none;flex:1}.record-toolbar{padding:15px 20px}.staff-records .staff-table td,.staff-records .staff-table th{padding-left:18px;padding-right:18px}.staff-mode .page-heading .button{margin-top:6px}}
@media(max-width:760px){html{scroll-padding-top:104px}.public-header{padding:8px 18px;gap:3px;border-top-width:3px;min-height:88px}.public-header .brand{font-size:11px;gap:9px}.public-header .school-logo{width:32px;height:32px}.public-header .brand small{display:none}.public-header .web-nav{margin:0 -18px;width:calc(100% + 36px);padding:0 18px;justify-content:flex-start;gap:19px!important;overflow:auto;scrollbar-width:none}.public-header .web-nav::-webkit-scrollbar{display:none}.public-header .web-nav>a:not(.button){padding:10px 0;font-size:10px}.public-header .web-nav .button{font-size:9px;padding:6px 9px;min-height:29px}.public-header .web-nav .button svg{width:11px;height:11px}.staff-mode main{padding-top:25px}.staff-mode h1{font-size:29px}.staff-mode .staff-page-tabs{display:flex;margin-bottom:22px}.staff-mode .page-heading{margin-bottom:20px}.staff-mode .page-heading .button{margin-top:0}.staff-mode .metric{padding:17px}.staff-mode .staff-metrics{gap:12px}.staff-mode .staff-overview-grid>.panel{padding:21px}.record-heading{padding:18px;align-items:start}.record-heading h2{font-size:15px}.record-heading p{font-size:10px}.record-heading .button{font-size:9px;padding:8px 10px}.record-toolbar{padding:14px 18px;gap:12px}.record-count{padding-left:18px;font-size:8px}.staff-records .table-scroll{margin-left:0;margin-right:0}.record-toolbar .filter-tabs button{font-size:9px;padding:7px 9px}.compose-layout{grid-template-columns:1fr;gap:15px}.compose-preview{position:static;margin-top:0;padding:17px}.wide-dialog{padding:22px}.compose-preview .muted{margin-bottom:0}.staff-mode .menu-edit-row{gap:9px}.day-at-noam{grid-template-columns:1fr;gap:29px;padding:28px 23px;margin:25px 0 35px}.day-intro h2{font-size:33px;margin:14px 0 16px}.day-intro p{font-size:12px}.day-invitation{font-size:9px;margin-top:17px}.day-doorway{max-width:420px}.door-stage{height:320px}.day-stage-tabs{gap:6px}.day-stage-tabs button{font-size:9px;padding:8px}.day-moment h3{font-size:23px}.day-moment p{font-size:11px}.day-moment a{font-size:10px}.day-moment .eyebrow{font-size:8px}.day-inside{padding:20px}.day-toggle{font-size:10px}}
@media(prefers-reduced-motion:reduce){.school-door{transition:none}.day-inside{animation:none}}
@media print{.public-header,.day-at-noam{display:none!important}}