/* Shared college visual language: warm canvas, quiet cards and clear next actions. */
:root{--accent:#244e45;--ink:#302d27;--muted:#817669;--line:#e9e4dc;background:#f5f1eb;color:var(--ink);font-family:Inter,"Segoe UI","Microsoft JhengHei",sans-serif;line-height:1.65}
body.workspace{background:radial-gradient(ellipse at 0 0,#eee2dc 0,transparent 45%),radial-gradient(ellipse at 100% 0,#e7eeea 0,transparent 45%),#f7f4ee;min-height:100vh;padding:24px 4vw}
.workspace header{max-width:1500px;margin:0 auto 24px;padding:22px 28px;border:1px solid #ffffffd9;border-radius:30px;background:#ffffffed;box-shadow:0 14px 40px #5f514008}
.brand{gap:14px}.brand img{max-height:52px;max-width:56px}.brand span{display:flex;flex-direction:column;gap:3px}.brand small{font-size:10px;letter-spacing:1.2px;font-weight:700;color:var(--muted)}.brand strong{font-size:clamp(18px,2vw,28px);line-height:1.3}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#account-name{font-size:14px;color:var(--muted);margin-right:10px}
.shell{grid-template-columns:270px minmax(0,1fr);gap:24px;max-width:1500px;min-height:0;align-items:start}.shell aside{background:#ffffffec;border-radius:28px;padding:24px 18px;border:1px solid #fff;position:sticky;top:20px}.snapshot{padding:0 8px 14px}.snapshot h2{font-size:17px;margin:0 0 20px}.snapshot h3{font-size:21px;margin:10px 0}.snapshot p{font-size:13px;margin:8px 0}.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.snapshot-grid>div{background:#f7f3ef;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px}.snapshot-grid small{color:var(--muted)}.snapshot-grid strong{font-size:15px}
.workspace nav{padding:14px 0 0;gap:5px;border-top:1px solid var(--line)}nav button{text-align:left;background:transparent;border-color:transparent;padding:10px 15px;font-size:14px}nav button[aria-current=page]{background:#e7efeb;color:#244e45;font-weight:700}nav details{margin-top:8px;border-top:1px solid var(--line);padding-top:12px}nav details button{display:block;width:100%;font-size:13px}summary{cursor:pointer;color:var(--muted);font-size:13px;padding:8px 12px}
.workspace main{max-width:none;background:#ffffffed;border:1px solid #fff;border-radius:28px;padding:28px 32px;box-shadow:0 14px 40px #5f514008}h1{font-size:clamp(24px,2.5vw,34px);margin:8px 0 16px;letter-spacing:-.5px}h2{font-size:20px}h3{font-size:17px}.eyebrow{color:#80715f;font-size:11px;font-weight:700;letter-spacing:1.6px}.muted{color:#77756b}.workspace #view>p.muted{max-width:760px;font-size:15px}
button,.button{border-radius:100px;border-color:#d6e2dc;padding:10px 19px;font-size:14px;transition:background .15s}.primary{background:#244e45;border-color:#244e45}.primary:hover{background:#193f36}article,.card{border-color:var(--line);border-radius:22px;padding:22px;box-shadow:none}input,textarea,select{border-radius:14px;border-color:#deded4;font-size:15px}textarea{min-height:94px}label{font-size:14px;color:#655f53}.actions{gap:10px}#status:empty,#unread:empty{display:none}#status:not(:empty){background:#fff5df;border-radius:14px;padding:12px 16px;font-size:14px;position:sticky;top:8px;z-index:2}#unread:not(:empty){color:#244e45;font-size:13px;padding:8px 14px;background:#eaf2ed;border-radius:12px}
#view[data-page=home]{padding:14px 4px}#view[data-page=home]>.actions{display:grid;grid-template-columns:1fr;max-width:660px;margin:28px 0}#view[data-page=home]>.actions button{padding:22px 24px;text-align:left;border-radius:20px;font-size:17px;font-weight:600}#view[data-page=home]>.actions button:nth-child(2){background:#f6f2e9}#view[data-page=scenes] article{background:linear-gradient(115deg,#eef4ef,#faf7ee)}
#chat-log{max-height:430px;height:42vh;min-height:220px;background:#fafaf7;border-color:#eee9df;padding:16px;scrollbar-width:thin}.message{max-width:88%;padding:14px 18px;margin:12px 0;background:#edf3ee;border-radius:20px 20px 20px 4px;font-size:15px;overflow-wrap:anywhere}.message.student{margin-left:auto;background:#f3ecdd;border-radius:20px 20px 4px 20px}.chat-mode{background:#eef3ed;color:#365b51;border-radius:12px;font-size:13px;padding:10px 14px}#jobs article{padding:10px 16px;background:#faf7ed;font-size:13px}#jobs article p{margin:4px 0}#composer{min-height:82px}dialog{border:none;border-radius:26px;box-shadow:0 30px 100px #253b3b33}
.language-pick{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 24px}.language-pick button[aria-pressed=true]{background:#244e45;color:#fff}.student-auth-card .language-intro{font-size:15px;color:#6f7063}.student-auth-copy{line-height:1.8}
@media(min-width:1500px){.shell{grid-template-columns:310px minmax(0,1fr)}.workspace main{padding:32px 38px}.snapshot{padding:0 14px 18px}}
@media(max-width:900px){body.workspace{padding:14px}.workspace header{padding:16px;border-radius:22px}.brand small{max-width:230px;font-size:8px}.brand img{max-height:42px;max-width:38px}.shell{grid-template-columns:210px minmax(0,1fr);gap:14px}.workspace main{padding:20px}.shell aside{padding:18px 12px}.snapshot-grid{grid-template-columns:1fr}#account-name{display:none}}
@media(max-width:650px){body.workspace{padding:10px}.workspace header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:12px}.brand strong{font-size:19px}.brand small{max-width:none;font-size:8px}.header-actions{justify-content:flex-end}.header-actions button{font-size:12px;padding:7px 12px}.shell{display:block}.shell aside{position:static;padding:10px 12px;margin-bottom:12px;border-radius:20px}.snapshot{display:none}.workspace nav{border:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;overflow:visible;gap:4px}nav button{padding:8px 11px;font-size:12px}nav details{width:100%;margin:0;padding:0;border:0}nav details[open]{padding-bottom:10px}nav details button{display:inline-block;width:auto}nav summary{padding:6px 10px}.workspace main{padding:18px;border-radius:22px}h1{font-size:25px}.message{max-width:96%;font-size:14px}#chat-log{height:40vh;min-height:200px;padding:8px}.actions{gap:8px}.actions button{font-size:13px;padding:9px 12px}#view[data-page=home]>.actions button{padding:17px;font-size:15px}article{padding:17px}#view[data-page=chat]>p.muted{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
body.workspace{font-family:"Segoe UI","Microsoft JhengHei",Arial,sans-serif}
#view>h1:focus{outline:none}
.workspace #snapshot:empty{display:none}
.workspace nav{border-top:0;padding-top:0}
#shared-discussion article{background:#f6f3ed}
#view blockquote{margin:14px 0;padding:12px 18px;border-left:3px solid #d3aa68;background:#faf7f0;border-radius:0 12px 12px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#view[data-page=home]>.actions button:first-child{max-width:660px}
@media(max-width:650px){#view label,#view blockquote{overflow-wrap:anywhere}#view .check{align-items:flex-start}.workspace nav>button[data-page]{flex:1;text-align:center}.workspace nav>details{margin-top:5px}}

/* Evidence overview stays inside the existing tutor workspace. */
.overview-card{background:#fffaf1;border:1px solid #e5dac9;border-radius:24px;padding:clamp(16px,3vw,28px);margin:24px 0;overflow-wrap:anywhere;}
.overview-card h2{margin-top:0}.overview-card article{background:#fff}.overview-card blockquote{margin:12px 0;padding-left:12px;border-left:3px solid #abc0b8}.overview-card details{margin:12px 0}.overview-card summary{cursor:pointer}
.student-module{border:1px solid #d5dfd8;border-radius:24px;padding:clamp(16px,3vw,28px);margin:24px 0;min-width:0;overflow-wrap:anywhere}
#student-conversations{background:#fff}#student-conversations>h2{margin-top:0}
#student-conversation-selector{background:#f1f5f1;border-radius:14px;padding:4px 16px;margin:20px 0}
.student-module details>summary{cursor:pointer;padding:10px 0;font-weight:600;list-style-position:inside}
.student-module summary:focus-visible{outline:3px solid #c6953c;outline-offset:3px;border-radius:6px}
#conversation-transcript,#conversation-brief-history{border-top:1px solid #dce5dd;margin-top:20px;padding-top:8px}
#tutor-briefs article{background:#f8faf6;padding:16px}#tutor-briefs h4{margin-top:0}
.coverage-note{display:block;color:#566e69;font-size:.94rem;margin:5px 0}
#brief-history-list{padding-left:10px}.student-module select{max-width:100%}
