body {font-family:var(--ht-font)}
.brand b {font-size:19px;letter-spacing:.07em}.brand small,.eyebrow {color:var(--ht-muted)}
.site-head {gap:24px}.site-head nav a,.site-head nav button {color:var(--ht-graphite);border-radius:6px;white-space:nowrap}
.site-head nav .active,.site-head nav a:hover {background:#EEEDE8;color:var(--ht-black)}
.hero {background:var(--ht-black);position:relative;border-bottom:4px solid var(--ht-red);gap:40px}
.hero::before {content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 79px,#ffffff06 79px 80px)}
.hero h1 {font-size:clamp(40px,5vw,72px);letter-spacing:-.045em;line-height:1.08;max-width:700px}
.hero .eyebrow {color:#C5C9CF}.hero p,.hero-stats span {color:#C5C9CF}
.hero-stats,.create-card,.library,.features,.workspace-view,.project-card,.dialog {border-radius:var(--ht-radius);box-shadow:none}
.hero-stats b {font-variant-numeric:tabular-nums}
.primary,.secondary,.account,.filters,.view-switch,.event-item,.empty {border-radius:var(--ht-radius)}
.secondary,.account {border-color:var(--ht-border);color:var(--ht-black)}
.filters,.event-item {background:#F0EFEB}.event-item.active {border-color:var(--ht-black);background:#E8E7E2;color:var(--ht-black)}
.project-kind {border-radius:6px;background:#EDF2FC;color:var(--ht-blue)}.project-kind.jumping {background:#FBEDEE;color:var(--ht-red)}
button:focus-visible,a:focus-visible,input:focus-visible {outline:2px solid var(--ht-blue);outline-offset:3px}
.create-card a[href*="jumping"] {border-left:3px solid var(--ht-red)}.create-card a[href*="dressage"] {border-left:3px solid var(--ht-blue)}
@media(max-width:1100px) {.site-head {height:auto;min-height:74px;flex-wrap:wrap;padding:16px 24px;gap:12px}.site-head nav {order:3;flex-basis:100%;overflow:auto}.account {margin-left:auto}}

/* Reference layout: existing routes and actions, presentation only. */
[hidden] {display:none !important}
.site-head {padding-inline:clamp(20px,4vw,64px)}
.brand b {letter-spacing:.14em;font-weight:650;font-size:17px}
.site-head nav button,.site-head nav a {font-size:13px;font-weight:500}
.site-head nav .active {background:#EDF3FD;color:var(--ht-blue)}
.hero {background:var(--ht-paper);color:var(--ht-black);border-bottom:1px solid var(--ht-border);padding:36px clamp(20px,4vw,64px);grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:36px;align-items:center}
.hero::before {display:none}
.hero h1 {font-weight:400;font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;margin:10px 0 14px}
.hero p {font-size:14px;line-height:1.8;max-width:640px;margin:0;color:var(--ht-muted)}
.hero .eyebrow {color:var(--ht-muted);font-weight:500;letter-spacing:.15em}
.hero-actions {display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.hero-actions a {width:auto;margin:0;min-height:44px;padding:11px 18px;font-size:13px;font-weight:600}
.hero-actions .primary {background:#53616C;border-color:#53616C}
.hero-actions .secondary {background:var(--ht-blue);border-color:var(--ht-blue);color:white}
.hero-stats {border:0;overflow:visible}
.hero-stats article {background:transparent;padding:12px}
.hero-stats article+article {border-left:1px solid var(--ht-border)}
.hero-stats b {font-size:25px;font-weight:600;white-space:nowrap}
.hero-stats span {color:var(--ht-muted);margin-top:5px}
.content-grid {padding:28px clamp(20px,4vw,64px) 48px;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.create-card,.library {padding:22px;border-radius:10px}
.create-card h2,.library h2 {font-size:22px;font-weight:600}
.create-card p {font-size:13px;line-height:1.75;margin-bottom:18px}
.create-card .secondary {font-size:13px;min-height:44px;background:var(--ht-blue);border-color:var(--ht-blue);color:white}
.event-item {background:transparent;border-radius:6px}
.event-item.active {border-color:transparent;background:#EDF3FD;color:var(--ht-blue)}
.event-item b {color:inherit}.event-item span {font-weight:500}
.text-btn {font-size:12px;line-height:1.6;min-height:44px;margin-top:0;color:var(--ht-muted)}
.eyebrow {font-weight:500;font-size:11px}
.filters {background:#F3F4F5}.filters button {min-height:36px;font-size:12px}
.filters .active {background:var(--ht-blue);color:#fff;font-weight:600}
.empty {padding:70px 20px;border:0;background:var(--ht-paper);font-size:13px;line-height:1.8}
.project-actions {flex-wrap:wrap}.project-actions a,.project-actions button {min-height:36px;display:inline-flex;align-items:center}
.project-card h3 {overflow-wrap:anywhere}
.dialog {max-height:calc(100dvh - 32px);overflow-y:auto}
.tabs,.sync-summary article,.feature-grid article,.manage-list article,.source-list button {background:var(--ht-paper)}
.primary,.tabs .active {background:var(--ht-blue);border-color:var(--ht-blue)}
@media(max-width:900px) {
 .site-head {padding:12px 20px;gap:10px}.site-head nav {display:flex;max-width:100%;padding-bottom:2px}
 .site-head nav a,.site-head nav button {flex-shrink:0;padding:9px 12px}
 .hero {grid-template-columns:1fr;gap:20px;padding:26px 20px}
 .hero-stats {max-width:480px}.hero-stats article {text-align:left;padding:4px 16px}.hero-stats article:first-child {padding-left:0}
 .content-grid {grid-template-columns:1fr;padding:20px;gap:16px}
 .create-card .event-list {grid-template-columns:repeat(2,minmax(0,1fr))}.event-item span {overflow-wrap:anywhere}
 .create-card p {margin-bottom:12px}.create-card hr {margin:12px 0}
}
@media(max-width:540px) {
 .brand b {font-size:15px}.account {font-size:12px;padding:9px 12px}
 .hero h1 {font-size:38px}.hero-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-actions a {padding:12px 6px;font-size:12px}
 .hero-stats {grid-template-columns:repeat(3,minmax(0,1fr))}.hero-stats b {font-size:20px}.hero-stats span {font-size:11px}
 .hero-stats article+article {border-top:0;border-left:1px solid var(--ht-border)}
 .create-card,.library {padding:18px}.project-grid {grid-template-columns:minmax(0,1fr)}
 .filters button {padding:8px 12px}.empty {padding:40px 16px}
}