/* Conception uses the same neutral panels and compact spacing as Cadrage. */
.design-navigation>.workbench-actions{flex-shrink:0}
@media(max-width:799px){.design-navigation>.conception-journey{flex-basis:100%}.app-project .design-navigation .conception-journey .workspace-steps{flex:1 1 auto;min-width:0;width:auto;overflow-x:auto;padding:0;justify-content:flex-start}}
.app-project>.workspace-tab{flex:1;min-height:0;min-width:0;height:auto;overflow:hidden;display:flex;flex-direction:column}
.workspace-tab-loading{flex:1;margin:10px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.workspace-tab-loading h1{font-size:23px;margin:0 0 8px}
.app-project .design-summary{margin:10px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.design-summary .ds-metrics{background:var(--panel);border-radius:6px;overflow:hidden}
.design-summary .ds-section{background:transparent}
.workspace-tab .qh-main,.workspace-tab .hm-shell{padding:10px;min-height:0;flex:1}
.workspace-tab .qh-heading,.workspace-tab .hm-intro{padding:3px 8px 8px}
.workspace-tab .qh-layout,.workspace-tab .hm-columns{grid-template-columns:minmax(245px,300px) minmax(0,1fr);gap:10px;min-height:0}
.workspace-tab .qh-sidebar,.workspace-tab .qh-reading,.workspace-tab .qh-empty,.workspace-tab .hm-sidebar,.workspace-tab .hm-detail{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;min-height:0;padding:14px 16px;scrollbar-gutter:stable}
.workspace-tab .qh-sidebar{overflow:auto}
.workspace-tab .qh-reading,.workspace-tab .qh-empty{overflow:auto}
.workspace-tab .qh-question{font-size:20px;max-width:75ch}
.workspace-tab .qh-answer{max-width:80ch}
.workspace-tab .qh-list>button,.workspace-tab .qh-list>a,.workspace-tab .qh-list details>button,.workspace-tab .hm-list button{padding:10px 9px;border-radius:5px;margin:3px 0;border:1px solid transparent;font-size:13px}
.workspace-tab .qh-list button[aria-current=true],.workspace-tab .hm-list button[aria-current=true]{border-color:var(--line);background:var(--raised);color:var(--accent)}
.workspace-tab .qh-list button:hover,.workspace-tab .qh-list a:hover,.workspace-tab .hm-list button:hover{background:var(--raised)}
.workspace-tab .qh-main>p:empty{display:none}
.workspace-tab .hm-shell{max-width:none;width:100%;height:auto}
.workspace-tab .hm-tabs{margin:0 8px 10px;flex-shrink:0}
.workspace-tab .hm-columns{flex:1;align-items:stretch}
.workspace-tab .hm-sidebar{display:flex;flex-direction:column;overflow:auto}
.workspace-tab .hm-sidebar h2{font-size:15px;margin:0 0 8px}
.workspace-tab .hm-sidebar-heading{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:8px;flex-shrink:0}
.workspace-tab .hm-sidebar-heading h2{margin:0}.workspace-tab .hm-sidebar-heading button{font-size:12px;padding:4px 7px}
.workspace-tab .hm-filter-options{font-size:12px;margin-bottom:6px;flex-shrink:0}.workspace-tab .hm-filter-options>summary{font-size:12px}.workspace-tab .hm-filter-options .check{font-size:12px}
.workspace-tab .hm-sidebar .hm-tools{display:flex;flex-direction:column;align-items:stretch;margin:0 0 8px;gap:8px}
.workspace-tab .hm-sidebar .hm-tools label{width:100%;min-width:0}
.workspace-tab .hm-browse-options{display:block;font-size:12px}
.workspace-tab .hm-browse-options details{max-width:none}
.workspace-tab .hm-browse-options .check{max-width:none;font-size:12px}
.workspace-tab .hm-sidebar .hm-list{flex:1;min-height:100px;max-height:none;border-top:1px solid var(--line)}
.workspace-tab .hm-detail{overflow:auto;max-height:none}
.workspace-tab .hm-shell:not(:has(.hm-columns)){margin:10px;width:auto;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.workspace-tab input,.workspace-tab select,.workspace-tab textarea{background:var(--field);color:var(--text)}
.workspace-tab :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@container agpage (max-width:800px){
 .workspace-tab .qh-layout,.workspace-tab .hm-columns{grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr)}
 .workspace-tab .qh-sidebar,.workspace-tab .qh-reading,.workspace-tab .qh-empty,.workspace-tab .hm-sidebar,.workspace-tab .hm-detail{padding:12px}
 .workspace-tab .qh-question{font-size:18px}
}
@container agpage (max-width:600px){
 .workspace-tab .qh-main,.workspace-tab .hm-shell:has(.hm-columns){display:block;overflow:auto}
 .workspace-tab .qh-layout,.workspace-tab .hm-columns{display:flex;flex-direction:column;gap:10px}
 .workspace-tab .qh-sidebar{max-height:40dvh;margin:0;flex:none}
 .workspace-tab .qh-reading,.workspace-tab .qh-empty,.workspace-tab .hm-detail{overflow:visible;flex:none}
 .workspace-tab .hm-sidebar{max-height:none;flex:none}
 .workspace-tab .hm-sidebar .hm-list{max-height:30dvh;min-height:130px;flex:auto}
 .workspace-tab .qh-heading{align-items:start;flex-wrap:wrap}
 .workspace-tab button,.workspace-tab .qh-reading-actions a{min-height:40px}
 .app-project .design-summary{margin:8px;padding:14px}
}

/* CR153 mobile: navigation stays on one scrollable row; reading starts earlier. */
@media(max-width:600px){.app-project .design-navigation .workspace-steps button{flex:0 0 auto;white-space:nowrap}.workspace-tab .qh-heading{display:flex;flex-wrap:nowrap;gap:8px;align-items:start}.workspace-tab .qh-heading h1{font-size:20px}.workspace-tab .qh-heading p{font-size:12px}.workspace-tab .qh-sidebar{max-height:34dvh}.workspace-tab .qh-reading-actions{display:flex;gap:6px}.workspace-tab .qh-reading-actions a{min-height:32px}.workspace-tab .qh-reading-head .tag{font-size:12px}}
.spec-first-draft{max-width:86ch;margin-inline:auto}.first-spec-requirement{padding:1rem 0;border-top:1px solid var(--border)}.first-spec-requirement p{margin:.4rem 0}.spec-first-draft .change-card>.change-card{margin-top:1rem}
/* CR171 : la navigation appartient à l’outil ouvert. */
.tool-sidebar h2{font-size:14px;margin:8px 0 14px}.tool-sidebar h2:not(:first-child){margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.tool-sidebar nav{display:grid;gap:7px;margin:14px 0}.tool-sidebar label{display:block;font-size:12px;margin:16px 0 5px}.tool-sidebar input,.tool-sidebar select{width:100%;min-width:0}
.tool-sidebar .tool-list-item{width:100%;text-align:left;white-space:normal;display:flex;flex-direction:column;gap:5px;padding:10px 12px;line-height:1.45;border-radius:8px}
.tool-list-item span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.tool-list-item small{font-size:11px;font-weight:400;color:var(--muted)}
.tool-sidebar button[aria-current]{background:var(--raised);border-color:var(--accent);color:var(--text)}
.tool-sidebar .document-entry{display:flex;align-items:center;gap:3px}.tool-sidebar .document-select{flex:1;min-width:0}
.tool-reference{padding:18px;min-width:0;overflow-wrap:anywhere}.tool-reference .row{align-items:start}.tool-reference h2{font-size:16px}.tool-reference h3{font-size:14px;margin-top:24px}.tool-reference .reference-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:18px 0}.tool-reference button{white-space:normal;text-align:left}.tool-reference .reference-tabs button{font-size:12px}.tool-reference button[aria-current]{background:var(--raised);border-color:var(--accent)}.tool-reference details{margin:12px 0}.tool-reference details button{display:block;margin:8px 0}
.tool-workspace .decision-detail{margin-top:28px;padding:22px 0 0;border-top:1px solid var(--line);width:auto;min-width:0}.tool-workspace .decision-detail h2{font-size:18px}
.tool-workspace .framing-reading-topic{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.tool-workspace .framing-reading-topic h3{font-size:14px;margin-top:22px}.tool-workspace .document-topic-links{margin:12px 0}.tool-workspace .document-topic-links button{display:block;margin:6px 0}
.tool-workspace .reflection-page>header{margin-bottom:20px}.tool-workspace .reflection-page>header>button{font-size:12px}.tool-workspace .documents-center>.row{gap:14px;flex-wrap:wrap}.tool-workspace .documents-center h1{overflow-wrap:anywhere}

/* CR172 : poursuivre la lecture au bas du passage, sans remonter. */
.reader-pagination-bottom{margin-top:24px;padding-top:14px;border-top:1px solid var(--line)}
.reader-pagination button{min-height:36px}
@media(max-width:799px){.reader-pagination button{min-height:44px}.reader-pagination{gap:10px}}