.sign-page{padding-block:var(--space-xl) var(--space-4xl)}.sign-breadcrumb{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;margin-block-end:var(--space-xl);display:flex}.sign-breadcrumb a{color:var(--color-link);font-weight:var(--weight-medium);text-decoration:none}.sign-breadcrumb a:hover{text-decoration:underline}.sign-breadcrumb span[aria-hidden=true]{color:var(--color-border)}.sign-hero{gap:var(--space-xl);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);grid-template-columns:1fr;align-items:center;margin-block-end:var(--space-3xl);display:grid}@media (width>=768px){.sign-hero{gap:var(--space-2xl);padding:var(--space-2xl);grid-template-columns:240px 1fr}}.sign-hero-visual{padding:var(--space-md);background:var(--color-surface-sunken);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);flex-direction:column;justify-content:center;align-items:center;display:flex}.sign-hero-visual img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 6px #0000001f);block-size:auto;max-inline-size:100%}.sign-hero-content{gap:var(--space-sm);flex-direction:column;display:flex}.sign-eyebrow-row{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.sign-badge{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);align-items:center;padding:.25rem .65rem;display:inline-flex}.badge-code{background:var(--color-primary);color:var(--color-text-inverse)}.badge-category{background:var(--color-surface-sunken);color:var(--color-text-secondary);border:1px solid var(--color-border)}.sign-hero h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:var(--leading-tight);color:var(--color-text);letter-spacing:var(--tracking-heading);margin-block:var(--space-xs)}.sign-quick-answer{font-size:var(--text-lg);line-height:var(--leading-body);color:var(--color-text-secondary)}.sign-specs-panel{gap:var(--space-sm);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(2,1fr);margin-block-end:var(--space-3xl);display:grid}@media (width>=640px){.sign-specs-panel{grid-template-columns:repeat(4,1fr)}}.spec-item{flex-direction:column;gap:.25rem;display:flex}.spec-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.spec-value{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text)}.sign-section{margin-block-end:var(--space-3xl)}.sign-section-title{font-size:var(--heading-md);color:var(--color-text);letter-spacing:var(--tracking-heading);margin-block-end:var(--space-md)}.sign-prose{gap:var(--space-md);font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-text-secondary);flex-direction:column;display:flex}.sign-prose p{margin:0}.callout-box{padding:var(--space-lg);border-radius:var(--radius-lg);margin-block:var(--space-md)}.callout-warning{color:#78350f;background:#fef3c7;border-left:4px solid #d97706}:root.dark .callout-warning,html.dark .callout-warning{color:#fde68a;background:#d9770626;border-left-color:#f59e0b}.callout-info{color:#1e3a8a;background:#eff6ff;border-left:4px solid #2563eb}:root.dark .callout-info,html.dark .callout-info{color:#bfdbfe;background:#2563eb26;border-left-color:#3b82f6}.callout-title{font-weight:var(--weight-bold);margin-block-end:var(--space-xs)}.driver-action-card{padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-left:5px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.action-list{gap:var(--space-sm);padding-left:var(--space-lg);flex-direction:column;margin-block-start:var(--space-md);margin-block-end:0;display:flex}.action-list li{line-height:var(--leading-body);color:var(--color-text-secondary)}.comparison-grid{gap:var(--space-lg);grid-template-columns:1fr;margin-block-start:var(--space-lg);display:grid}@media (width>=640px){.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.comparison-card{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.comparison-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.comparison-header{align-items:center;gap:var(--space-md);margin-block-end:var(--space-sm);display:flex}.comparison-img{object-fit:contain;flex-shrink:0;width:56px;height:56px}.comparison-meta h3{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text);margin:0}.comparison-code{font-size:var(--text-xs);color:var(--color-text-muted)}.comparison-body{font-size:var(--text-sm);line-height:var(--leading-body);color:var(--color-text-secondary);margin:0}.quiz-widget-card{padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.quiz-prompt{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);margin-block-end:var(--space-lg)}.quiz-options{gap:var(--space-sm);flex-direction:column;margin-block-end:var(--space-lg);display:flex}.quiz-opt-btn{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);text-align:left;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);display:flex}.quiz-opt-btn:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-primary)}.quiz-opt-btn.correct{color:#14532d;background:#dcfce7;border-color:#16a34a}.quiz-opt-btn.incorrect{color:#7f1d1d;background:#fee2e2;border-color:#dc2626}:root.dark .quiz-opt-btn.correct,html.dark .quiz-opt-btn.correct{color:#86efac;background:#16a34a33;border-color:#22c55e}:root.dark .quiz-opt-btn.incorrect,html.dark .quiz-opt-btn.incorrect{color:#fca5a5;background:#dc262633;border-color:#ef4444}.quiz-feedback{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-body)}.quiz-feedback.correct{color:#166534;background:#f0fdf4;border:1px solid #86efac}.quiz-feedback.incorrect{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}:root.dark .quiz-feedback.correct,html.dark .quiz-feedback.correct{color:#86efac;background:#16a34a26;border-color:#22c55e66}:root.dark .quiz-feedback.incorrect,html.dark .quiz-feedback.incorrect{color:#fca5a5;background:#dc262626;border-color:#ef444466}.faq-grid{gap:var(--space-md);flex-direction:column;display:flex}.faq-card{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.faq-question{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text);margin-block-end:var(--space-xs)}.faq-answer{font-size:var(--text-sm);line-height:var(--leading-body);color:var(--color-text-secondary);margin:0}.sources-card{padding:var(--space-lg);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-text-muted)}.sources-card h3{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text);margin-block-end:var(--space-xs)}.sources-list{gap:var(--space-xs);padding-left:var(--space-md);flex-direction:column;margin:0;display:flex}.sources-list a{color:var(--color-link);text-decoration:underline}.next-steps-card{padding:var(--space-2xl);background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);border-radius:var(--radius-xl);color:var(--color-text-inverse);text-align:center;margin-block-start:var(--space-3xl)}.next-steps-card h2{font-size:var(--heading-lg);color:#fff;margin-block-end:var(--space-sm)}.next-steps-card p{font-size:var(--text-base);color:#ffffffe6;max-inline-size:40rem;margin-block-end:var(--space-xl);margin-inline:auto}.next-steps-actions{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.btn-white{color:var(--color-primary-dark);font-weight:var(--weight-bold);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);transition:transform var(--transition-fast);background:#fff;text-decoration:none}.btn-white:hover{transform:translateY(-2px)}.btn-outline-white{color:#fff;font-weight:var(--weight-bold);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:2px solid #fffc;text-decoration:none}.btn-outline-white:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}