:root{--account-ink:#173e49;--account-teal:#087384;--account-border:#b9d0d3}
.account-page{margin:0;background:#f7f6ef;color:var(--account-ink);font:17px/1.5 Arial,sans-serif}.account-header{display:flex;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid var(--account-border);background:#fffdf5}.account-page a,.reading-log a{color:#086477}.account-page main{max-width:1100px;margin:36px auto;padding:0 20px 60px}.account-page h1{font:normal 38px/1.2 Georgia,serif;margin:0 0 16px}.account-page h2{font:normal 27px/1.3 Georgia,serif;margin:0 0 18px}.account-page h3{font-size:20px}.account-panel{background:#fffdf5;border:1px solid var(--account-border);border-radius:16px;padding:24px;margin:20px 0}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:24px}.account-page label{display:block;margin:14px 0 6px}.account-page input:not([type=checkbox]),.account-page select,.account-page textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #91adb4;border-radius:8px;padding:12px;font:inherit;background:white;color:var(--account-ink)}.account-page button,.reading-log button,.work-save-tools button{font:600 15px/1.4 Arial,sans-serif;min-height:44px;background:var(--account-teal);color:white;border:1px solid var(--account-teal);border-radius:8px;padding:10px 16px;cursor:pointer}.account-page button{margin:12px 8px 0 0}.account-page button.secondary{background:white;color:var(--account-teal)}.account-page button:disabled,.reading-log button:disabled{opacity:.6;cursor:wait}.account-page :focus-visible,.reading-log :focus-visible{outline:3px solid #cf8b25;outline-offset:3px}.account-page [role=status],.account-page [role=alert]{white-space:pre-line}.account-page .muted{font-size:14px;color:#48646b}.account-page .error,.reading-log .error,.work-save-tools .error{color:#a22424}.account-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-page table{border-collapse:collapse;width:100%;font-size:15px}.account-page th,.account-page td{text-align:left;border-bottom:1px solid #d5e0df;padding:12px 10px;vertical-align:top}.account-table-wrap{overflow-x:auto}.account-page input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.account-page .select-student{display:flex;gap:12px;align-items:center;margin:0}.account-page .badge{display:inline-block;font-size:13px;border-radius:20px;background:#e0eeeb;padding:3px 10px}.account-link{font:600 13px/1.4 Arial,sans-serif;display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #98bbc5;border-radius:9px;background:#fff;color:#173e49;text-decoration:none;white-space:nowrap}.reading-log{position:absolute;z-index:4;top:8px;left:8px;width:clamp(150px,24%,260px);max-height:calc(100% - 12px);overflow:auto;box-sizing:border-box;border:1px solid #d2d6c7;background:#fffdf5ed;color:#173e49;border-radius:9px;padding:10px;font:14px/1.35 Arial,sans-serif;text-align:left;white-space:normal}.reading-log h2{font:600 17px Arial,sans-serif;margin:0 0 8px}.reading-log label{display:block;font-size:13px;margin:6px 0}.reading-log input[type=date]{box-sizing:border-box;width:100%;min-width:0;font:inherit;border:1px solid #98bbc5;border-radius:5px;padding:5px;background:white;color:#173e49}.reading-log fieldset{padding:4px 0;margin:6px 0;border:0}.reading-log legend{font-size:13px}.reading-log fieldset label{display:inline-flex;align-items:center;gap:3px;margin:4px 8px 4px 0}.reading-log button{font-size:13px;min-height:34px;padding:6px 10px}.reading-log p{font:12px/1.35 Arial,sans-serif;margin:7px 0 0}.reading-log details{margin-top:8px;font-size:12px}.reading-log summary{cursor:pointer}.reading-log ol{padding-left:20px}.reading-log input[type=radio]{accent-color:#087384}.work-save-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0;padding:12px;background:#edf4f1;border:1px solid #b9d0d3;border-radius:9px;font:14px/1.5 Arial,sans-serif;color:#173e49}.work-save-tools a{color:#086477}.work-save-tools span{flex:1;min-width:130px}@media(max-width:600px){.account-header{font-size:14px;padding:14px}.account-page main{margin-top:24px;padding-inline:14px}.account-panel{padding:18px}.account-page h1{font-size:30px}.reading-log{width:155px;padding:7px;top:4px;left:4px}.reading-log h2{font-size:15px}.reading-log p{font-size:11px}}@media print{.account-link,.reading-log,.work-save-tools{display:none!important}}