.board-header{padding:24px 32px;display:flex;gap:24px;align-items:center;background:white;position:sticky;top:0;z-index:20}.board-header>a:last-child{margin-left:auto}.board-body{max-width:1440px;margin:auto;display:grid;grid-template-columns:224px minmax(0,1fr);gap:48px;padding:32px}.board-nav{position:sticky;top:120px;align-self:start;display:grid;gap:8px}.board-nav a{padding:12px 16px;font-size:var(--text-meta);color:var(--muted);border-radius:12px}.board-nav a:hover{color:var(--blue);background:var(--surface)}.board-main{min-width:0}.board-main>section{padding:32px 0 64px;scroll-margin-top:100px}.board-main h1{font-size:var(--text-display-medium);max-width:600px}.board-intro{font-size:var(--text-subheading);color:var(--muted);margin:24px 0 32px;max-width:650px}.board-section-title{display:flex;gap:16px;align-items:center;margin-bottom:32px}.board-section-title>span{color:var(--blue);font-size:var(--text-meta)}.board-section-title h2{font-size:var(--text-feature)}.board-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.board-swatches>div{display:grid;gap:8px;min-width:0}.board-swatches span{display:block;height:120px;border-radius:16px}.board-swatches>div:first-child span{background:linear-gradient(135deg,#f4f4f4 0 50%,white 50%)!important}.board-swatches code,.board-swatches strong{font-size:var(--text-meta);font-family:inherit}.board-swatches code{color:var(--muted)}.board-space{display:flex;gap:24px;align-items:end;flex-wrap:wrap;margin-top:40px}.board-space>div{display:grid;gap:12px;text-align:center;font-size:var(--text-meta);color:var(--muted)}.board-space>div>div{background:var(--accent-soft);border-radius:4px}.type-spec{display:grid;gap:16px}.type-spec>.meta:not(:first-child){margin-top:16px}.type-display{font-size:var(--text-display-large);line-height:1.02;letter-spacing:-.055em;font-weight:600}.type-spec h2{font-size:var(--text-heading-large)}.type-decoration{font-size:var(--text-title);margin-top:24px;color:var(--blue)}.board-sample{background:var(--surface);padding:24px;border-radius:24px}.board-sample .button.secondary,.board-sample .input{background:white}.board-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.board-folders{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px;max-width:680px}.board-screen{background:var(--surface);border-radius:24px;padding:24px}.board-screen-art{display:block;background:black;border-radius:16px;padding:24px;color:white;min-height:200px;overflow:hidden}.board-screen-art>span{font-size:var(--text-feature);line-height:1.1;letter-spacing:-.04em;display:block;margin-bottom:24px}.board-screen-art>div{height:24px;width:75%;background:#303033;border-radius:8px;margin-top:12px}.board-screen-art>div:last-child{width:45%;background:var(--blue)}.admin-screen .board-screen-art{background:var(--gray);color:black}.admin-screen .board-screen-art>div{background:white}.admin-screen .board-screen-art>div:last-child{background:var(--blue)}.board-screen h3{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-title);margin:24px 0 12px}.calibration-example{background:var(--accent-soft);margin-top:24px}.board-main .artist-visual{height:470px}.board-main .admin-metric-card{min-width:0}@media (max-width:1000px){.board-body{grid-template-columns:170px minmax(0,1fr);gap:24px;padding:24px}.board-swatches{grid-template-columns:repeat(3,1fr)}.board-cards{grid-template-columns:repeat(2,1fr)}.board-cards>:last-child{display:none}.board-main>.grid-3{grid-template-columns:1fr}}@media (max-width:767px){.board-header{padding:16px;gap:12px;flex-wrap:wrap;position:static}.board-header .badge{font-size:var(--text-meta)}.board-header .text-link{display:none}.board-body{display:block;padding:16px}.board-nav{position:static;display:flex;overflow:auto;gap:4px;margin-bottom:24px}.board-nav a{white-space:nowrap}.board-main h1{font-size:var(--text-heading-large)}.board-intro{font-size:var(--text-lead)}.board-main>section{padding:24px 0 48px}.board-swatches{grid-template-columns:repeat(2,1fr)}.board-swatches span{height:96px}.board-space{gap:16px}.type-display{font-size:var(--text-display-small)}.type-spec h2{font-size:var(--text-feature)}.board-section-title h2{font-size:var(--text-title)}.board-cards,.board-folders{gap:16px}.board-main .artist-visual{height:450px}.board-screen h3{font-size:var(--text-subheading)}.board-main .grid-3{grid-template-columns:1fr}}.email-preview{width:100%;max-width:var(--container);height:35rem;border:0;border-radius:var(--radius-card);margin-block:var(--space-6)}