.business-advisor { padding-block: 0 var(--al-section-block); }
.advisor-shell { display: grid; gap: var(--al-space-6); }
.advisor-notice { margin: 0; padding: var(--al-space-4); border-inline-start: 4px solid var(--al-accent); border-radius: var(--al-radius-xs); background: var(--al-canvas-subtle); color: var(--al-text-secondary); }
.advisor-form { display: grid; gap: var(--al-space-4); padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--al-border); border-radius: var(--al-radius-lg); background: var(--al-surface); box-shadow: var(--al-shadow-sm); }
.advisor-form label { display: grid; gap: var(--al-space-2); font-weight: var(--al-weight-semibold); }
.advisor-form textarea { min-block-size: 10rem; resize: vertical; padding: var(--al-space-4); border: 1px solid var(--al-border-strong); border-radius: var(--al-radius-sm); background: var(--al-canvas); color: var(--al-text); font: inherit; line-height: 1.6; }
.advisor-form textarea:focus-visible { outline: 3px solid color-mix(in srgb, var(--al-accent) 32%, transparent); border-color: var(--al-accent); }
.advisor-form__meta { display: flex; justify-content: space-between; gap: var(--al-space-4); color: var(--al-text-muted); font-size: var(--al-font-size-sm); }
.advisor-examples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--al-space-2); }
.advisor-example { min-block-size: 3.2rem; padding: 0.65rem 0.8rem; border: 1px solid var(--al-border); border-radius: var(--al-radius-sm); background: var(--al-canvas-subtle); color: var(--al-text-secondary); font: inherit; font-size: var(--al-font-size-sm); line-height: 1.35; text-align: start; cursor: pointer; }
.advisor-example:hover, .advisor-example:focus-visible { border-color: var(--al-accent); color: var(--al-text); background: color-mix(in srgb, var(--al-accent) 7%, var(--al-canvas-subtle)); }
.advisor-actions { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--al-space-3); }
.advisor-actions__group { display: flex; flex-wrap: wrap; gap: var(--al-space-2); }
.advisor-status, .advisor-validation { min-block-size: 1.5rem; margin: 0; color: var(--al-text-muted); }
.advisor-validation { color: var(--al-danger); }
.advisor-results { display: grid; gap: var(--al-space-5); }
.advisor-summary { display: grid; gap: var(--al-space-3); padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid color-mix(in srgb, var(--al-accent) 35%, var(--al-border)); border-radius: var(--al-radius-lg); background: radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--al-accent) 14%, transparent), transparent 35%), linear-gradient(135deg, color-mix(in srgb, var(--al-accent) 8%, var(--al-surface)), var(--al-surface)); }
.advisor-summary h2 { margin: 0; }
.advisor-summary__interpretation { max-inline-size: 76ch; font-size: var(--al-font-size-lg); color: var(--al-text); }
.advisor-context { margin: 0; color: var(--al-text-secondary); font-weight: var(--al-weight-semibold); }
.advisor-confidence { display: inline-flex; inline-size: fit-content; padding: 0.35rem 0.65rem; border-radius: var(--al-radius-pill); background: var(--al-canvas-subtle); color: var(--al-accent); font-size: var(--al-font-size-xs); font-weight: var(--al-weight-bold); text-transform: uppercase; }
.advisor-recommendations { display: grid; gap: var(--al-space-4); }
.advisor-card { display: grid; gap: var(--al-space-4); padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--al-border); border-radius: var(--al-radius-md); background: var(--al-surface); box-shadow: var(--al-shadow-sm); }
.advisor-card--primary { border-color: color-mix(in srgb, var(--al-accent) 52%, var(--al-border)); box-shadow: 0 24px 70px color-mix(in srgb, var(--al-accent) 10%, transparent); }
.advisor-card__header { display: flex; justify-content: space-between; gap: var(--al-space-4); align-items: flex-start; }
.advisor-card h3 { margin: 0; font-size: var(--al-font-size-xl); }
.advisor-card__interpretation { margin: 0; max-inline-size: 80ch; color: var(--al-text); font-size: var(--al-font-size-lg); }
.advisor-card h4 { margin: 0; }
.advisor-score { white-space: nowrap; color: var(--al-accent); font-weight: var(--al-weight-bold); }
.advisor-signals { display: flex; flex-wrap: wrap; gap: var(--al-space-2); margin: 0; padding: 0; list-style: none; }
.advisor-signals li { padding: 0.35rem 0.6rem; border-radius: var(--al-radius-pill); background: var(--al-canvas-subtle); color: var(--al-text-secondary); font-size: var(--al-font-size-sm); }
.advisor-guidance-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--al-space-4); }
.advisor-guidance { padding: var(--al-space-4); border: 1px solid var(--al-border); border-radius: var(--al-radius-sm); background: var(--al-canvas-subtle); }
.advisor-guidance h4 { margin: 0 0 var(--al-space-2); }
.advisor-guidance ul, .advisor-guidance ol { display: grid; gap: var(--al-space-2); margin: 0; padding-inline-start: 1.2rem; color: var(--al-text-secondary); }
.advisor-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--al-space-4); }
.advisor-links section { padding: var(--al-space-4); border: 1px solid var(--al-border); border-radius: var(--al-radius-sm); background: var(--al-canvas-subtle); }
.advisor-links h4 { margin: 0 0 var(--al-space-2); }
.advisor-links ul { display: grid; gap: var(--al-space-2); margin: 0; padding: 0; list-style: none; }
.advisor-fallback { display: grid; gap: var(--al-space-4); }
.advisor-fallback__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--al-space-4); }
.advisor-fallback__card { padding: var(--al-space-4); border: 1px solid var(--al-border); border-radius: var(--al-radius-sm); background: var(--al-surface); }
[data-business-advisor][data-enhanced="true"] .advisor-fallback { display: none; }
@media (max-width: 64rem) { .advisor-examples, .advisor-links, .advisor-fallback__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 48rem) { .advisor-guidance-grid { grid-template-columns: 1fr; } }
@media (max-width: 42rem) { .advisor-form__meta, .advisor-card__header { display: grid; } .advisor-examples, .advisor-links, .advisor-fallback__grid { grid-template-columns: 1fr; } .advisor-actions { display: grid; } }
@media (prefers-reduced-motion: reduce) { .advisor-example { transition: none; } }
@media print { .route-header, .route-footer, .advisor-form, .advisor-actions, .advisor-status, .advisor-fallback { display: none !important; } .advisor-card, .advisor-summary { break-inside: avoid; box-shadow: none; } }