:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:var(--text);background:var(--page);font-size:16px;--blue:var(--accent);--border:var(--line)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{min-height:44px;border:1px solid var(--control);background:var(--surface);border-radius:7px;padding:9px 15px;color:var(--accent);cursor:pointer}button:hover{border-color:var(--blue);background:var(--inset)}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--blue);color:var(--on-accent);border-color:var(--blue)}button.danger{color:var(--error)}input,select,textarea{border:1px solid var(--control);border-radius:6px;padding:10px;background:var(--surface);color:inherit;max-width:100%;min-height:44px}textarea{width:100%;resize:vertical;min-height:110px;line-height:1.7}input[type=checkbox]{min-height:20px;width:20px;height:20px;vertical-align:middle}label{display:block;margin:12px 0 7px;font-weight:600}label.inline{display:flex;align-items:center;gap:9px;font-weight:400}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 28px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}header .brand{font-weight:750;font-size:22px;color:var(--accent)}header .brand span{font-weight:500;font-size:16px;color:var(--muted);margin-left:15px}.bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}main{max-width:1600px;margin:auto;padding:26px}h1{font-size:26px;line-height:1.45;margin:0 0 10px}h2{font-size:21px;margin:0 0 14px}h3{font-size:18px;margin:0 0 10px}p{line-height:1.75;margin:8px 0 14px}.muted{color:var(--muted)}.small{font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px;margin-bottom:18px}.login{max-width:500px;margin:8vh auto}.login input{width:100%}.login button{margin-top:16px}.lead{background:var(--selected);border-left:4px solid var(--blue);padding:14px 18px;border-radius:5px;line-height:1.7;margin:16px 0}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin:22px 0;padding-bottom:12px;flex-wrap:wrap}.tabs button.active{background:var(--selected);border-color:var(--accent);color:var(--accent);font-weight:650}.workspace{display:grid;grid-template-columns:minmax(310px,.83fr) minmax(430px,1.45fr);gap:20px;align-items:start}.reader{position:sticky;top:90px;min-width:0}.source-scroll{max-height:62vh;overflow:auto;overscroll-behavior:contain;padding-right:8px}.source-p{padding:12px 8px;border-bottom:1px solid var(--line);line-height:1.9;overflow-wrap:anywhere;font-family:"Noto Serif CJK SC","SimSun",serif;font-size:18px}.source-p.chosen{background:var(--selected)}.source-p .bar{font-family:system-ui,sans-serif;font-size:14px}.source-p p{white-space:pre-wrap}.pill{display:inline-block;background:var(--inset);border-radius:5px;padding:4px 8px;font-size:14px;color:var(--muted)}.pill.blue{background:var(--selected);color:var(--accent)}.pill.green{background:var(--success-bg);color:var(--success)}.pill.orange{background:var(--warning-bg);color:var(--warning)}.question-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.question-card h3{line-height:1.6}.hints{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.hints button{padding:8px 12px}.hint-copy{background:var(--inset);padding:12px;line-height:1.7;border-radius:6px}.turn{border-left:3px solid var(--line);padding:0 0 2px 18px;margin:24px 0}.turn .answer{white-space:pre-wrap;line-height:1.85;padding:16px;background:var(--inset);border-radius:7px;overflow-wrap:anywhere}.quote{border-left:3px solid var(--line);padding:8px 12px;background:var(--inset);white-space:pre-wrap;line-height:1.8;margin:9px 0}details{margin:14px 0}summary{cursor:pointer;color:var(--accent);line-height:1.6;padding:6px 0}pre{white-space:pre-wrap;word-break:break-word;font:14px/1.7 ui-monospace,monospace;background:var(--inset);padding:15px;border-radius:7px;max-height:500px;overflow:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{width:100%}.empty{text-align:center;padding:35px;color:var(--muted)}.opinion{border:1px solid var(--line);border-radius:7px;padding:15px;margin:12px 0}.separate{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:80vw;background:#163d70;color:var(--on-accent);border-radius:8px;padding:12px 22px;z-index:50;display:none;box-shadow:0 6px 22px #152f4c30}#notice.error{background:#963b37}.progress{padding:15px;background:var(--warning-bg);border:1px solid var(--warning-bg);border-radius:7px;line-height:1.7}a{color:var(--accent)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.large{font-size:19px}.large .small,.large .pill{font-size:16px}.large .source-p{font-size:22px}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.reader{position:static}.source-scroll{max-height:350px}.grid2{grid-template-columns:1fr}main{padding:16px}header{padding:12px 16px}.question-card{grid-template-columns:1fr}header .brand span{display:none}}@media(prefers-reduced-motion:no-preference){button{transition:background .12s}}

.answer{white-space:pre-wrap;line-height:1.85;padding:16px;background:var(--inset);border-radius:7px;overflow-wrap:anywhere}.reader .grid2{grid-template-columns:1fr}.reader form.bar{display:grid;grid-template-columns:minmax(0,1fr) auto}.reader form.bar input{width:100%!important}.reader form.bar button{min-width:76px}

/* Existing LinKa typography and controls, shared visual conventions with style.css. */
:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:17px;line-height:1.7;color:var(--text);background:var(--page);--blue:var(--accent);--border:var(--line)}button{min-height:44px;padding:8px 15px;border-color:var(--control);border-radius:5px;line-height:1.5;font-weight:400}input,select,textarea{border-color:var(--control);border-radius:5px;padding:9px 11px}label{font-weight:500}h1{font-size:28px;line-height:1.5;font-weight:600}h2{font-size:23px;line-height:1.5;font-weight:600}h3{font-size:19px;line-height:1.5;font-weight:600}.card{border-radius:6px}.muted{color:var(--muted)}.small{font-size:.9em}.source-p{font-family:inherit;font-size:1em;line-height:1.85}.answer{font-size:1em;line-height:1.85}.large{font-size:20px}.large .source-p{font-size:1em}.large .small,.large .pill{font-size:.9em}.large h1{font-size:1.65rem}.large h2{font-size:1.35rem}.large h3{font-size:1.12rem}header .brand{font-size:22px;font-weight:600}header .brand span{font-size:17px}.account{font-size:.94em;color:var(--muted)}.auth-layout{width:min(1080px,100%);min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;gap:76px;align-items:center;padding:60px 32px;margin:auto}.auth-intro h1{font-size:28px;color:var(--text);white-space:normal}.auth-intro p{color:var(--muted);line-height:1.9}.auth-form{padding:32px;margin:0}.auth-form input{width:100%}.auth-form button{margin-top:24px}.auth-form h2{font-size:23px}.auth-form #login-error{color:var(--error);margin-bottom:0}.auth-form>.small{margin:22px 0 0}.auth-layout .auth-form{box-shadow:0 3px 16px #153c6208}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr;gap:24px;min-height:100vh;align-content:center;padding:30px 20px}.auth-intro h1{font-size:25px}.auth-form{padding:24px}.account{max-width:220px}}

.auth-layout{width:100%;max-width:none;min-height:100vh;grid-template-columns:1fr 1fr;gap:0;padding:0;align-items:stretch}.auth-intro{background:var(--brand-bg);color:var(--brand-text);padding:12vh 9vw 40px}.auth-intro h1{font-size:36px;color:var(--brand-text)}.auth-intro p{color:var(--brand-text);line-height:2}.auth-layout .auth-form{max-width:490px;width:100%;padding:45px;margin:auto;background:transparent;border:0;box-shadow:none}.auth-form h2{font-size:23px}@media(max-width:760px){.auth-layout{grid-template-columns:1fr;align-content:start}.auth-intro{padding:34px 24px}.auth-intro h1{font-size:28px}.auth-layout .auth-form{padding:28px 24px}}

.work-index{padding:12px 18px;position:sticky;top:90px;z-index:4}.work-index label{margin:0;flex-wrap:nowrap}.work-index select{flex:1;min-width:0}.turn,[id^=target-],[id^=review-]{scroll-margin-top:180px}@media(max-width:1000px){.work-index{position:static}.turn,[id^=target-],[id^=review-]{scroll-margin-top:170px}}

.workspace,.workspace>*{min-width:0}.workspace input,.workspace select,.workspace textarea{min-width:0}.work-index select{max-width:100%}.grid2>*{min-width:0}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr)}.workspace .card{max-width:100%}.work-index label{flex-wrap:wrap}.work-index select{width:100%;flex-basis:100%}}

/* Guided question preparation: explicit actions, generous hit areas, original LinKa palette. */
.login-verification{margin:22px 0;padding:16px;background:var(--inset);border:1px solid var(--control);border-radius:8px}
.login-verification h3{margin:0;font-size:1.12rem}.login-verification .field-help{margin:8px 0 12px}
.captcha-picture{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.captcha-picture img{max-width:100%;height:auto;border-radius:4px;border:1px solid var(--control)}
.auth-form .captcha-picture button{margin:0;min-height:44px}
.login-verification [data-captcha-status]{font-size:1rem;color:var(--muted);margin:10px 0 0}
.login-verification input[name=captchaAnswer]{font-size:1.25rem;letter-spacing:.18em}
[hidden]{display:none!important}
button:disabled{cursor:default}
.wizard-heading{margin:22px 0 14px}
.wizard-heading p{margin:0}
.question-steps{display:flex;gap:28px;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0 24px;color:var(--muted)}
.question-steps li{display:flex;align-items:center;gap:10px}
.question-steps span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--control);border-radius:50%;font-size:1rem;background:var(--surface)}
.question-steps [aria-current=step]{color:var(--blue);font-weight:600}
.question-steps [aria-current=step] span{background:var(--blue);color:var(--on-accent);border-color:var(--blue)}
.question-editor{max-width:940px;min-width:0}
.question-editor form>label:first-of-type{margin-top:0;font-size:1.12rem;font-weight:600}
.question-editor textarea{min-height:132px}
.field-help{font-size:1rem;line-height:1.75;color:var(--muted);margin:8px 0 14px}
.question-hints{margin:18px 0 24px}
.question-hints>summary,.paragraph-jump>summary{min-height:44px;padding:8px 0}
.hints button[aria-pressed=true]{background:var(--selected);border-color:var(--blue);color:var(--accent)}
.hint-copy{margin:12px 0}
.source-choice{padding:0;border:0;margin:22px 0}
.source-choice legend{font-size:1.12rem;font-weight:600;margin-bottom:10px}
.choice-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--control);border-radius:5px;padding:16px 18px;margin:10px 0;cursor:pointer}
.choice-card:has(input:checked){border-color:var(--blue);background:var(--selected)}
.choice-card input{flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:4px 0 0;padding:0;accent-color:var(--blue)}
.choice-card strong,.choice-card span>span{display:block}
.choice-card strong{font-weight:600;margin-bottom:4px}
.choice-card span>span{font-weight:400;color:var(--muted)}
.wizard-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.step-instruction{max-width:1050px;margin-bottom:20px}
.question-preparation{grid-template-columns:minmax(0,1.25fr) minmax(340px,.8fr)}
.question-confirm{position:sticky;top:100px;min-width:0}
.question-confirm h3{font-size:1.12rem}
.draft-question{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--inset);padding:14px;border-radius:5px;margin:8px 0 18px}
.selection-empty{padding:16px;background:var(--inset);border-radius:5px}
.selected-list{max-height:32vh;overflow-y:auto;scrollbar-gutter:stable}
.selected-item{padding:12px 0;border-bottom:1px solid var(--border)}
.selected-item:first-child{padding-top:0}
.selected-item p{margin:8px 0 0;color:var(--muted);overflow-wrap:anywhere}
.form-error{color:var(--error)}
.reader .source-find{display:flex;flex-wrap:nowrap}
.source-find input{flex:1;min-width:0}
.source-find button{flex:none}
.reader form#jump{display:flex;flex-wrap:wrap}
.reader #jump label{margin:0}
.reader #jump input{width:120px!important}
.paragraph-choice{display:flex;gap:12px;align-items:center;width:fit-content;min-height:46px;padding:8px 12px;margin:0;background:var(--surface);border:1px solid var(--control);border-radius:5px;cursor:pointer;font-size:1rem}
.paragraph-choice input{margin:0;accent-color:var(--blue)}
.source-p.chosen .paragraph-choice{border-color:var(--blue);background:var(--selected);color:var(--accent)}
.source-pagination{margin:12px 0;font-size:1rem}
.source-p{padding:14px 10px}
.source-p p{margin-top:12px}
.question-preparation .source-scroll{max-height:50vh}
#ask,#wizard-title{scroll-margin-top:120px}
#composer-selection .selected-list{max-height:26vh}
@media(max-width:1000px){.question-preparation{grid-template-columns:minmax(0,1fr)}.question-confirm{position:static}.question-preparation .source-scroll{max-height:390px}.question-steps{gap:20px}.selected-list{max-height:300px}}
@media(max-width:600px){.question-editor,.question-confirm,.reader{padding:18px 14px}.wizard-actions{align-items:stretch}.wizard-actions button{width:100%}.choice-card{padding:14px 12px}.question-steps{gap:12px;font-size:1rem}.question-steps span{width:30px;height:30px}.selected-item .bar{gap:6px}.reader .source-find{flex-wrap:wrap}.source-find button{width:100%}.source-find input{flex-basis:100%}.question-confirm form>.primary{width:100%}}
.wizard-title-row{display:flex;align-items:center;gap:22px;margin:0 0 14px}
.wizard-title-row>button{flex:none}
.wizard-heading{margin:0;min-width:0}
.wizard-heading h1{margin:0 0 2px}
.question-steps{margin:16px 0 20px}
.reader-tools{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px}
.reader-tools>label{margin-bottom:0}
.reader-tools>*{min-width:0}
.reader-tools #search button{min-width:90px}
.reader-tools .source-find{gap:8px}
#search-results details{max-height:260px;overflow:auto}
.selection-shortcut{display:none}
.revision-fields{border:0;margin:0;padding:0;min-width:0}
.evidence-editor{margin:22px 0}
.evidence-row{border:1px solid var(--border);border-radius:5px;padding:16px;margin:14px 0}
.fixed-source{white-space:pre-wrap;background:var(--inset);padding:12px;max-height:240px;overflow:auto;overflow-wrap:anywhere}
.evidence-row select{width:100%;min-width:0;text-overflow:ellipsis}
@media(max-width:1300px){.workspace:not(.question-preparation) .reader-tools{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1000px){.selection-shortcut{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:var(--surface);border-top:1px solid var(--border);z-index:12;box-shadow:0 -3px 12px #153c6210}main:has(.selection-shortcut){padding-bottom:110px}.question-confirm{scroll-margin-top:160px}}
@media(max-width:650px){.reader-tools{grid-template-columns:minmax(0,1fr);gap:0}.wizard-title-row{align-items:flex-start;gap:14px;flex-wrap:wrap}.wizard-heading{flex-basis:100%}.evidence-row{padding:12px}.selection-shortcut button{padding-inline:12px}}
.reader-tools>label select{display:block;margin-top:7px}
.reader-tools select,.reader-tools input,.reader-tools .source-find button{min-height:calc(1.7em + 20px)}
.selected-list:not(:has(.selected-item:nth-child(4))){max-height:none}

/* Readable controls and guided feedback across the whole workflow. */
summary{min-height:44px;padding:9px 0}
fieldset{min-width:0;border:0;padding:0;margin:20px 0}
legend{font-size:1.12rem;font-weight:600;margin-bottom:8px}
h4{font-size:1rem;margin:16px 0 8px;font-weight:600}
.turn h3{margin:0}
.turn .bar{margin:14px 0}
.inline{min-height:44px;cursor:pointer}
.context-note,.decision-preview{background:var(--selected);border:1px solid var(--border);border-radius:5px;padding:14px;line-height:1.8;margin:16px 0;overflow-wrap:anywhere}
.draft-status{border-left:3px solid var(--control);background:var(--inset);padding:10px 14px;font-size:1rem;color:var(--muted);margin-top:16px}
.form-error:empty{display:none}
.form-error:not(:empty){background:var(--error-bg);border-left:3px solid var(--error);padding:12px 14px}
[aria-invalid=true]{border-color:var(--error)}
.advanced-options{margin:18px 0}
.candidate-answer{border:1px solid var(--border);border-radius:5px;padding:10px 14px;margin:16px 0}
.candidate-answer>summary{font-weight:600}
.decision-summary h3{margin-bottom:10px}
.action-dialog{width:min(620px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid var(--control);border-radius:6px;padding:26px;color:inherit;background:var(--surface);font:inherit}
.action-dialog::backdrop{background:#12233375}
.action-dialog form{margin:0}
.action-dialog input[type=checkbox]{flex-shrink:0}
.action-dialog .bar{margin-top:20px}
.password-field{display:flex;align-items:stretch;gap:10px}
.password-field input{min-width:0;flex:1}
.auth-form .password-field button{margin:0;flex:none}
.auth-form>button[data-action=font]{margin:0 0 10px}
.auth-form details{margin-top:24px}
.progress button{margin-top:10px}
.reader:has(+ #work-content){position:sticky;top:90px}
@media(max-width:1000px){.reader:has(+ #work-content){position:static}.action-dialog{padding:22px 18px}}
@media(max-width:600px){.password-field{flex-wrap:wrap}.password-field input{flex-basis:100%}.candidate-answer{padding:8px 10px}.turn{padding-left:12px}.action-dialog .bar button{width:100%}}
.reader>.bar{justify-content:space-between;margin-bottom:12px}
.reader>.bar h2{margin:0}
.reader,#work-content,[data-opinion],[data-review]{scroll-margin-top:180px}
.work-index>.bar+label{margin-top:12px}
@media(max-width:1000px){.workspace:has(#work-content)>#work-content{order:0}.workspace:has(#work-content)>.reader{order:1}}
#notice{align-items:center;gap:16px;max-height:50vh;overflow:auto}
#notice span{min-width:0;overflow-wrap:anywhere}
#notice button{flex:none;background:var(--surface);color:var(--text)}
/* Keep jumped-to headings below the actual header and sticky navigation, including large text. */
.work-index,.reader:has(+ #work-content){top:var(--header-offset,90px)}
.turn,[id^=target-],[id^=review-],#work-content,#ask,[data-opinion],[data-review]{scroll-margin-top:var(--content-scroll-offset,180px)}
.reader,#wizard-title,.question-confirm{scroll-margin-top:var(--header-offset,120px)}
/* Reserve room for the reader's search tools and paging controls on desktop. */
@media(min-width:1001px) and (min-height:720px){
 .workspace:has(#work-content)>.reader{height:calc(100dvh - var(--header-offset,90px) - 16px);display:flex;flex-direction:column}
 .workspace:has(#work-content)>.reader>*{flex-shrink:0}
 .workspace:has(#work-content)>.reader>#source-content{display:flex;flex-direction:column;flex:1;min-height:0}
 .workspace:has(#work-content)>.reader .source-scroll{flex:1;min-height:0;max-height:none}
 .workspace:has(#work-content)>.reader .source-pagination{flex-shrink:0}
 .workspace:has(#work-content)>.reader #search-results details{max-height:160px}
}
@media(max-height:719px){.reader:has(+ #work-content){position:static}}

/* Long answers retain readable text while their many quotations open on demand. */
.answer-evidence{margin:16px 0;background:var(--inset);border:1px solid var(--line);border-radius:6px;padding:0 12px}
.answer-evidence>summary{color:var(--accent);font-weight:600}
.candidate-answer,[id^=decision-],#export-preview{scroll-margin-top:var(--content-scroll-offset,180px)}
.export-pagination{margin:20px 0;justify-content:space-between}

/* Shared navigation and management retain the original LinKa controls. */
.app-layout{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1820px;margin:auto}
#workspace-main{width:100%;min-width:0;margin:0;padding:24px}
.global-sidebar{align-self:start;position:sticky;top:var(--header-offset,90px);max-height:calc(100dvh - var(--header-offset,90px) - 12px);overflow:auto;padding:18px 12px;background:var(--surface);border-right:1px solid var(--border)}
.global-sidebar button{display:block;text-align:left;width:100%;margin:4px 0;border-color:transparent;overflow-wrap:anywhere}
.global-sidebar button[aria-current=page]{background:var(--selected);color:var(--accent);border-color:var(--line)}
.sidebar-title{font-weight:600;padding:10px 12px;color:var(--muted)}
.global-sidebar .field-help{padding:10px 12px;font-size:.94rem}
.reader{container-type:inline-size;container-name:source-reader}
@container source-reader (max-width:460px){
 .reader-tools{grid-template-columns:minmax(0,1fr);gap:0}
 .reader-tools select{width:100%}
}
.menu-toggle,.close-menu{display:none!important}
.team-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:20px;align-items:start}
.team-person{padding:16px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.team-person h3{margin:0}
.team-person p{margin:8px 0}
.member-options{max-height:48vh;overflow:auto;padding-right:8px}
.member-options label[hidden]{display:none}
.support-dialog textarea{font-size:.94rem}
.tutorial-dialog{width:min(1100px,calc(100vw - 24px));max-width:none;max-height:92dvh;padding:0;border:1px solid var(--border);border-radius:8px;color:inherit;background:var(--page)}
.tutorial-dialog::backdrop{background:#16314b66}
.tutorial-head{position:sticky;top:0;z-index:2;padding:20px 24px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px}
.tutorial-head h2{margin-bottom:6px}
.tutorial-head p{margin:0;color:var(--muted)}
.tutorial-head button{flex-shrink:0}
.tutorial-body{padding:24px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}
.tutorial-steps button{display:block;width:100%;margin-bottom:9px;text-align:left}
.tutorial-steps button span,.tutorial-steps button small{display:block}
.tutorial-steps button small{font-size:.88rem;color:var(--muted);margin-top:4px;font-weight:400}
.tutorial-owner{padding:10px 12px;background:var(--page);border-radius:5px}
.tutorial-handoff{padding:12px;border:1px solid var(--border);border-radius:5px;color:var(--muted)}
.tutorial-steps [aria-current=step]{background:var(--selected);border-color:var(--accent);color:var(--accent);font-weight:600}
#tutorial-step{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:24px;scroll-margin-top:var(--tutorial-header-height,160px)}
#tutorial-step h3{font-size:1.2rem;margin:16px 0}
.tutorial-paging{justify-content:space-between;margin-top:24px}
.tutorial-paging button:last-child{max-width:100%}
.tutorial-step-toggle{display:none}
summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:1279px){
 .app-layout{grid-template-columns:minmax(0,1fr)}
 .menu-toggle,.global-sidebar .close-menu{display:block!important}
 .global-sidebar{display:none;position:static;max-height:none;border-bottom:1px solid var(--border)}
 .navigation-open .global-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .global-sidebar .sidebar-title,.global-sidebar .field-help{grid-column:1/-1}
}
@media(max-width:900px){
 .team-layout{grid-template-columns:minmax(0,1fr)}
 .tutorial-body{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}
 .tutorial-step-toggle{display:block}
 .tutorial-steps{display:none}
 .steps-open .tutorial-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .tutorial-steps button{margin:0}
 .tutorial-head{position:sticky;display:block;padding:12px 16px}
 .tutorial-head h2{font-size:1.12rem}
 .tutorial-head p{display:none}
 .tutorial-head button{margin-top:6px;font-size:.94rem}
 #tutorial-step{padding:16px}
}
@media(max-width:600px){
 #workspace-main{padding:14px}
 header{gap:10px;flex-wrap:wrap}
 header .bar{gap:7px}
 header .account{flex-basis:100%}
 .navigation-open .global-sidebar{grid-template-columns:1fr}
 .tutorial-paging{align-items:stretch}
 .tutorial-paging button{width:100%}
 #notice{max-width:94vw;flex-wrap:wrap}
}
.question-actions { display: flex; flex-direction: column; align-items: stretch; gap: 10px; min-width: 195px; }
.peer-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.peer-paths > section { padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--inset); }
.peer-paths h3 { margin-top: 0; }
.peer-paths button { white-space: normal; }
@media (max-width: 1100px) { .peer-paths { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .question-actions { min-width: 0; width: 100%; } }
.version-history { margin: 20px 0; padding: 14px; border: 1px solid var(--line); border-radius: 8px; scroll-margin-top: var(--content-scroll-offset, 190px); }
.version-entry { margin: 14px 0; padding: 12px; background: var(--inset); border-radius: 6px; }
.version-entry .opinion { background:var(--surface); }

.guided-actions{margin:16px 0;padding:16px;border:1px solid var(--border);border-radius:6px;background:var(--inset)}
.guided-actions h3{margin-top:0}.guided-actions [aria-pressed=true]{background:var(--selected);border-color:var(--accent);color:var(--accent)}
.retrieval-summary{margin:16px 0;padding:12px;border:1px solid var(--border);border-radius:6px}

/* Operational pages retain the workspace's existing type and colour system. */
.operations-dialog { width:min(760px,calc(100vw - 32px)); max-height:90dvh; overflow:auto; }
.operations-dialog form,.operations-dialog label,.operation-filters label,.restore-people label { display:grid; gap:8px; min-width:0; }
.operations-dialog form { gap:16px; }
.operations-dialog textarea,.operations-dialog select,.operation-filters input,.operation-filters select,.restore-people select { width:100%; min-width:0; box-sizing:border-box; font:inherit; }
.help-choice { padding:16px 0; border-bottom:1px solid var(--line); margin-bottom:16px; }
.diagnostic-copy { white-space:pre-wrap; overflow-wrap:anywhere; max-height:220px; overflow:auto; font-size:0.9em; }
.feedback-item,.usage-record { padding:20px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.feedback-item h2 { font-size:1.1em; flex:1; min-width:0; }
.feedback-replies { border-left:3px solid var(--line); padding:8px 16px; background:var(--inset); margin:12px 0; }
.preserve-lines { white-space:pre-wrap; }
.operation-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:end; }
.usage-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.usage-cards .card { margin:0 0 16px; }.usage-cards h2 { font-size:1em; }.usage-cards strong { display:block; font-size:1.5em; margin-top:12px; overflow-wrap:anywhere; }
.usage-model { border-bottom:1px solid var(--line); padding:10px 0; overflow-wrap:anywhere; }
.restore-people { margin:16px 0; display:grid; gap:16px; }.restore-people label { padding:12px; background:var(--inset); border:1px solid var(--line); border-radius:6px; overflow-wrap:anywhere; }
.check-line { display:flex; gap:12px; align-items:flex-start; margin:20px 0; }.check-line input { flex:0 0 auto; width:20px; height:20px; margin-top:4px; }
#restore-file input[type=file] { display:block; max-width:100%; margin:12px 0; font:inherit; }
#restore-preview { scroll-margin-top:var(--header-offset,100px); }
#restore-preview>section>label,.feedback-list~nav { margin-top:16px; }
#restore-person-search { display:block; width:100%; max-width:480px; margin-top:8px; }
@media(max-width:700px){.usage-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.operation-filters { grid-template-columns:1fr; }.operations-dialog { padding:20px; }.usage-cards strong { font-size:1.25em; }}
@media(max-width:420px){.usage-cards { grid-template-columns:1fr; }}
