/* The existing 13-inch device owns the shell. Only the completed summary has
   one reading scroll area and its own fixed continuation action. */
.osf-status{gap:.45em}
.os-content:has(>.osf-final){height:100%;min-height:0;overflow:hidden;background:#fff}
.os-content>.osf-final{display:flex;flex:1;flex-direction:column;min-height:0;height:100%;padding:0!important;gap:0!important;overflow:hidden;color:#302942;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.osf-final *{box-sizing:border-box}.osf-final h2,.osf-final h3,.osf-final h4,.osf-final p{margin:0}.osf-final button,.osf-final summary{font-family:inherit;touch-action:manipulation}.osf-final button{cursor:pointer}.osf-final button:focus-visible,.osf-final summary:focus-visible{outline:3px solid #8c79ed;outline-offset:4px}.osf-final svg{width:25px;height:25px;flex:none}.osf-reading{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:28px 30px;scroll-padding-block:24px;background:#fff}.osf-reading> *{min-width:0}
.osf-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.osf-outcome{border:1px solid #e3dcfb;border-radius:18px;padding:24px;background:linear-gradient(105deg,#f5f0ff,#fff);min-width:0}.osf-outcome.osf-model{border-color:#d9ece4;background:linear-gradient(105deg,#eef9f4,#fff)}.osf-outcome h2{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:700;color:#49405f;margin-bottom:14px}.osf-outcome h2 svg{color:#7656ec}.osf-outcome.osf-model h2 svg{color:#238c73}.osf-grade-and-items{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:center}.osf-grade{display:grid;place-items:center;align-self:stretch;border-right:1px solid #e6def6;padding-right:20px;font:750 76px/1 Arial,sans-serif;color:#6950ee;letter-spacing:-.06em}.osf-model .osf-grade{color:#218b72;border-color:#ddeee6}.osf-dimension-list{display:grid;gap:1px}.osf-dimension{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:45px;padding:5px 0 9px;width:100%;border:0;border-radius:5px;background:transparent;text-align:left;color:#42344e;font-size:19px;line-height:1.5}.osf-dimension:hover{background:#fff9}.osf-dimension>span{font-weight:500}.osf-dimension>b{font-weight:700;color:#9474ce;white-space:nowrap}.osf-dimension:has(i[style*="50%"]):not(:has(i[style*="100%"] ))>b{color:#b38245}.osf-model .osf-dimension>b{color:#388f77}.osf-dimension i{position:absolute;bottom:2px;left:0;right:0;height:3px;border-radius:10px;background:#e8e1f3;overflow:hidden}.osf-dimension i:before{content:"";display:block;height:100%;width:var(--osf-level);background:#a28ae1}.osf-model .osf-dimension i{background:#deede7}.osf-model .osf-dimension i:before{background:#73b59d}.osf-dimension:has(i[style*="50%"]) i:before{background:#d5ab72}
.osf-teacher{display:flex;align-items:flex-start;gap:24px;padding:24px 26px;margin-top:22px;border:1px solid #f2dfb1;border-radius:18px;background:#fff5d9;color:#694b24}.osf-avatar{width:96px;height:96px;flex:none;border-radius:50%;object-fit:contain}.osf-teacher>div{min-width:0;flex:1}.osf-teacher h2{font-size:19px;font-weight:700;color:#805b25;margin-bottom:7px}.osf-teacher h2 span{font-size:17px;font-weight:400;margin-left:7px;color:#997941}.osf-teacher p{font-size:21px;line-height:1.8;overflow-wrap:anywhere}.osf-teacher p+p{margin-top:9px}
.osf-learning-results{margin-top:26px;padding-top:22px;border-top:1px solid #eee8f6}.osf-learning{border:1px solid #e6def1;border-radius:15px;background:#fcfbff;overflow:hidden}.osf-learning+.osf-learning{margin-top:13px}.osf-learning>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 23px;cursor:pointer;list-style:none}.osf-learning>summary::-webkit-details-marker,.osf-original-details>summary::-webkit-details-marker,.osf-paper-section>summary::-webkit-details-marker,.osf-dimension-detail>summary::-webkit-details-marker{display:none}.osf-learning>summary:hover{background:#f7f3fc}.osf-fold-copy{min-width:0;display:grid;gap:5px}.osf-kicker{font-size:16px;color:#8d75ad}.osf-fold-copy>strong{font-size:23px;line-height:1.5;color:#473650}.osf-fold-copy>span:last-child{font-size:18px;color:#8b789b;line-height:1.7}.osf-fold-right{display:flex;align-items:center;gap:19px;flex:none}.osf-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:17px;font-weight:600;line-height:1.5;color:#32856e;background:#e8f5ed}.osf-status.pending,.osf-status.partial,.osf-status.missing,.osf-status.conflict{background:#fcf0dc;color:#a47334}.osf-fold-action{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#8560b2;white-space:nowrap}.osf-fold-action svg{width:19px;height:19px;transition:transform .15s}.osf-collapse-word{display:none}.osf-learning[open]>.osf-fold-action .osf-expand-word,.osf-learning[open]>summary .osf-expand-word{display:none}.osf-learning[open]>summary .osf-collapse-word{display:inline}.osf-learning[open]>summary .osf-fold-action svg{transform:rotate(180deg)}.osf-fold-body{border-top:1px solid #e9e2f1;padding:24px}.osf-reference-label{font-size:18px;line-height:1.7;color:#89769a;margin-bottom:18px!important}.osf-knowledge-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.osf-knowledge-node{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px;border:1px solid #e7dff1;border-radius:14px;background:white;min-width:0}.osf-final h3{display:flex;align-items:flex-start;gap:10px;font-size:22px;font-weight:700;line-height:1.5}.osf-final h3>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:8px;font-size:17px;color:#8567c1;background:#f0eafa}.osf-source-label{font-size:16px;color:#8f7ba4}.osf-knowledge-node>p{font-size:20px;line-height:1.85;color:#63516e;white-space:pre-line;overflow-wrap:anywhere}.osf-text-button{display:inline-flex;align-items:center;min-height:46px;border:0;background:transparent;padding:8px 0;color:#8059c2;text-align:left;font-size:18px;font-weight:600;line-height:1.6;margin-top:auto}.osf-question{font-size:24px;line-height:1.7;font-weight:600;color:#365b55;margin-bottom:22px!important;overflow-wrap:anywhere}.osf-method-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.osf-method-step{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:22px;border:1px solid #dbece5;border-radius:14px;background:#fff}.osf-method-step:not(.supported){border-color:#ecd8ba;background:#fffdfa}.osf-method-step h3>span{color:#348671;background:#e8f4ee}.osf-step-feedback{font-size:20px;line-height:1.8;color:#6d5e76}.osf-reference{padding:16px 18px;border:1px solid #e1ede5;border-radius:10px;background:#f2f8f4;color:#40715d;overflow-wrap:anywhere}.osf-reference>span,.osf-reference h4{font-size:17px;font-weight:600;line-height:1.7}.osf-reference p{font-size:20px;line-height:1.85;margin-top:7px;white-space:pre-line}.osf-method-step>.osf-reference{width:100%;margin-top:0}
.osf-original-details{margin-top:18px}.osf-original-details>summary{display:flex;justify-content:center;align-items:center;gap:9px;list-style:none;padding:15px;color:#887298;font-size:19px;cursor:pointer;min-height:50px}.osf-original-details>summary>svg{width:18px;height:18px}.osf-original-details[open]>summary>svg{transform:rotate(180deg)}.osf-original-details>div{display:grid;gap:15px;padding-top:16px}.osf-paper-section{border:1px solid #e5deec;border-radius:14px;overflow:hidden;scroll-margin-top:16px}.osf-paper-section>summary,.osf-dimension-detail>summary{display:flex;align-items:center;gap:14px;padding:19px 22px;list-style:none;cursor:pointer;background:#fcfaff;min-height:58px;color:#55405f;font-size:22px}.osf-paper-section>summary>span,.osf-dimension-detail>summary>span{margin-left:auto;white-space:nowrap;color:#8460bc;font-size:20px;font-weight:700}.osf-paper-section>summary svg,.osf-dimension-detail>summary svg{width:19px;height:19px;color:#a08ab1}.osf-paper-section[open]>summary svg,.osf-dimension-detail[open]>summary svg{transform:rotate(180deg)}.osf-paper-body{display:grid;grid-template-columns:255px minmax(0,1fr);gap:25px;padding:24px;border-top:1px solid #eee6f2}.osf-paper-column{display:flex;flex-direction:column;gap:15px;min-width:0}.osf-paper-preview{width:100%;height:205px;padding:10px;display:grid;place-items:center;background:#f4f1f8;border:1px solid #e9e2ef;border-radius:12px;overflow:hidden;color:#7b6690;font-size:18px}.osf-paper-preview img{display:block;width:100%;height:100%;object-fit:contain}.osf-retake{min-height:50px;width:100%;padding:11px 15px;border:1px solid #d9cfe5;border-radius:10px;background:white;font-size:19px;font-weight:600;color:#7f6394}.osf-item-details{min-width:0;display:grid;gap:13px;align-content:start}.osf-dimension-detail{border:1px solid #ece5f0;border-radius:12px;overflow:hidden;scroll-margin-top:18px}.osf-dimension-detail>summary{font-size:20px;padding:15px 18px;background:#fff}.osf-dimension-detail>summary>span{font-size:18px}.osf-dimension-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;border-top:1px solid #eee7f2}.osf-dimension-body section{min-width:0}.osf-dimension-body h4{font-size:17px;font-weight:600;color:#9782a1;margin-bottom:9px}.osf-dimension-body p{font-size:20px;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere}.osf-observation>p{padding:14px 16px;background:#f8f5fb;border-radius:10px;color:#665270}.osf-teacher-detail>p{color:#66546d}.osf-dimension-body>.osf-reference{grid-column:1/-1}.osf-dimension-body>.osf-reference h4{color:#54846e;margin-bottom:0}
.osf-footer{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:22px;min-height:88px;padding:16px 28px;border-top:1px solid #e8e0f1;background:#fff}.osf-footer>p{font-size:18px;line-height:1.7;color:#9c7e55}.osf-continue{display:flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:12px;background:#6650ed;color:white;font-size:21px;font-weight:700;min-height:54px;min-width:205px;padding:13px 25px;box-shadow:0 4px 12px #6650ed1c}.osf-continue:hover:not(:disabled){background:#5942d7}.osf-continue:disabled{cursor:default;background:#ece7f6;color:#9b8bb7;box-shadow:none}
@media(min-width:1800px){.osf-reading{padding:32px 38px;scroll-padding-top:28px}.osf-outcomes{gap:25px}.osf-outcome{padding:27px 30px;border-radius:21px}.osf-outcome h2{font-size:31px;margin-bottom:18px;gap:15px}.osf-outcome h2 svg{width:32px;height:32px}.osf-grade-and-items{grid-template-columns:166px minmax(0,1fr);gap:26px}.osf-grade{font-size:102px;padding-right:24px}.osf-dimension{font-size:28px;min-height:58px;padding-bottom:10px}.osf-dimension i{height:4px}.osf-teacher{padding:27px 31px;gap:28px;margin-top:24px}.osf-avatar{width:130px;height:130px}.osf-teacher h2{font-size:27px;margin-bottom:10px}.osf-teacher h2 span{font-size:24px}.osf-teacher p{font-size:30px;line-height:1.8}.osf-teacher p+p{margin-top:12px}.osf-learning-results{margin-top:29px;padding-top:25px}.osf-learning>summary{padding:25px 28px}.osf-kicker{font-size:22px}.osf-fold-copy>strong{font-size:31px}.osf-fold-copy>span:last-child{font-size:25px}.osf-status{font-size:24px;padding:5px 14px}.osf-fold-action{font-size:26px}.osf-fold-action svg{width:25px;height:25px}.osf-fold-body{padding:28px}.osf-reference-label{font-size:25px}.osf-knowledge-chain{gap:22px}.osf-knowledge-node{padding:24px;gap:18px}.osf-final h3{font-size:29px;gap:13px}.osf-final h3>span{width:40px;height:40px;font-size:24px}.osf-source-label{font-size:23px}.osf-knowledge-node>p,.osf-step-feedback{font-size:28px}.osf-text-button{font-size:26px;min-height:64px}.osf-question{font-size:32px}.osf-method-steps{gap:23px}.osf-method-step{padding:26px;gap:20px}.osf-reference{padding:19px 22px}.osf-reference>span,.osf-reference h4{font-size:24px}.osf-reference p{font-size:28px}.osf-original-details>summary{font-size:27px;padding:22px}.osf-paper-section>summary{font-size:30px;padding:24px 28px}.osf-paper-section>summary>span{font-size:28px}.osf-paper-body{grid-template-columns:350px minmax(0,1fr);gap:30px;padding:28px}.osf-paper-preview{height:290px}.osf-retake{font-size:27px;min-height:72px}.osf-dimension-detail>summary{font-size:28px;padding:20px 24px}.osf-dimension-detail>summary>span{font-size:26px}.osf-dimension-body{gap:25px;padding:26px}.osf-dimension-body h4{font-size:24px}.osf-dimension-body p{font-size:28px}.osf-footer{min-height:111px;padding:19px 34px}.osf-footer>p{font-size:26px}.osf-continue{min-height:76px;min-width:285px;padding:17px 34px;font-size:29px}}
/* Legacy summary prose rules are more specific. Keep student reading text at
   the final report's own scale rather than inheriting 15px review copy. */
.osf-final .osf-reading p{font-size:20px!important}
.osf-final .osf-teacher p{font-size:21px!important}
@media(min-width:1800px){.osf-final .osf-reading p{font-size:28px!important}.osf-final .osf-teacher p{font-size:30px!important}}
.osf-knowledge-advice{padding:18px 21px;margin-bottom:22px;border:1px solid #f0deba;border-radius:12px;background:#fff8e9;color:#8c6536}.osf-knowledge-advice>span{font-size:17px;font-weight:600}.osf-knowledge-advice>p{margin:8px 0!important;line-height:1.8}.osf-knowledge-advice>.osf-text-button{color:#9c7545}
@media(min-width:1800px){.osf-knowledge-advice{padding:23px 26px;margin-bottom:26px}.osf-knowledge-advice>span{font-size:24px}}
.osf-paper-column>.osf-photo-label{font-size:17px!important;line-height:1.6;color:#90799e}.osf-photo-history{border-top:1px solid #e9e1ef;padding-top:12px}.osf-photo-history>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;min-height:46px;color:#9179a2;font-size:17px}.osf-photo-history>summary::-webkit-details-marker{display:none}.osf-photo-history>summary svg{width:18px;height:18px}.osf-photo-history>div{display:grid;gap:12px;margin-top:10px}
@media(min-width:1800px){.osf-paper-column>.osf-photo-label{font-size:24px!important}.osf-photo-history>summary{font-size:24px;min-height:62px}}
