.guide-layout{max-width:800px;margin:0 auto;padding:40px 24px 80px}.page-toc{position:fixed;left:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transition:opacity .3s;z-index:50}.page-toc.visible{opacity:1;pointer-events:auto}.page-toc a{font-size:.9rem;color:var(--text-muted);padding:6px 12px;border-left:2px solid transparent;transition:color .2s,border-color .2s;text-decoration:none}.page-toc a:hover{color:var(--text);text-decoration:none}.page-toc a.active{color:var(--brand-start);border-left-color:var(--brand-start)}.guide-content section{padding:48px 0;border-bottom:1px solid var(--border)}.guide-content section:first-child{padding-top:0}.guide-content section:last-child{border-bottom:none}.guide-content h1{font-size:2rem;margin-bottom:8px}.guide-content h2{font-size:1.6rem;margin-bottom:8px;text-align:left}.section-intro{color:var(--text-muted);margin-bottom:32px;font-size:1.05rem}.steps-visual,.screen-aware-how{display:flex;flex-direction:column;gap:16px}.step-card{display:flex;gap:16px;align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.step-number{width:32px;height:32px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.step-body h3{font-size:1rem;margin-bottom:4px}.step-body p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.perm{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text)}.perm.optional{color:var(--text-muted)}.perm svg{color:var(--brand-start);flex-shrink:0}.mode-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.mode-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.mode-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mode-header.dictation svg{color:var(--brand-start)}.mode-header.command svg{color:#a855f7}.mode-header h3{font-size:1.1rem}.mode-tagline{color:var(--text-muted);font-size:.9rem;margin-bottom:12px}.mode-detail{font-size:.85rem;margin-bottom:6px;color:var(--text-muted)}.mode-detail strong{color:var(--text)}.mode-examples{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.example{font-size:.85rem;margin-bottom:6px;color:var(--text-muted)}.example .ex-label{font-weight:600;color:var(--text);margin-right:4px}.example.result{color:var(--text)}.when-to-use h4{margin-bottom:12px}.use-pills{display:flex;flex-direction:column;gap:8px}.use-pill{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-size:.9rem;color:var(--text-muted)}.capture-modes{display:flex;flex-direction:column;gap:6px;margin-top:8px}.cap-mode{font-size:.85rem;color:var(--text-muted)}.info-box{background:#f2804d14;border:1px solid rgba(242,128,77,.2);border-radius:var(--radius);padding:14px 18px;font-size:.9rem;color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.setting-card h3{font-size:1rem;margin-bottom:12px}.setting-table{width:100%;font-size:.85rem;border-collapse:collapse}.setting-table td{padding:4px 8px 4px 0;color:var(--text-muted)}.setting-table td:first-child{color:var(--text);white-space:nowrap}.setting-group{margin-bottom:12px;font-size:.85rem}.setting-group strong{display:block;margin-bottom:4px}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{background:var(--bg-elevated);border-radius:4px;padding:2px 8px;font-size:.8rem;color:var(--text-muted)}.setting-list{list-style:none;font-size:.85rem}.setting-list li{margin-bottom:8px;color:var(--text-muted);line-height:1.4}.setting-list li strong{color:var(--text)}.setting-note{font-size:.85rem;color:var(--text-muted);margin-top:12px;font-style:italic}.per-app-table{display:flex;flex-direction:column;gap:8px}.app-row{display:grid;grid-template-columns:120px 120px 1fr;gap:12px;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:.9rem}.app-name{font-weight:600}.app-tone{color:var(--brand-start);font-weight:500}.app-desc{color:var(--text-muted)}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tip-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.tip-card h4{font-size:.95rem;margin-bottom:6px}.tip-card p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.guide-content .faq-list{display:flex;flex-direction:column;gap:8px}.guide-content details.faq-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.guide-content details.faq-item summary{font-weight:600;font-size:.95rem;cursor:pointer;list-style:none}.guide-content details.faq-item summary:before{content:"▸ ";color:var(--brand-start)}.guide-content details[open].faq-item summary:before{content:"▾ "}.guide-content details.faq-item p{margin-top:8px;color:var(--text-muted);font-size:.9rem;line-height:1.6}kbd{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.85rem;font-family:inherit}.subsection-title{font-size:1.1rem;margin-top:28px;margin-bottom:16px}.workspace-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cap-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;gap:12px;align-items:flex-start}.cap-icon{color:var(--brand-start);flex-shrink:0;margin-top:2px}.cap-card h4{font-size:.9rem;margin-bottom:4px}.cap-card p{font-size:.85rem;color:var(--text-muted);line-height:1.4}.interface-guide{display:flex;flex-direction:column;gap:8px}.interface-row{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:.85rem;color:var(--text-muted)}.interface-row strong{color:var(--text);margin-right:8px}@media(max-width:768px){.page-toc{display:none}.mode-compare,.settings-grid,.tips-grid,.permission-grid,.workspace-capabilities{grid-template-columns:1fr}}