.swa-toolkit-detail-hero{display:block}.swa-toolkit-detail-hero__title{font-family:var(--type-family-heading);font-size:var(--type-scale-5xl);font-weight:var(--type-weight-semibold);line-height:var(--type-line-height-tight);letter-spacing:var(--type-tracking-tight);color:var(--text-primary);margin:0 0 var(--space-3)}.swa-toolkit-detail-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.swa-toolkit-detail-hero__sep{color:var(--text-faint);user-select:none}.swa-toolkit-detail-hero__type{font-family:var(--type-family-body);font-size:var(--type-scale-sm);font-weight:var(--type-weight-medium);text-transform:uppercase;letter-spacing:var(--type-tracking-extra-wide);color:var(--text-muted);text-decoration:none;transition:none}.swa-toolkit-detail-hero__type:hover{color:var(--accent-product)}.swa-toolkit-detail-hero__type:focus-visible{outline:2px solid var(--accent-product);outline-offset:2px;border-radius:2px}.swa-toolkit-detail-hero__difficulty{font-family:var(--type-family-body);font-size:var(--type-scale-sm);color:var(--text-muted);text-transform:capitalize}.swa-toolkit-detail-hero__verified{font-family:var(--type-family-body);font-size:var(--type-scale-sm);color:var(--accent-product)}.swa-toolkit-detail-hero__rating{display:inline-flex;align-items:center;gap:var(--space-1)}.swa-toolkit-detail-hero__rating-num,.swa-toolkit-detail-hero__media{font-family:var(--type-family-body);font-size:var(--type-scale-sm);color:var(--text-muted)}.swa-toolkit-detail-hero__description{font-family:var(--type-family-body);font-size:var(--type-scale-base);line-height:var(--type-line-height-relaxed);color:var(--text-secondary);max-width:65ch;margin:0}.swa-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.swa-pros-cons__column{display:flex;flex-direction:column;gap:var(--space-3)}.swa-pros-cons__heading{margin:0;display:inline-block;font-family:var(--type-family-body);font-size:var(--type-scale-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-extra-wide);text-transform:uppercase;line-height:var(--type-line-height-normal)}.swa-pros-cons__heading--pros{color:var(--accent-product)}.swa-pros-cons__heading--cons{color:var(--accent-editorial)}.swa-pros-cons__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.swa-pros-cons__item{display:flex;gap:var(--space-2);color:var(--text-secondary);font-size:var(--type-scale-sm);line-height:var(--type-line-height-normal)}.swa-pros-cons__marker{font-weight:var(--type-weight-bold);flex-shrink:0}.swa-pros-cons__marker--pro{color:var(--accent-product)}.swa-pros-cons__marker--con{color:var(--accent-editorial)}@media(max-width:640px){.swa-pros-cons{grid-template-columns:1fr}}* The base 1px border uses var(--border-accent) (amber 35% alpha) to reinforce * the editorial identity without competing with the stronger left accent bar. * * Fill: var(--accent-editorial-fill-subtle) (5% amber tint) — same token used * by CourseCtaBlock tinted variant. Audited against surface.canvas because the * 5% fill barely shifts luminance; pairs declared on canvas (see VerdictBlock.md). */ .swa-verdict-block{background:var(--accent-editorial-fill-subtle);border:1px solid var(--border-accent);border-left:3px solid var(--accent-editorial);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.swa-verdict-block__heading{margin:0;display:inline-block;font-family:var(--type-family-body);font-size:var(--type-scale-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-extra-wide);text-transform:uppercase;line-height:var(--type-line-height-normal);color:var(--accent-editorial)}.swa-verdict-block__quote{font-family:var(--type-family-heading);font-style:italic;font-weight:var(--type-weight-medium);font-size:var(--type-scale-md);line-height:var(--type-line-height-normal);color:var(--text-primary);margin:0}.swa-install-box{background:var(--surface-card);border:1px solid var(--border-default);border-left:3px solid var(--accent-product);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.swa-install-box__eyebrow{margin:0;font-family:var(--type-family-body);font-size:var(--type-scale-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-extra-wide);text-transform:uppercase;line-height:var(--type-line-height-normal);color:var(--accent-product)}.swa-install-box__type{align-self:flex-start}.swa-install-box__command{margin:0;background:var(--surface-code);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);overflow-x:auto;font-family:var(--type-family-mono);font-size:var(--type-scale-base);line-height:var(--type-line-height-normal);color:var(--text-primary)}.swa-install-box__command code{font-family:inherit;font-size:inherit}.swa-install-box__prompt{color:var(--text-faint);user-select:none}.swa-install-box__action{display:flex}.swa-install-box__copy-text{font-family:var(--type-family-body);font-size:var(--type-scale-sm)}.swa-install-box__repo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--type-scale-sm)}.swa-install-box__repo-link{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--type-family-body);font-size:var(--type-scale-sm);font-weight:var(--type-weight-medium);color:var(--text-secondary);text-decoration:none;transition:color var(--motion-duration-fast) var(--motion-easing-out)}.swa-install-box__repo-link:hover,.swa-install-box__repo-link:focus-visible{color:var(--text-primary)}.swa-install-box__repo-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){.swa-install-box__repo-link{transition:none}}.swa-meta-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);margin:0}.swa-meta-card__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.swa-meta-card__row dt{color:var(--text-muted);font-size:var(--type-scale-sm);font-family:var(--type-family-body)}.swa-meta-card__row dd{margin:0;color:var(--text-secondary);font-size:var(--type-scale-sm);font-weight:var(--type-weight-medium)}.swa-meta-card__verified{color:var(--accent-product);font-weight:var(--type-weight-semibold);font-size:var(--type-scale-sm)}.swa-meta-card__not-verified{color:var(--text-muted);font-size:var(--type-scale-sm)}.swa-tool-carousel{display:block}.swa-tool-carousel__heading{font-family:var(--type-family-heading);font-size:var(--type-scale-3xl);font-weight:var(--type-weight-semibold);line-height:var(--type-line-height-snug);color:var(--text-primary);margin:0 0 var(--space-6)}.swa-tool-carousel__scroller{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2)}.swa-tool-carousel__scroller::-webkit-scrollbar{display:none}.swa-tool-carousel__item{flex:0 0 300px;scroll-snap-align:start;display:flex;flex-direction:column}.swa-tool-carousel__item>.swa-toolkit-card{flex:1}