.sti-sa{max-width:760px;margin:16px auto;color:#19324f;background:#f3f6fa;border:1px solid #d1dce8;border-radius:20px;overflow:hidden;font:16px/1.5 Arial,sans-serif}.sti-sa *{box-sizing:border-box}.sti-sa [hidden]{display:none!important}.sti-sa-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px;background:#08264f;color:#fff}.sti-sa-header strong{display:block;font-size:20px}.sti-sa-header span{display:block;font-size:13px;color:#d3e2f5}.sti-sa-content{padding:20px}.sti-sa h2{font-size:25px;margin:0 0 12px;color:#19324f}.sti-sa h3{font-size:18px;margin:0 0 10px;color:#19324f}.sti-sa p{margin:12px 0;overflow-wrap:anywhere}.sti-sa-card{background:#fff;border:1px solid #dce5ee;border-radius:14px;padding:18px;margin:16px 0}.sti-sa-button,.sti-sa button{font:inherit;border:1px solid #a8bdd2;border-radius:9px;padding:10px 13px;background:#fff;color:#123b61;cursor:pointer;min-height:44px;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:normal}.sti-sa a.sti-sa-button:visited{color:#123b61}.sti-sa .sti-sa-primary,.sti-sa a.sti-sa-primary:visited{background:#cc6300;color:#fff;border-color:#cc6300}.sti-sa-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.sti-sa-grid .sti-sa-button{min-height:70px}.sti-sa-actions{display:flex;gap:10px;flex-wrap:wrap}.sti-sa-muted{color:#53697f;font-size:13px}.sti-sa details{margin:14px 0;border-top:1px solid #e0e8f1;padding:10px 0}.sti-sa summary{cursor:pointer;font-weight:bold;min-height:36px}.sti-sa-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px;background:white;border-top:1px solid #d1dce8}.sti-sa-nav button{border:0;background:transparent;font-size:14px;padding:9px 4px}.sti-sa-nav button[aria-pressed=true]{background:#e7effa;color:#08264f}.sti-sa-footer{font-size:12px;color:#53697f;text-align:center;padding:10px 16px}.sti-sa-alert{background:#fff4da;border:1px solid #e6c777;padding:12px;border-radius:8px}.sti-sa-install-help{padding:0 20px;color:#53697f;font-size:13px}.sti-sa-header .sti-sa-install{font-size:13px;background:#173f71;color:white;border-color:#547699}.sti-sa code{overflow-wrap:anywhere;white-space:normal}.sti-sa a:focus-visible,.sti-sa button:focus-visible,.sti-sa summary:focus-visible{outline:3px solid #ee9b34;outline-offset:3px}@media(max-width:480px){.sti-sa{margin:8px 0;border-radius:12px}.sti-sa-content{padding:14px}.sti-sa-header{padding:16px}.sti-sa-header strong{font-size:18px}.sti-sa-card{padding:14px}.sti-sa-actions>*{width:100%}.sti-sa-grid{gap:8px}.sti-sa-header .sti-sa-install{max-width:100px}}

.sti-sa-install-guide{padding:0 20px;background:#edf3fc;border-bottom:1px solid #d1dce8}.sti-sa-install-guide details{border-top:0;margin:0;padding:16px 0}.sti-sa-install-guide summary{color:#08264f;min-height:44px;display:list-item}.sti-sa-install-guide h3{margin-top:20px}.sti-sa-install-guide ol{padding-left:24px;margin:8px 0}.sti-sa-install-guide li{margin:8px 0}@media(max-width:480px){.sti-sa-install-guide{padding:0 14px}}

.sti-sa-brand{display:flex;align-items:center;gap:12px;min-width:0}.sti-sa-brand-icon{width:48px;height:48px;border-radius:10px;flex:none}@media(max-width:480px){.sti-sa-brand-icon{width:40px;height:40px}.sti-sa-brand{gap:8px}}

.sti-sa-viewer{display:block;width:100%;height:75vh;min-height:480px;border:1px solid #d5dde7;background:white;border-radius:12px;}

.sti-sa .sti-sa-class-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px}.sti-sa .sti-sa-class-actions>.sti-sa-button{width:auto;flex:1 1 0;min-width:0;margin:0}

/* App-only visual controls. Never targets the school website outside this root. */
.sti-sa .sti-sa-button,.sti-sa button{border-radius:12px;background:#eaf2fb;color:#123e6c;border:1px solid #b6cce5;font-weight:600;box-shadow:0 2px 4px #08264f0c;transition:background .15s,box-shadow .15s,transform .15s;gap:8px}
.sti-sa .sti-sa-button:hover,.sti-sa button:hover{background:#dceafa;box-shadow:0 3px 8px #08264f1f}
.sti-sa .sti-sa-primary,.sti-sa a.sti-sa-primary:visited{background:#123e6c;border-color:#123e6c;color:white;border-bottom:3px solid #f28b25}
.sti-sa .sti-sa-primary:hover{background:#08264f}
.sti-sa .sti-sa-button:before{content:"›";font-size:22px;line-height:1;color:#d86c0c}
.sti-sa .sti-sa-class-title{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:14px}
.sti-sa h4{font-size:16px;font-weight:600;line-height:1.4;margin:18px 0 10px}
.sti-sa [data-sa-viewer-title]{font-size:20px;margin:12px 0}
.sti-sa-login{display:grid;gap:10px;max-width:380px}
.sti-sa-login input{font:inherit;width:100%;padding:12px;border:1px solid #b6cce5;border-radius:10px;background:white}
.sti-sa [data-sa-native-documents]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}

.sti-sa-grid .sti-sa-full-width{grid-column:1 / -1}

/* Official wordmark keeps its original proportions at every screen width. */
.sti-sa-brand{flex:1;flex-direction:column;align-items:flex-start;gap:6px}.sti-sa-wordmark{display:block;width:478px;max-width:100%;height:auto;border-radius:6px;background:#fff}.sti-sa-header .sti-sa-install{flex:none}
@media(max-width:480px){.sti-sa-header{display:grid;grid-template-columns:1fr auto;gap:8px}.sti-sa-brand{display:contents}.sti-sa-wordmark{grid-column:1 / -1;width:100%}.sti-sa-brand>span{grid-column:1}.sti-sa-header .sti-sa-install{grid-column:2;grid-row:2;max-width:none}}