:root{--ink:#002366;--green:#002878;--muted:#586781;--line:#dce3ee;--page:#f5f7fb;--white:#fff;--accent:#fff3bd}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d4a916;outline-offset:4px}a:hover{text-decoration:underline}.header{background:white;border-bottom:1px solid var(--line);padding:22px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:-.7px}.mark{background:var(--ink);color:white;width:38px;height:40px;display:grid;place-items:center;border-radius:5px;font-family:Georgia,serif;font-size:29px}.header nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:14px}.header form{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:white;padding:12px 21px;border:1px solid var(--green);border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;min-height:46px;text-align:center}.button:hover{background:#001947;text-decoration:none}.button:disabled{opacity:.65;cursor:wait}.text-button{border:0;background:none;padding:0;cursor:pointer;color:inherit;font-size:14px}.text-button:hover{text-decoration:underline}main{max-width:1260px;margin:auto;padding:42px 30px 70px;min-height:calc(100vh - 170px)}footer{max-width:1200px;margin:auto;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}h1,h2,p{margin:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(34px,4.2vw,56px);line-height:1.12;letter-spacing:-1.8px;margin:10px 0 16px}h2{font-size:20px;line-height:1.35;letter-spacing:-.4px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;color:#36517d}.muted{color:var(--muted)}.subtle{font-size:14px;color:#405b86}.masthead{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:15px 0 42px}.masthead-note{display:flex;flex-direction:column;border-left:2px solid #f2c722;padding:9px 0 9px 24px;font-size:14px;gap:3px}.masthead-note span{color:var(--muted)}.section-line{border-top:2px solid var(--ink);padding:23px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.section-line h2{font-size:18px}.section-line>span{font-size:13px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 8px 30px #0023660d;transform:translateY(-2px)}.document-visual{position:relative;height:260px;background:#edf1f8;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;overflow:hidden}.document-visual>img{width:100%;height:100%;object-fit:contain;padding:17px}.document-visual>iframe{width:100%;height:100%;border:0;pointer-events:none;background:white}.document-visual>span:not(.file-badge){font-size:13px;color:#596d8e;padding:0 24px;word-break:break-word;text-align:center}.file-symbol{display:grid;place-items:center;width:86px;height:108px;background:#fff;border:1px solid #cbd6e8;border-radius:4px;box-shadow:7px 7px 0 #dce5f4;font-size:20px;font-weight:700;letter-spacing:1px;color:#002878}.file-badge{position:absolute;bottom:14px;left:16px;background:white;color:var(--green);border:1px solid #cbd6e8;border-radius:4px;padding:3px 8px;font-size:11px;letter-spacing:.8px;font-weight:700}.card-body{padding:23px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:12px;gap:8px}.card h2{font-size:22px;margin:0 0 10px;overflow-wrap:anywhere}.excerpt{color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.byline{font-size:12px;color:var(--muted);margin-top:16px;margin-bottom:20px}.card-bottom{margin-top:auto;padding-top:17px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);font-size:14px}.download{font-weight:700}.manage-actions{display:flex;justify-content:space-between;margin-top:16px;font-size:14px}.manage-actions form{margin:0}.danger{color:#9b3434}.empty{margin:0 0 35px;background:white;border:1px dashed #cbd6e8;border-radius:8px;min-height:365px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;gap:17px}.empty-icon{background:#fff3bd;color:var(--green);font-family:Georgia,serif;font-size:32px;width:60px;height:64px;display:grid;place-items:center;border-radius:6px}.empty h2{font-family:Georgia,serif;font-size:29px;font-weight:400}.empty p{font-size:15px}.empty .button{margin-top:5px}.page-heading{margin:22px 0 32px}.page-heading h1{font-size:43px}.panel,.auth-panel{background:white;border:1px solid var(--line);border-radius:9px;padding:32px}.auth-panel{max-width:480px;margin:35px auto}.auth-panel h1{font-size:38px}.auth-panel form{margin:27px 0}.auth-panel>.subtle{display:block;margin-top:24px}.panel h2{margin-bottom:24px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:34px;align-items:start}.editor-layout aside{max-width:400px}.preview-label{font-size:12px;font-weight:700;letter-spacing:1.4px;margin-bottom:16px;color:var(--muted)}label{display:block;font-size:14px;font-weight:600;margin-bottom:24px}label>span{font-weight:400;color:var(--muted);font-size:12px;margin-left:6px}input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid #cbd6e8;background:white;border-radius:5px;padding:11px 12px;color:#173365;margin-top:8px;font-size:16px}textarea{resize:vertical;min-height:110px}input[type=file]{padding:18px 14px;border-style:dashed;background:#f6f8fc;font-size:14px}input[type=file]::file-selector-button{border:1px solid #cbd6e8;border-radius:4px;background:white;padding:8px 11px;color:var(--green);margin-right:10px;font:inherit;cursor:pointer}small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:7px;line-height:1.6}.full{width:100%}.form-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px}.fine{font-size:12px;color:var(--muted);margin-top:16px;line-height:1.65}.fine a{text-decoration:underline}.check{display:flex;align-items:center;gap:10px;font-weight:400}.notice,.error{padding:15px 18px;margin-bottom:24px;border-radius:5px;font-size:14px}.notice{background:#e0f0e4;border:1px solid #b7d6c1;color:#17492f}.error{background:#fff0ef;border:1px solid #e8b6b0;color:#8e3127}.user-row{display:flex;flex-direction:column;gap:3px;padding:16px 0;border-bottom:1px solid var(--line)}.user-row span{font-size:13px;color:var(--muted)}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:28px 0}.detail-heading h1{font-size:clamp(30px,4vw,48px);max-width:850px;overflow-wrap:anywhere}.detail-heading .button{flex-shrink:0}.description{max-width:800px;margin-bottom:28px;color:#4c6083;overflow-wrap:anywhere}.document-viewer{background:#edf1f8;border:1px solid var(--line);border-radius:8px;padding:18px;text-align:center;overflow:hidden}.pdf-viewer{width:100%;height:78vh;min-height:420px;border:0;background:white}.image-viewer{display:block;max-width:100%;max-height:80vh;object-fit:contain;margin:auto}.text-viewer{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:30px;margin:0;max-height:80vh;overflow:auto;font-size:14px}.office-note{padding:40px 10px;max-width:600px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:22px;overflow-wrap:anywhere}.pagination{display:flex;justify-content:center;gap:25px;margin-top:35px;font-size:14px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.masthead-note{display:none}.header nav{gap:15px}.editor-layout{gap:22px}.panel{padding:24px}}@media(max-width:680px){.header{padding:17px 20px;align-items:flex-start;flex-direction:column;gap:15px}.header nav{width:100%;gap:17px;row-gap:12px}.header nav>.button{margin-left:auto;padding:9px 13px;min-height:40px}.brand{font-size:21px}main{padding:26px 20px 45px}.masthead{padding:5px 0 26px}.masthead h1{font-size:39px}.masthead p{font-size:14px}.cards{grid-template-columns:1fr;gap:22px}.document-visual{height:280px}.section-line{align-items:flex-start;padding:18px 0}.section-line>span{max-width:130px;text-align:right}.editor-layout{grid-template-columns:1fr}.editor-layout aside{max-width:none}.auth-panel{padding:25px;margin:16px auto}.panel{padding:22px}.page-heading h1{font-size:35px}.detail-heading{align-items:flex-start;flex-direction:column}.detail-heading h1{letter-spacing:-.9px}.document-viewer{padding:8px}.pdf-viewer{height:65vh}footer{margin:0 20px;padding:20px 0}.empty p br{display:none}.pagination{gap:15px}}

/* ACSP navy and gold, matched to the school website. */
:root{--gold:#f2c722;--bright-gold:#FFD700}
.header{background:var(--ink);color:white;border-bottom:5px solid var(--gold)}
.mark{background:var(--gold);color:var(--ink);flex-shrink:0}
.header .button{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.header .button:hover{background:var(--bright-gold);border-color:var(--bright-gold)}
.header a:focus-visible,.header button:focus-visible{outline-color:var(--bright-gold)}
.brand{font-size:clamp(18px,2.1vw,25px);letter-spacing:-.4px}
.masthead-note{border-left-color:var(--gold)}
.section-line{border-top:3px solid var(--gold)}
.file-badge{background:#fff5c6;color:var(--ink);border-color:#ead276}
.card-bottom .download{color:var(--ink)}
.empty-icon{background:#fff3bd;color:var(--ink)}
footer{border-top:3px solid var(--gold)}
@media(max-width:680px){.brand{font-size:21px}.masthead h1{font-size:36px}.header nav{column-gap:16px}}