/* Papier & Encre sur les écrans de l'application native. Les identifiants et
   états existants restent pilotés par les scripts de collecte. */
body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);background:var(--surface);color:var(--ink)}
button,input,textarea,select{font-family:var(--font-body);font-size:var(--text-body)}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);color:var(--ink)}
a{color:var(--accent-ink)}
.app-header{position:sticky;top:0;z-index:30;min-height:var(--space-16);height:auto;padding:var(--space-3) var(--gutter);background:var(--surface-raised);border-bottom:1px solid var(--line)}
.brand{color:var(--ink);gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-logo-mobile);white-space:nowrap}
.brand .monogram{display:none}
.brand strong{font:inherit;color:var(--accent-ink)}
.private-badge{font-size:var(--text-small)}
.app-layout{grid-template-columns:minmax(0,16.5rem) minmax(0,1fr);min-height:calc(100vh - var(--space-16))}
.sidebar{background:var(--surface-sunken);padding:var(--space-8) var(--space-6)}
.sidebar-title h2{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--display-weight)}
.workspace{max-width:var(--container);padding:var(--space-8) var(--gutter) var(--space-16)}
.account-page{max-width:var(--container);padding-block:var(--space-12) var(--space-16)}
.auth-page{max-width:42rem}
.eyebrow,.small-label{font-size:var(--text-small);color:var(--accent-ink);letter-spacing:.08em;font-weight:700}
.workspace h1,.account-page h1{font-size:var(--text-h2);color:var(--ink)}
.workspace h2,.account-page h2{color:var(--ink)}
.intro{font-size:var(--text-lead);line-height:1.55;color:var(--ink-muted)}
.button,.outline-button,.provider-button,.quiet-button,.icon-button,.text-action,.workflow-step{min-height:var(--control-height-sm);font-size:var(--text-control)}
.button{min-height:var(--control-height);background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:var(--radius-control)}
.button:hover{background:var(--deep);color:var(--on-deep)}
.outline-button,.provider-button{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--accent-ink)}
.quiet-button,.text-action{color:var(--accent-ink)}
.welcome-card,.question-card,.draft-create-card,.book-format-card,.record-card,.dropzone{border-radius:var(--radius-card);background:var(--surface-raised)}
.question-card{max-width:none;box-shadow:none;border:0;border-radius:0;background:transparent;padding:var(--space-6) 0 0;overflow:visible}
.question-card h2{font-size:var(--text-question);line-height:1.2;color:var(--ink)}
.question-hint,.question-card p,.welcome-card p,.manual-panel p,.account-page p{font-size:var(--text-body)}
.question-section{font-size:var(--text-small);color:var(--accent-ink)}
.guide-panel{max-width:var(--measure);margin-inline:auto;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6)}
.guide-topbar{padding:var(--space-4) 0;border-color:var(--line)}
.guide-status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2) var(--space-4);width:100%}
.guide-status>#guide-status-label{grid-column:1;grid-row:1;font-size:var(--text-body)}
.guide-status>#guide-percent{grid-column:2;grid-row:1;justify-self:end;font-family:var(--font-display);font-size:var(--text-h3);color:var(--accent-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.guide-status>.guide-progress-details{grid-column:1/-1;grid-row:2;width:100%;margin:0}
.guide-progress-details>summary{color:var(--accent-ink);font-size:var(--text-small);text-decoration:underline;text-underline-offset:.2em;min-height:var(--control-height-sm)}
.guide-progress-details[open]>summary{min-height:var(--control-height-sm)}
.guide-status>.guide-complete-check{display:none}
.guide-answer-modes{border:0;gap:var(--space-2);overflow:visible}
.guide-answer-modes>button{min-height:var(--control-height);border:1px solid var(--control-border);border-radius:var(--radius-control);color:var(--accent-ink);font-size:var(--text-body);background:var(--surface-raised)}
.guide-answer-modes>button+button{border-left:1px solid var(--control-border)}
.guide-answer-modes>button[aria-selected=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}
.guide-voice-controls{padding:var(--space-6);background:var(--surface);border:1px solid var(--line)}
.guide-voice-controls h3{font-size:var(--text-h3)}
.guide-voice-controls .button{width:100%}
.question-freedom{text-align:center}
.question-freedom button{min-height:var(--control-height-sm)}
.workflow-steps{gap:var(--space-2);margin-block:var(--space-8)}
.workflow-step{border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--ink);padding:var(--space-3)}
.workflow-step.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
.workflow-step span{color:inherit}
.account-page .welcome-card{border-radius:var(--radius-card);padding:var(--space-8)}
.account-page input,.account-page textarea,.question-card textarea,.workspace input:not([type=checkbox]):not([type=radio]){min-height:var(--control-height);border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--ink);font-size:var(--text-body)}
.account-page label,.question-card label{font-size:var(--text-body)}
.account-page .provider-button{font-size:var(--text-body)}
.auth-mode button,.password-input button{min-height:var(--control-height-sm);font-size:var(--text-body)}
.auth-mode button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}
.book-format-card h3{font-size:var(--text-h3)}
.book-format-card p,.book-format-card li,.checkout-next p{font-size:var(--text-body)}
.book-section{background:var(--surface-raised);color:var(--ink)}
.book-section p{font-size:var(--text-body)}
.book-section h2,.book-section h3{color:var(--ink)}
.book-cover{background:var(--book-bg);color:var(--book-ink);box-shadow:var(--shadow-book)}
.workspace :focus-visible,.account-page :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:760px){
 .app-header{padding-inline:var(--gutter)}
 .app-layout{display:block}
 .sidebar{border-right:0;border-bottom:1px solid var(--line);padding:var(--space-4) var(--gutter)}
 .sidebar-bottom{display:none}
 .workspace{padding:var(--space-8) var(--gutter) var(--space-12)}
 .account-page{width:auto;margin-inline:var(--gutter);padding-block:var(--space-8)}
 .workflow-steps{display:grid;grid-template-columns:1fr;gap:var(--space-2)}
 .workflow-step{display:flex;flex-direction:row;gap:var(--space-3);align-items:center;justify-content:flex-start;text-align:left;font-size:var(--text-body);line-height:1.3;overflow-wrap:anywhere}
 .guide-panel{max-width:100%;padding:var(--space-4)}
 .guide-answer-modes{flex-direction:column}
 .guide-answer-modes>button{width:100%}
 .question-card{min-width:0}
 .account-page .welcome-card{padding:var(--space-6)}
}
@media(min-width:761px){
 .guide-panel{max-width:var(--container)}
 .question-card{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
 .question-explanation{border-right:0;padding-right:0}
 .question-card h2,.question-hint,.guide-voice-controls p{max-width:var(--measure)}
}
#new-project{border:1px solid var(--accent);background:var(--surface-raised);color:var(--accent-ink)}
#new-project:hover{background:var(--accent-soft)}