.article-page .hub-header,.article-page .student-bar,.article-main{max-width:1120px;margin-inline:auto;width:calc(100% - 48px)}
.article-main{padding:24px 0 64px}.article-heading,.article-editor-footer,.article-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.article-heading,.article-editor-footer{justify-content:space-between}.article-heading h1{margin:0;font-size:28px}.article-heading{margin-bottom:24px}
.article-page input,.article-page textarea,.article-page select{font:inherit;color:var(--ink);border:1px solid #9aadc4;background:#fff;border-radius:8px;padding:12px;max-width:100%;caret-color:#285d99}.article-page select{min-height:48px}.article-page label{display:block;font-weight:600;margin:12px 0 8px}.article-page input,.article-page textarea{width:100%;box-sizing:border-box}.article-page textarea{font-size:20px;line-height:1.6;resize:vertical;min-height:320px}.article-editor-footer p,#article-status{color:#455b70;font-size:15px}#article-error{color:#9b302b}#article-title{font-size:28px;overflow-wrap:anywhere;margin:0 0 20px}
.article-toolbar{padding:12px 0;border-block:1px solid #d4dce5}.article-toolbar label{margin:0}.article-settings summary{min-width:48px;min-height:48px;display:flex;align-items:center;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.article-settings[open]{flex-basis:100%;display:grid;grid-template-columns:auto 1fr;gap:12px}.article-settings[open] summary{grid-column:1/-1}.article-settings label{align-self:center}.article-settings select{width:100%}
#article-status{min-height:24px;margin:12px 0 24px}#article-body{font-size:24px;line-height:2;max-width:72ch;white-space:pre-wrap;overflow-wrap:anywhere;padding-bottom:32px}.article-segment[aria-current=true]{background:#e2ecfa;outline:1px solid #9aadc4;border-radius:3px}.article-word{font:inherit;line-height:inherit;color:inherit;border:0;background:transparent;padding:0 2px;min-height:48px;min-width:48px;border-radius:3px;cursor:pointer;text-decoration:underline;text-decoration-color:#9aadc4;text-underline-offset:5px;text-decoration-thickness:1px}.article-word:hover{background:#d7e7fa}.article-page :focus-visible{outline:3px solid #285d99;outline-offset:3px}.article-page ::selection{background:#c9ddf6;color:#183b60}.article-page [hidden]{display:none!important}
@media(max-width:600px){.article-page .hub-header,.article-page .student-bar,.article-main{width:calc(100% - 32px)}.article-main{padding-top:20px}.article-heading h1,#article-title{font-size:24px}#article-body{font-size:21px}.article-editor-footer{align-items:stretch}.article-editor-footer .btn{width:100%}.article-page textarea{min-height:280px}.article-toolbar{gap:8px}.article-settings[open]{grid-template-columns:1fr}.article-settings[open] summary{grid-column:auto}}

.article-page{min-height:100vh}.article-page .hub-header,.article-page .student-bar{padding-inline:0}.article-word{max-width:100%;white-space:normal;overflow-wrap:anywhere}