.trouble-page .container{max-width:820px}.trouble-hero{text-align:center;padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.trouble-hero-icon{margin-bottom:var(--space-sm);color:var(--primary);justify-content:center;font-size:2.8rem;display:flex}.trouble-hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--space-sm);font-size:1.6rem;font-weight:800}.trouble-hero p{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:.85rem;line-height:1.6}.trouble-diag-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl);box-shadow:var(--elevation-1)}.trouble-diag-title{align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-sm);color:var(--primary);display:flex}.trouble-diag-steps{gap:var(--space-xs);flex-direction:column;display:flex}.trouble-diag-step{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);padding:5px 0;line-height:1.5;display:flex}.trouble-diag-num{width:22px;height:22px;font-size:var(--text-xs);font-weight:700;font-family:var(--font-mono);color:var(--primary);background:var(--primary-glow);border-radius:var(--radius-full);flex-shrink:0;place-content:center;margin-top:1px;display:grid}.trouble-section{margin-bottom:var(--space-xl)}.trouble-section-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);display:flex}.trouble-section-header h2{font-size:var(--text-base);color:var(--text);font-weight:700}.trouble-section-header .section-count{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;font-family:var(--font-mono);background:var(--surface-light);border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px 8px}.trouble-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-bottom:var(--space-sm);box-shadow:var(--elevation-1);transition:border-color .15s,box-shadow .15s;overflow:hidden}.trouble-item:hover{border-color:var(--primary);box-shadow:var(--elevation-2)}.trouble-item[open]{border-color:var(--primary)}.trouble-item[open] .trouble-summary{border-bottom:1px solid var(--border)}.trouble-summary{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--text-sm);color:var(--text);-webkit-user-select:none;user-select:none;font-weight:600;list-style:none;display:flex}.trouble-summary::-webkit-details-marker{display:none}.trouble-summary::marker{content:"";display:none}.trouble-summary-icon{flex-shrink:0;place-content:center;display:grid}.trouble-summary-icon.sev-critical{color:var(--error)}.trouble-summary-icon.sev-warning{color:var(--warning)}.trouble-summary-icon.sev-resolved{color:var(--success)}.trouble-summary-text{flex:1}.trouble-summary-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.trouble-item[open] .trouble-summary-chevron{transform:rotate(180deg)}.trouble-body{padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) + 28px);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.trouble-body p{margin-bottom:var(--space-sm)}.trouble-body p:last-child{margin-bottom:0}.trouble-body a{color:var(--primary);text-underline-offset:3px;font-weight:600;text-decoration:underline;transition:opacity .15s}.trouble-body a:hover{opacity:.8}.trouble-section-footer{text-align:center;margin-top:var(--space-sm);padding:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.trouble-section-footer a{color:var(--primary);text-underline-offset:3px;font-weight:600;text-decoration:underline}@media (width<=600px){.trouble-hero h1{font-size:var(--text-lg)}.trouble-hero p{font-size:var(--text-sm)}.trouble-diag-box{padding:var(--space-sm) var(--space-md)}.trouble-diag-step{font-size:var(--text-xs)}.trouble-section-header h2{font-size:var(--text-base)}.trouble-summary{font-size:var(--text-sm);padding:var(--space-sm)}.trouble-body{font-size:var(--text-sm);padding:var(--space-sm) var(--space-sm) var(--space-sm) calc(var(--space-sm) + 28px)}}
