.guide-hero,.manual-hero{max-width:1180px;margin:22px auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:18px;align-items:stretch}.guide-hero-copy,.guide-note,.guide-choice-card,.guide-principles,.manual-hero,.manual-section,.manual-toc{background:var(--surface,#fffaf3);border:1px solid var(--line,#ded3c5);border-radius:18px}.guide-hero-copy{padding:42px}.guide-hero h1,.manual-hero h1{font-size:clamp(2.1rem,5vw,4.4rem);line-height:.98;margin:12px 0 20px}.guide-hero p,.manual-hero p,.manual-section p{color:var(--muted,#6f645a);line-height:1.65}.guide-note{padding:28px;display:flex;flex-direction:column;justify-content:center}.guide-note strong{font-size:1.25rem;margin-bottom:10px}.guide-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:24px}.guide-flow span{padding:8px 12px;border-radius:999px;background:var(--surface2,#f3eadf);font-weight:800}.guide-flow b{color:var(--primary,#b63b20)}.guide-choice-section,.guide-start-section,.guide-principles{max-width:1180px;margin:18px auto}.guide-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-choice-card{overflow:hidden}.guide-choice-card img{width:100%;height:270px;object-fit:cover;object-position:top;display:block;background:#eee}.guide-choice-card--mobile img{object-fit:contain;padding:18px}.guide-choice-card>div{padding:24px}.guide-choice-card h3{font-size:1.5rem;margin:12px 0 8px}.guide-start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-start-card{display:flex;gap:14px;padding:18px;border:1px solid var(--line,#ded3c5);border-radius:14px;background:var(--surface,#fffaf3);color:inherit;text-decoration:none}.guide-start-card>span{font-size:1.55rem;color:var(--primary,#b63b20)}.guide-start-card b{font-size:1rem}.guide-start-card p{margin:5px 0 0;color:var(--muted,#6f645a);line-height:1.45}.guide-principles{padding:30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.guide-principles ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.guide-principles li{display:flex;align-items:center;gap:12px}.guide-principles li b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary,#b63b20);color:white}.manual-hero{padding:30px;grid-template-columns:1fr 1fr}.manual-hero img{width:100%;max-height:360px;object-fit:contain;object-position:top;border-radius:12px}.manual-back{display:inline-block;margin-bottom:16px;color:var(--primary,#b63b20);font-weight:800;text-decoration:none}.manual-toc{max-width:1180px;margin:14px auto;padding:14px 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;position:sticky;top:76px;z-index:4}.manual-toc a{color:inherit;text-decoration:none;padding:7px 10px;border-radius:9px;background:var(--surface2,#f3eadf)}.manual-section{max-width:1180px;margin:18px auto;padding:30px;scroll-margin-top:140px}.manual-section-head{margin-bottom:20px}.manual-section-head h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:7px 0}.manual-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.manual-feature-grid article{padding:18px;background:var(--surface2,#f7efe5);border-radius:12px}.manual-feature-grid h3{margin-top:0}.manual-tool-list{display:grid;gap:12px}.manual-tool-list article{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:20px;border:1px solid var(--line,#ded3c5);border-radius:14px;background:var(--surface2,#fff)}.manual-tool-list h3{margin:0 0 8px;font-size:1.25rem}.manual-tool-list p{margin:7px 0}.manual-tool-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--primary,#b63b20) 16%,var(--surface,#fffaf3));color:var(--primary,#b63b20);font-weight:900;font-size:1.15rem}.manual-screenshot-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}.manual-screenshot-row img{width:100%;height:280px;object-fit:contain;object-position:top;border:1px solid var(--line,#ded3c5);border-radius:12px;background:#f5efe7}.manual-screenshot-row--single{grid-template-columns:1fr}.manual-screenshot-row--single img{height:390px}.manual-workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.manual-workflow-grid article{padding:18px;border-radius:14px;background:var(--surface2,#f7efe5)}.manual-workflow-grid article>b{color:var(--primary,#b63b20);font-size:1.3rem}.manual-final-note{margin-top:18px;padding:20px;border-left:4px solid var(--primary,#b63b20);background:var(--surface2,#f7efe5)}

/* Night-mode readability for tutorial landing page and manuals.
   Use the canonical site tokens instead of light-theme fallbacks so cards,
   navigation chips, and tool blocks retain contrast in dark mode. */
html[data-theme="night"] .guide-hero-copy,
html[data-theme="night"] .guide-note,
html[data-theme="night"] .guide-choice-card,
html[data-theme="night"] .guide-principles,
html[data-theme="night"] .manual-hero,
html[data-theme="night"] .manual-section,
html[data-theme="night"] .manual-toc,
html[data-theme="night"] .guide-start-card{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="night"] .guide-flow span,
html[data-theme="night"] .manual-toc a,
html[data-theme="night"] .manual-feature-grid article,
html[data-theme="night"] .manual-tool-list article,
html[data-theme="night"] .manual-workflow-grid article,
html[data-theme="night"] .manual-final-note{background:var(--surface2);color:var(--ink)}
html[data-theme="night"] .guide-hero p,
html[data-theme="night"] .manual-hero p,
html[data-theme="night"] .manual-section p,
html[data-theme="night"] .guide-start-card p{color:var(--muted)}
html[data-theme="night"] .manual-tool-icon{background:color-mix(in srgb,var(--primary) 18%,var(--surface));color:var(--primary)}
html[data-theme="night"] .guide-choice-card img,
html[data-theme="night"] .manual-screenshot-row img{border-color:var(--line);background:#101417}

@media(max-width:900px){.guide-hero,.manual-hero,.guide-principles{grid-template-columns:1fr}.guide-choice-grid,.guide-start-grid{grid-template-columns:1fr}.manual-feature-grid{grid-template-columns:1fr}.manual-toc{position:static}.manual-screenshot-row{grid-template-columns:1fr}.manual-workflow-grid{grid-template-columns:1fr 1fr}.guide-choice-card img{height:220px}.manual-screenshot-row img,.manual-screenshot-row--single img{height:auto;max-height:520px}.guide-hero-copy{padding:28px}}
@media(max-width:560px){.guide-hero,.manual-hero,.guide-choice-section,.guide-start-section,.guide-principles,.manual-section,.manual-toc{margin-left:10px;margin-right:10px}.guide-hero-copy,.manual-hero,.manual-section,.guide-principles{padding:20px}.manual-tool-list article{grid-template-columns:1fr}.manual-workflow-grid{grid-template-columns:1fr}.manual-toc{overflow-x:auto;flex-wrap:nowrap}.manual-toc strong,.manual-toc a{white-space:nowrap}.guide-flow{gap:5px}.guide-flow span{font-size:.82rem;padding:6px 8px}.guide-choice-card--mobile img{height:300px}}