.portal-modal.portal-material-reader-dialog{width:min(960px,100%);max-width:960px;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:0;border:0;background:transparent;border-radius:25px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.material-reader{--mr-ink:#263f3a;--mr-muted:#536c63;--mr-line:#d3dfd4;--mr-sage:#3f6a5c;--mr-copper:#a15d3f;position:relative;isolation:isolate;min-width:0;color:var(--mr-ink);background:linear-gradient(145deg,#fffffff5,#f3f8f2eb 58%,#fff6e9eb);border:1px solid #fff;border-radius:25px;padding:clamp(22px,3vw,36px);box-shadow:0 18px 62px #3453420d,inset 0 1px 0 #fff;overflow-wrap:anywhere}
.material-reader *{box-sizing:border-box}.mr-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.mr-eyebrow{font-size:10px;letter-spacing:.14em;line-height:1.8;color:var(--mr-copper);font-weight:600}.material-reader h2{font-size:clamp(25px,3vw,34px);line-height:1.45;letter-spacing:-.035em;color:var(--mr-ink);margin:10px 0 8px;font-weight:600}.mr-name{font-size:14px;line-height:1.8;color:var(--mr-muted);margin:0;white-space:pre-wrap}.material-reader button{font:inherit;cursor:pointer;touch-action:manipulation}.material-reader button:focus-visible,.material-reader input:focus-visible,.material-reader pre:focus-visible,.material-reader summary:focus-visible{outline:2px solid var(--mr-copper);outline-offset:4px}.material-reader button:disabled{cursor:default;opacity:.4}.material-reader .mr-close{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:44px;padding:9px 12px;color:var(--mr-muted);background:#ffffffc2;border:1px solid #dce4d9;border-radius:13px;font-size:12px}.mr-close span{font-size:23px;font-weight:300;line-height:1}.mr-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:22px 0 18px;font-size:11px;line-height:1.8;color:var(--mr-muted)}.mr-metadata>span{padding:4px 9px;border-radius:7px;background:#ffffffab;border:1px solid #e0e7dc;max-width:100%}.mr-metadata>.mr-project{color:var(--mr-sage);background:#eaf2e8;border-color:#d2dfd0}.mr-explanation{display:flex;align-items:flex-start;gap:10px;padding:15px 17px;border:1px solid #dae4d5;border-radius:14px;background:#ffffffa3}.mr-explanation p,.mr-extraction-note{margin:0;color:var(--mr-muted);font-size:12px;line-height:1.9}.mr-explanation-dot{width:7px;height:7px;flex:none;margin-top:9px;border-radius:50%;background:#8fa88e;box-shadow:0 0 0 4px #eff4eb}.mr-extraction-note{margin-top:12px;padding:12px 15px;border:1px solid #e4d9bf;background:#fffaf0;border-radius:12px;color:#785a36}.mr-flags{font-size:12px;line-height:1.8;color:var(--mr-muted);margin:15px 0}.mr-flags summary{cursor:pointer;padding:7px 0;color:var(--mr-sage)}.mr-flags ul{padding-left:20px;margin:7px 0}.mr-flags li{margin:5px 0;white-space:pre-wrap}.mr-search{margin:24px 0 15px}.mr-search>label{display:block;margin:0 0 8px;font-size:12px;color:var(--mr-sage);font-weight:550}.mr-search-controls{display:flex;align-items:center;gap:10px}.mr-search-controls input{flex:1;min-width:0;min-height:46px;width:100%;font-size:14px;color:var(--mr-ink);border:1px solid #cddbcc;border-radius:13px;background:#ffffffec;padding:11px 14px;box-shadow:inset 0 1px 3px #27473603}.mr-search-controls input::placeholder{color:#718175}.mr-search-navigation{display:flex;gap:6px;flex:none}.mr-search-navigation button{display:grid;place-items:center;width:44px;min-height:44px;border:1px solid #d0ddcd;border-radius:12px;background:#ffffffd1;color:var(--mr-sage);font-size:20px}.material-reader button:not(:disabled):hover{border-color:#9db49c;background:#f5f8f1}.mr-search-status{margin:9px 0 0;min-height:20px;font-size:11px;line-height:1.8;color:var(--mr-muted);font-variant-numeric:tabular-nums}.mr-text-surface{position:relative;min-width:0;border:1px solid #dce3d6;border-radius:17px;background:#fffef9;box-shadow:0 3px 10px #36534203;overflow:hidden}.material-reader .mr-text{font:400 14px/1.95 "Segoe UI","Microsoft YaHei",sans-serif;color:#31483f;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;margin:0;padding:clamp(20px,3vw,32px);max-height:min(56vh,620px);min-height:160px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#bdcdb9 transparent;scrollbar-width:thin;scroll-margin-top:24px}.mr-text mark{color:inherit;background:#eee3bc;border-radius:3px;padding:0;box-decoration-break:clone;-webkit-box-decoration-break:clone}.mr-text mark[aria-current=true]{color:#fff;background:#557c65;outline:2px solid #b2c8a6;outline-offset:2px;scroll-margin:45px}.mr-empty{padding:35px 26px;text-align:center}.mr-empty strong{display:block;font-size:16px;color:var(--mr-ink);font-weight:550}.mr-empty p{max-width:560px;margin:12px auto 0;font-size:13px;line-height:1.9;color:var(--mr-muted)}.mr-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:23px;margin-top:23px;border-top:1px solid var(--mr-line)}.mr-footer strong{font-size:13px;color:var(--mr-ink);font-weight:550;line-height:1.8}.mr-footer p{font-size:11px;color:var(--mr-muted);line-height:1.9;margin:6px 0 0;max-width:580px}.material-reader .mr-supplement{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:46px;padding:11px 17px;font-size:12px;color:var(--mr-sage);background:#ffffffd9;border:1px solid #cbdac7;border-radius:13px}.mr-supplement span{font-size:18px}.mr-text::selection{background:#d5e3ca;color:#243e31}
@media(max-width:600px){.material-reader{padding:22px 17px;border-radius:21px}.mr-header{gap:12px}.mr-eyebrow{font-size:9px;letter-spacing:.09em}.material-reader h2{font-size:26px}.mr-name{font-size:13px}.material-reader .mr-close{padding:8px 10px;gap:7px}.mr-metadata{margin:18px 0 15px;font-size:10px;gap:7px}.mr-explanation{padding:13px 14px}.mr-explanation p{font-size:11px}.mr-search{margin-top:21px}.mr-search-controls{gap:7px}.mr-search-controls input{font-size:16px;padding:10px 12px}.mr-search-navigation{gap:4px}.mr-search-navigation button{width:44px}.mr-text-surface{border-radius:13px}.material-reader .mr-text{font-size:14px;padding:20px 16px;max-height:52vh;min-height:190px}.mr-footer{align-items:flex-start;flex-direction:column;gap:15px;margin-top:20px;padding-top:20px}.mr-footer p{font-size:11px}.material-reader .mr-supplement{width:100%}.mr-empty{padding:28px 18px}}
@media(max-width:360px){.mr-search-controls{flex-wrap:wrap}.mr-search-navigation{margin-left:auto}.mr-search-controls input{flex-basis:100%}.mr-header{flex-wrap:wrap}.material-reader .mr-close{margin-left:auto}}
@media(max-width:600px){.portal-modal.portal-material-reader-dialog{max-height:calc(100dvh - 32px);border-radius:21px}.mr-name{font-size:14px}.mr-metadata{font-size:12px}.mr-explanation p{font-size:13px}.mr-search>label{font-size:13px}.mr-search-status,.mr-footer p{font-size:12px}.mr-extraction-note,.mr-flags{font-size:13px}}
@media(prefers-contrast:more){.material-reader{--mr-muted:#354d3f;--mr-line:#92a68e;border-color:#819578}.mr-explanation,.mr-text-surface,.mr-metadata>span,.mr-search-controls input,.mr-search-navigation button{border-color:#82987d}.mr-text mark[aria-current=true]{outline-color:#244b32}}
@media(prefers-reduced-motion:reduce){.material-reader,.material-reader *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

body.portal-reading-material{overflow:hidden}body.portal-reading-material .ai-coach-toggle,body.portal-reading-material .ai-coach-panel{display:none}
