.project-heading{margin-bottom:25px}.project-heading h1{font-size:var(--text-h2)}.project-heading .intro{font-size:var(--text-small);margin-top:10px}.guide-panel{background:var(--surface-raised);border:1px solid var(--line);border-radius:14px;padding:28px 30px;box-shadow:0 6px 24px var(--deep)}.guide-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.guide-progress-heading .small-label{font-size:var(--text-small);letter-spacing:.09em}.guide-progress-heading p{font-size:var(--text-small);color:var(--accent);margin-top:4px}.guide-progress-heading>strong{font:var(--text-page-title) var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums}.guide-panel progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:10px;border:0;border-radius:8px;margin-top:17px;background:var(--surface-sunken);overflow:hidden;accent-color:var(--accent)}.guide-panel progress::-webkit-progress-bar{background:var(--surface-sunken);border-radius:8px}.guide-panel progress::-webkit-progress-value{background:var(--accent);border-radius:8px;transition:width .35s}.guide-panel progress::-moz-progress-bar{background:var(--accent);border-radius:8px}.guide-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:4px}.guide-progress-meta>p{font-size:var(--text-small);color:var(--ink-muted);line-height:1.6}.guide-progress-meta .quiet-button{font-size:var(--text-small);white-space:nowrap}.guide-sections{display:flex;flex-wrap:wrap;gap:7px;padding:11px 0 21px}.guide-section-chip{padding:9px 12px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--accent);font-size:var(--text-small);display:flex;align-items:center;gap:9px;min-height:42px}.guide-section-chip.selected{background:var(--accent-soft);border-color:var(--control-border)}.guide-section-chip small{font-size:var(--text-small);color:var(--ink-muted)}.question-card{padding-top:28px;margin-top:14px;border-top:1px solid var(--line)}.question-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.question-section{color:var(--accent);font-size:var(--text-small)}.optional-label{font-size:var(--text-small);color:var(--ink-muted);border:1px solid var(--line);padding:3px 9px;border-radius:20px}.question-card h2{font-size:var(--text-h2);line-height:1.24;letter-spacing:-.5px;max-width:750px}.question-hint{font-size:var(--text-small);color:var(--ink-muted);line-height:1.7;margin-top:14px;max-width:730px}.guide-voice-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:25px}.guide-voice-controls .button{min-height:52px;font-size:var(--text-small);padding:14px 22px}.guide-voice-controls svg{width:21px;height:21px}.question-freedom{margin-top:24px;padding-top:12px;border-top:1px solid var(--line);display:flex;gap:13px 25px;flex-wrap:wrap}.question-freedom .quiet-button{font-size:var(--text-small);font-weight:400;color:var(--ink-muted);text-decoration:none}.question-freedom .quiet-button:hover{color:var(--accent);text-decoration:underline}.guide-panel #guide-toggle-text{margin-top:10px;font-size:var(--text-small)}.guide-panel textarea,#guide-edit-text{width:100%;font:var(--text-small)/1.7 var(--font-body);padding:14px;border:1px solid var(--on-deep-muted);background:var(--surface-raised);border-radius:6px;color:var(--ink);resize:vertical;min-height:84px}.guide-panel textarea:focus-visible,#guide-edit-text:focus-visible{outline:3px solid var(--focus);outline-offset:4px}#guide-text-form{margin-top:12px;max-width:730px}#guide-text-form button{margin-top:10px}#guide-context{margin:20px 0 0;padding:15px 18px;background:var(--surface);border-left:2px solid var(--control-border);font:var(--text-body)/1.7 var(--font-display);color:var(--ink-muted)}.guide-choices{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.guide-state{text-align:center;border-top:1px solid var(--line);margin-top:25px;padding:32px 10px 10px}.guide-state .loading-spinner{margin:0 auto 22px}.guide-state h2{font-size:var(--text-page-title);line-height:1.3}.guide-state p{font-size:var(--text-small);line-height:1.7;color:var(--ink-muted);max-width:650px;margin:15px auto 22px}.saved-check{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:var(--accent-soft);color:var(--success);font-size:var(--text-h3);margin:0 auto 18px}.guide-next-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:21px}.guide-story{margin-top:20px;border:1px solid var(--line);border-radius:8px;padding:17px 21px;background:var(--surface)}.guide-story summary{font-size:var(--text-small);color:var(--accent);cursor:pointer;min-height:25px}.guide-analysis-note{font-size:var(--text-small);line-height:1.7;color:var(--ink-muted);margin:16px 0}.guide-analysis-note button{margin-left:12px}.recap-section{margin:23px 0}.recap-section h3,#guide-timeline h3{font:var(--text-h3)/1.3 var(--font-display);font-weight:400;color:var(--accent);margin:0 0 16px}.recap-answer{padding:18px;background:var(--surface-raised);border:1px solid var(--line);border-radius:6px;margin:12px 0}.recap-answer>strong{font-size:var(--text-small);color:var(--accent);font-weight:500}.recap-answer>p{font-size:var(--text-small);white-space:pre-wrap;line-height:1.8;margin:11px 0;color:var(--ink);overflow-wrap:anywhere}.recap-answer audio{width:100%;height:42px;display:block;margin-top:7px}.recap-empty{font-size:var(--text-small);margin-top:15px;color:var(--ink-muted)}.collection-divider{margin:34px 0 22px}.collection-divider h2{font-size:var(--text-h3)}.collection-divider p{font-size:var(--text-small);color:var(--ink-muted);margin-top:8px}.guide-photo-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.guide-photo-choice{border:1px solid var(--line);border-radius:6px;background:var(--accent-soft);padding:0;overflow:hidden;text-align:left;color:var(--accent)}.guide-photo-choice img{width:100%;height:115px;object-fit:cover;display:block}.guide-photo-choice span{font-size:var(--text-small);display:block;padding:9px 11px;overflow-wrap:anywhere}.guide-photo-controls .button{margin-top:23px}.guide-ai-review{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.guide-ai-review>strong{font-size:var(--text-small);color:var(--accent);font-weight:500}.guide-ai-review>p{font-size:var(--text-small);color:var(--ink-muted);margin:7px 0 17px}.guide-proposal{padding:18px;border:1px solid var(--line);border-radius:6px;margin-top:12px}.guide-proposal>strong{font-size:var(--text-small);font-weight:500;color:var(--accent)}.guide-proposal>p{font-size:var(--text-small);margin:8px 0 6px}.guide-proposal>small{display:block;font-size:var(--text-small);color:var(--ink-muted)}.guide-proposal>button{margin-top:13px;font-size:var(--text-small);min-height:43px}.guide-timeline-row{display:grid;grid-template-columns:140px 1fr;gap:18px;font-size:var(--text-small);border-left:2px solid var(--control-border);padding:9px 0 9px 16px}.guide-timeline-row strong{font-weight:500;color:var(--accent)}.guide-tags{margin:20px 0}.guide-tags summary{font-size:var(--text-small);cursor:pointer;color:var(--accent)}.guide-tags>p{font-size:var(--text-small);color:var(--ink-muted);margin-top:12px}.guide-tag{display:flex;align-items:start;gap:10px;font-size:var(--text-small);margin:15px 0}.guide-tag input{width:18px;height:18px;min-height:0;flex:none;margin:2px 0 0;accent-color:var(--accent)}.guide-panel button:disabled{cursor:wait}#guide-photo-controls>.button{margin-top:24px}
@media(max-width:760px){.guide-panel{padding:22px 21px;border-radius:11px}.guide-progress-heading .small-label{font-size:var(--text-small)}.guide-progress-heading p{font-size:var(--text-small)}.guide-progress-heading>strong{font-size:var(--text-question)}.guide-progress-meta{align-items:start;gap:10px}.guide-progress-meta>p{font-size:var(--text-small);margin-top:11px}.guide-progress-meta .quiet-button{font-size:var(--text-small)}.question-card{padding-top:22px}.question-card h2{font-size:var(--text-book-cover);letter-spacing:-.3px}.question-hint{font-size:var(--text-small);margin-top:12px}.guide-voice-controls{gap:10px;margin-top:21px}.guide-voice-controls>.button{width:100%;font-size:var(--text-small)}.guide-next-actions{flex-direction:column;align-items:stretch}.guide-state{padding:28px 0 7px}.guide-state h2{font-size:var(--text-question)}.guide-state p{font-size:var(--text-small)}.question-freedom{gap:4px 17px;margin-top:20px}.question-freedom .quiet-button{font-size:var(--text-small)}.guide-story{padding:16px}.guide-photo-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-timeline-row{grid-template-columns:100px 1fr;gap:10px;font-size:var(--text-small)}.project-heading .intro{font-size:var(--text-small)}.guide-choices{flex-direction:column}.guide-choices>button{width:100%}}
@media(prefers-reduced-motion:reduce){.guide-panel progress::-webkit-progress-value{transition:none}}
.proposal-source{margin:10px 0;padding:10px 13px;background:var(--surface);border-left:2px solid var(--control-border);font-size:var(--text-small);line-height:1.7;color:var(--ink-muted);overflow-wrap:anywhere}
.guide-navigation{display:flex;gap:10px 24px;flex-wrap:wrap;align-items:center;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.guide-navigation .quiet-button{font-size:var(--text-small)}.guide-navigation button:disabled{opacity:.4;cursor:default}.question-freedom>span{font-size:var(--text-small);align-self:center;color:var(--ink-muted)}.book-formats{margin-top:30px;padding:28px 30px;background:var(--surface-raised);border:1px solid var(--line);border-radius:14px;scroll-margin-top:30px}.book-formats>h2{font-size:var(--text-page-title);line-height:1.3;margin-top:13px;color:var(--accent)}.format-intro{font-size:var(--text-small);line-height:1.8;color:var(--ink-muted);max-width:800px;margin:15px 0 23px}.book-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.book-format-card{border:1px solid var(--line);border-radius:9px;padding:24px;display:flex;flex-direction:column}.book-format-card.selected{border-color:var(--accent);background:var(--accent-soft)}.format-symbol{font:var(--text-path) var(--font-display);color:var(--accent);display:grid;place-items:center;width:57px;height:68px;background:var(--surface-sunken);border:1px solid var(--on-deep-muted);border-radius:3px;box-shadow:3px 3px 0 var(--line);margin-bottom:21px}.book-format-card h3{font-size:var(--text-question);color:var(--accent);margin-bottom:12px}.book-format-card p,.book-format-card li{font-size:var(--text-small);color:var(--ink-muted);line-height:1.7}.book-format-card ul{padding-left:20px;margin:16px 0 23px;flex:1}.book-format-card button{width:100%;font-size:var(--text-small)}.format-selection,#guide-format-status{font-size:var(--text-small);line-height:1.7;color:var(--accent);margin-top:17px}.checkout-next{background:var(--surface);border-radius:8px;padding:21px;margin-top:24px}.checkout-next strong{font-size:var(--text-small);color:var(--accent)}.checkout-next p{font-size:var(--text-small);line-height:1.8;color:var(--ink-muted);margin:12px 0 18px}.checkout-next button:disabled{opacity:.55;cursor:default}.checkout-next button:disabled:hover{transform:none}.checkout-next #checkout-explanation{font-size:var(--text-small);margin-bottom:0}.skipped-questions{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.skipped-questions h3{font-size:var(--text-h3);color:var(--accent)}.skipped-questions>p{font-size:var(--text-small);color:var(--ink-muted);margin:8px 0}.skipped-questions .quiet-button{display:block;text-align:left;font-size:var(--text-small)}
@media(max-width:760px){.book-formats{padding:23px 21px}.book-formats>h2{font-size:var(--text-question)}.book-format-grid{grid-template-columns:1fr}.book-format-card{padding:22px}.guide-navigation{gap:5px 17px}.guide-navigation .quiet-button{min-height:44px}.question-freedom>span{font-size:var(--text-small)}.checkout-next{padding:18px}}

.completion-overview{border-top:1px solid var(--line);margin-top:22px;padding-top:25px}.completion-overview h2{font-size:var(--text-h2);line-height:1.22;margin:14px 0}.completion-overview>p{line-height:1.7}.completion-note{font-size:var(--text-small);color:var(--ink-muted);margin:13px 0}.completion-overview .guide-next-actions{justify-content:flex-start}.completion-group{margin-top:24px}.completion-group h3{font:var(--text-path) var(--font-display);color:var(--accent);margin-bottom:10px}.completion-task{display:block;width:100%;text-align:left;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:7px;padding:13px 16px;margin-top:8px;font:var(--text-small)/1.5 var(--font-body);min-height:48px}.completion-task:hover{border-color:var(--accent)}

.manual-review{margin-top:1.25rem;padding:1.1rem;border:1px solid var(--surface-sunken);border-radius:12px;background:var(--surface-raised);display:grid;gap:.65rem}.manual-review label{font-size:var(--text-body);font-weight:600}.manual-review textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:5rem;padding:.8rem;border:1px solid var(--line);border-radius:8px;font:inherit;line-height:1.55;background:var(--surface-raised);color:var(--ink)}.manual-review textarea:focus{outline:2px solid var(--success);outline-offset:2px}.manual-review-actions{display:flex;gap:.65rem;flex-wrap:wrap}.manual-review-feedback{font-size:var(--text-small);line-height:1.5;margin:0;min-height:1.5em}.manual-review details p{white-space:pre-wrap;overflow-wrap:anywhere}.manual-review .quiet-button{justify-self:start}.manual-review button:disabled{opacity:.55;cursor:default}
.question-title-tail{white-space:nowrap}

/* Question workspace: explanations on the left, one input mode on the right. */
.guide-panel{container-type:inline-size}
.guide-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.guide-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0;flex:1}.guide-status>strong{font:600 var(--text-small)/1.5 var(--font-body);color:var(--ink)}
.guide-complete-check{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--success);font-size:var(--text-body)}
.guide-topbar>.quiet-button{flex:none;margin:0;padding:5px 0;min-height:44px;font-size:var(--text-small)}
.guide-progress-details{font:var(--text-small)/1.6 var(--font-body);color:var(--ink-muted)}.guide-progress-details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;padding:4px 0}.guide-progress-details>summary::before{content:'⌄'}.guide-progress-details[open]{flex-basis:100%}.guide-progress-details[open]>summary{min-height:32px}.guide-progress-details>p{margin:8px 0 0;font-size:var(--text-small);line-height:1.6}.guide-progress-details .guide-progress-heading{gap:12px}.guide-progress-details .guide-progress-heading p{margin:0;font-size:var(--text-small)}.guide-progress-details .guide-progress-heading>strong{font-size:var(--text-h3)}.guide-progress-details progress{height:6px;margin-top:10px}
.question-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin:0;padding-top:26px;border:0;align-items:start}
.question-explanation{min-width:0;border-right:1px solid var(--line);padding-right:28px}.question-answer{min-width:0}.question-top{justify-content:flex-start;flex-wrap:wrap;gap:6px 12px;margin-bottom:16px}.question-section{font:600 var(--text-small)/1.5 var(--font-body);text-transform:uppercase;letter-spacing:.07em}.optional-label{border:0;border-radius:0;padding:0;font-size:var(--text-small);line-height:1.5}.optional-label::before{content:'·';margin-right:10px;color:var(--ink-muted)}.question-card h2{font-size:var(--text-h2);line-height:1.25;letter-spacing:-.3px}.question-hint{margin:16px 0 0;font-size:var(--text-small);line-height:1.65}
.guide-context-details{margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}.guide-context-details>summary{color:var(--accent);font:var(--text-small)/1.5 var(--font-body);cursor:pointer;min-height:44px;padding:8px 0}.guide-context-details #guide-context{font:var(--text-small)/1.65 var(--font-display);margin:8px 0 0;padding:12px;background:var(--accent-soft);overflow-wrap:anywhere}
.guide-input-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:18px}.guide-answer-modes{display:flex;flex:1;min-width:190px;border:1px solid var(--control-border);border-radius:6px;overflow:hidden}.guide-answer-modes>button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;color:var(--accent);background:transparent;font:600 var(--text-small)/1.4 var(--font-body)}.guide-answer-modes>button+button{border-left:1px solid var(--control-border)}.guide-answer-modes>button[aria-selected="true"]{background:var(--accent);color:var(--surface-raised)}.guide-answer-modes>button:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}.guide-answer-modes svg,.voice-mode-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#guide-text-form{margin:0;max-width:none}#guide-text-form label{margin:0 0 10px;font-size:var(--text-small);font-weight:600}#guide-text{min-height:210px;box-sizing:border-box;font-size:var(--text-body);line-height:1.65}#guide-text-form #guide-save-text{margin-top:18px;min-height:48px;padding:13px 18px;font-size:var(--text-small)}
.guide-voice-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:315px;margin:0;padding:24px 18px;background:var(--accent-soft);border-radius:6px;text-align:center}.voice-mode-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--surface-raised);color:var(--accent)}.voice-mode-icon svg{width:28px;height:28px}.guide-voice-controls h3{font:var(--text-question)/1.3 var(--font-display);color:var(--accent)}.guide-voice-controls p{font:var(--text-small)/1.65 var(--font-body);color:var(--ink-muted);max-width:35ch;margin:0}.guide-voice-controls>.button{font-size:var(--text-small);margin-top:4px;padding:13px 18px}
.question-freedom{margin-top:12px;padding-top:0;border:0;justify-content:flex-end}.question-freedom .quiet-button{color:var(--accent);font-size:var(--text-small);text-decoration:underline}.question-answer>.form-error:empty{display:none}
.guide-navigation{display:block;margin-top:20px;padding-top:12px}.guide-navigation>summary{display:flex;align-items:center;gap:8px;color:var(--ink-muted);cursor:pointer;min-height:44px;font:var(--text-small)/1.5 var(--font-body)}.guide-navigation>summary::before{content:'⌄'}.guide-navigation-actions{display:flex;gap:6px 24px;flex-wrap:wrap}.guide-panel button:disabled{cursor:default}
@container(max-width:620px){.question-card{grid-template-columns:minmax(0,1fr);gap:24px}.question-explanation{border-right:0;padding-right:0}.question-card h2{max-width:700px}.guide-context-details{margin-top:18px;padding-top:6px}}
@media(max-width:600px){.guide-topbar{flex-wrap:wrap;gap:4px;padding-bottom:14px}.guide-status{flex-basis:100%;gap:6px 9px}.guide-status>strong{font-size:var(--text-small)}.guide-status .guide-progress-details{flex-basis:100%}.guide-progress-details>summary{min-height:36px}.guide-topbar>.quiet-button{font-size:var(--text-small)}.question-card{padding-top:22px;gap:22px}.question-card h2{font-size:var(--text-book-cover)}.question-hint{font-size:var(--text-small);margin-top:12px}.question-top{margin-bottom:12px}.guide-input-tools{gap:4px}.guide-answer-modes{flex-basis:100%}.guide-voice-controls{min-height:300px}.guide-voice-controls>.button{width:auto;max-width:100%}.guide-navigation-actions{gap:4px 16px}.question-freedom{justify-content:flex-start}#guide-text-form #guide-save-text{width:100%;font-size:var(--text-small)}.guide-complete-check{width:28px;height:28px}}

.question-hint{font-family:var(--font-body)}
@media(max-width:600px){.guide-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative;gap:2px 10px}.guide-status{display:contents}.guide-status>strong{grid-column:1/-1;min-height:32px;display:flex;align-items:center}.guide-status:has(#guide-complete-check:not([hidden]))>strong{padding-left:37px}.guide-complete-check{position:absolute;top:2px;left:0}.guide-status .guide-progress-details{grid-row:2;grid-column:1;font-size:var(--text-small)}.guide-status .guide-progress-details[open]{grid-row:3;grid-column:1/-1}.guide-topbar>.quiet-button{grid-row:2;grid-column:2;align-self:center;white-space:nowrap}.guide-progress-details>summary{min-height:44px}}

.question-answer .guide-photo-picker{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Keep secondary actions visible below the answer. */
.question-hint{white-space:pre-line}
.guide-navigation{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}
.guide-navigation-actions .quiet-button{min-height:44px}


.guide-story-modes{display:flex;border:1px solid var(--control-border);border-radius:6px;overflow:hidden;margin:18px 0;max-width:460px}.guide-story-modes button{flex:1;padding:12px;color:var(--accent);background:transparent;font:600 var(--text-small)/1.4 var(--font-body)}.guide-story-modes button+button{border-left:1px solid var(--control-border)}.guide-story-modes button[aria-pressed="true"]{background:var(--accent);color:var(--surface-raised)}

.guide-input-tools>.guide-story-modes{flex-basis:100%;max-width:none;margin:0 0 8px}.guide-story-modes button{min-height:48px}#guide-story-modes-slot{margin-bottom:18px}
.source-review{margin-block:var(--space-8);padding:var(--space-6);border:var(--border-card) solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised)}
.source-review>p{margin-block:var(--space-4)}
.source-review-issue{padding-block:var(--space-6);border-top:var(--border-card) solid var(--line);margin-top:var(--space-6);overflow-wrap:anywhere}
.source-review-issue blockquote{margin:var(--space-4) 0;padding:var(--space-4);background:var(--surface-sunken);color:var(--ink)}
.source-review-issue audio,#transcript-player,#guide-edit-audio{display:block;width:100%;max-width:100%;margin-block:var(--space-4)}
.source-review-issue .jp-btn{min-height:var(--touch-min)}

.jp-photo-link{margin-block:var(--space-6);padding:var(--space-4);border:var(--border-card) solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised)}
.jp-photo-link form{display:grid;gap:var(--space-3);margin-block:var(--space-4)}
.jp-photo-link p{overflow-wrap:anywhere}
.jp-photo-link summary{min-height:var(--touch-min);padding-block:var(--space-2);cursor:pointer}
#guide-existing-photos .guide-photo-choice{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-3)}
#guide-existing-photos .guide-photo-choice button{margin-inline:var(--space-3);min-height:var(--touch-min);font-size:var(--text-small);white-space:normal;text-align:left}