main.app-highlight { max-width: 1000px; }
main.app-highlight { margin: 0 auto; }
main.app-highlight { padding: 2.5rem 1.5rem; }
.hl-eyebrow { text-transform: uppercase; }
.hl-eyebrow { letter-spacing: .08em; }
.hl-eyebrow { font-size: .8rem; }
.hl-eyebrow { opacity: .7; }
.hl-tagline { font-size: 1.05rem; }
.hl-tagline { opacity: .85; }
.hl-tagline { margin-top: .5rem; }
.hl-tagline { max-width: 60ch; }
.app-highlight .theme-switch { display: inline-flex; }
.app-highlight .theme-switch { align-items: center; }
.app-highlight .theme-switch { gap: .4rem; }
.app-highlight .theme-switch { font-size: .75rem; }
.app-highlight .theme-switch { font-weight: 600; }
.app-highlight .theme-switch { letter-spacing: .04em; }
.app-highlight .theme-switch { text-transform: uppercase; }
.app-highlight .theme-switch { color: var(--muted); }
.app-highlight .theme-switch { margin: 1.5rem 0 .5rem; }
.app-highlight .theme-switch button[data-wd-action] { border: 1px solid var(--line); }
.app-highlight .theme-switch button[data-wd-action] { background: var(--panel); }
.app-highlight .theme-switch button[data-wd-action] { color: var(--ink-soft); }
.app-highlight .theme-switch button[data-wd-action] { font-size: .8rem; }
.app-highlight .theme-switch button[data-wd-action] { font-weight: 600; }
.app-highlight .theme-switch button[data-wd-action] { padding: .4rem .8rem; }
.app-highlight .theme-switch button[data-wd-action] { border-radius: 999px; }
.app-highlight .theme-switch button[data-wd-action] { cursor: pointer; }
.app-highlight .theme-switch button[data-wd-action] { transition: color .14s ease, border-color .14s ease, background .14s ease; }
.app-highlight .theme-switch button[data-wd-action]:hover { color: var(--ink); }
.app-highlight .theme-switch button[data-wd-action]:hover { border-color: var(--accent); }
.hl-grid { margin: 1rem 0 1.5rem; }
.hl-panel { padding: 1.4rem 1.5rem; }
.hl-panel h3 { margin-top: 0; }
.hl-panel h3 { margin-bottom: .6rem; }
.hl-panel h3 { font-size: 1rem; }
.hl-panel h3 { color: var(--muted); }
.hl-panel h3 { text-transform: uppercase; }
.hl-panel h3 { letter-spacing: .04em; }
.hl-panel pre { margin: 0; }
.hl-note { margin-top: 1.5rem; }
.hl-note { padding: 1rem 1.25rem; }
.hl-note { border: 1px solid var(--line); }
.hl-note { border-left: 3px solid var(--accent); }
.hl-note { background: var(--panel); }
.hl-note { border-radius: var(--radius-sm); }
.hl-note { color: var(--ink-soft); }
.hl-note { font-size: .95rem; }
.hl-degrade { border-left-color: var(--muted); }
@media (max-width: 760px) { .hl-grid { grid-template-columns: 1fr; } }