/* Hallmark · pre-emit critique: P5 H4 E4 S5 R4 V4 */
/* Hallmark · genre: modern-minimal · macrostructure: Map / Diagram · theme: Cobalt · design-system: design.md · designed-as-app · enrichment: Tier-A CSS diagram · nav: N9 edge-aligned shared shell · footer: shared site shell */
html, body { overflow-x: clip; }
body { background: var(--color-paper); color: var(--color-ink-2); font-family: var(--font-body); }
.wd-page { background: var(--color-paper); color: var(--color-ink-2); }
.wd-shell { margin-inline: auto; max-width: 76rem; padding-inline: var(--space-md); }
.wd-kicker { color: var(--color-accent); font: 600 var(--text-xs)/1.35 var(--font-mono); letter-spacing: .06em; margin: 0 0 var(--space-sm); }
.wd-hero { border-bottom: var(--rule); padding-block: clamp(4.5rem, 9vw, 8rem) var(--space-3xl); }
.wd-hero__grid { align-items: center; display: grid; gap: clamp(2.5rem, 6vw, 5rem); grid-template-columns: minmax(0, 1.05fr) minmax(20rem, .95fr); }
.wd-product-name { color: var(--color-ink-2); font: 500 var(--text-md)/1 var(--font-display); margin: 0 0 var(--space-sm); }
.wd-product-name strong { color: var(--color-ink); font-weight: 700; }
.wd-hero h1, .wd-section h2, .wd-final-cta h2 { color: var(--color-ink); font-family: var(--font-display); font-style: normal; font-weight: 600; letter-spacing: -.035em; line-height: 1.08; margin: 0; overflow-wrap: anywhere; }
.wd-hero h1 { font-size: var(--text-display); }
.wd-hero__lede { font-size: var(--text-md); line-height: 1.9; margin: var(--space-lg) 0; max-width: 39rem; }
.wd-hero__actions, .wd-final-cta__actions { align-items: center; display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.wd-button { align-items: center; border: 1px solid transparent; border-radius: var(--radius-control); display: inline-flex; font-weight: 700; justify-content: center; min-height: 3rem; padding: .75rem 1rem; text-decoration: none; transition: background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out); white-space: nowrap; }
.wd-button--primary { background: var(--color-accent); color: var(--color-accent-ink); }
.wd-button--primary:hover { background: var(--color-accent-hover); color: var(--color-accent-ink); }
.wd-button--secondary { border-color: var(--color-rule-strong); color: var(--color-ink); }
.wd-button--secondary:hover { border-color: var(--color-accent); color: var(--color-accent-hover); }
.wd-hero__note { align-items: center; display: flex; flex-wrap: wrap; font-size: var(--text-sm); gap: var(--space-xs); margin: var(--space-md) 0 0; }
.wd-hero__note a, .wd-text-link { color: var(--color-ink); text-decoration-color: var(--color-rule-strong); text-underline-offset: .22em; }
.wd-hero__note a:hover, .wd-text-link:hover { color: var(--color-accent-hover); text-decoration-color: var(--color-accent); }
.wd-code-panel { background: var(--color-graphite); border: 1px solid var(--color-rule-strong); border-radius: var(--radius-surface); color: oklch(94% .01 250); margin: 0; min-width: 0; padding: var(--space-lg); }
.wd-code-panel figcaption { align-items: baseline; border-bottom: 1px solid oklch(38% .018 260); display: flex; font-family: var(--font-mono); gap: var(--space-sm); justify-content: space-between; padding-bottom: var(--space-sm); }
.wd-code-panel figcaption span { color: oklch(69% .014 250); font-size: var(--text-xs); letter-spacing: .06em; }
.wd-code-panel figcaption b { color: oklch(89% .008 250); font-size: var(--text-xs); font-weight: 500; }
.wd-code-panel pre { font: 500 clamp(.75rem, 1.4vw, .9rem)/1.8 var(--font-mono); margin: var(--space-lg) 0; overflow-x: auto; }
.wd-code__comment { color: oklch(67% .012 255); }.wd-code__type { color: oklch(80% .09 250); }.wd-code__fn { color: oklch(74% .15 256); }.wd-code__ok { color: oklch(73% .14 155); }
.wd-code-panel p { color: oklch(81% .01 250); font-size: var(--text-sm); line-height: 1.75; margin: 0; }
.wd-status { border-bottom: var(--rule); }.wd-status__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }.wd-status__grid > div { border-left: var(--rule); padding: var(--space-lg) var(--space-md); }.wd-status__grid > div:last-child { border-right: var(--rule); }.wd-status span, .wd-decision__paths span, .wd-license-list span { color: var(--color-muted); display: block; font: 600 var(--text-xs)/1.4 var(--font-mono); letter-spacing: .06em; }.wd-status strong { color: var(--color-ink); display: block; font: 600 var(--text-lg)/1.25 var(--font-display); margin: var(--space-xs) 0; }.wd-status p { font-size: var(--text-sm); line-height: 1.65; margin: 0; }
.wd-section { padding-block: var(--space-3xl); }.wd-section-heading { max-width: 44rem; }.wd-section-heading h2, .wd-final-cta h2 { font-size: var(--text-display-small); }.wd-section-heading--split { align-items: end; display: grid; gap: var(--space-xl); grid-template-columns: minmax(0, 1fr) minmax(16rem, .75fr); max-width: none; }.wd-section-heading--split > p { font-size: var(--text-md); line-height: 1.85; margin: 0; }
.wd-map { counter-reset: map; display: grid; gap: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: var(--space-2xl) 0 0; padding: 0; }.wd-map__node { border-top: 2px solid var(--color-rule-strong); min-width: 0; padding: var(--space-md) var(--space-md) var(--space-md) 0; position: relative; }.wd-map__node:not(:last-child)::after { background: var(--color-rule-strong); content: ""; height: 1px; position: absolute; right: 0; top: -.1rem; width: 1rem; }.wd-map__node span { color: var(--color-accent); font: 600 var(--text-xs)/1 var(--font-mono); }.wd-map__node h3 { color: var(--color-ink); font: 600 var(--text-lg)/1.25 var(--font-display); margin: var(--space-sm) 0; }.wd-map__node p { font-size: var(--text-sm); line-height: 1.75; margin: 0; }.wd-map__legend { align-items: center; display: flex; font-size: var(--text-sm); gap: var(--space-xs); margin: var(--space-lg) 0 0; }.wd-map__legend span { background: var(--color-accent); display: inline-block; height: .5rem; width: .5rem; }
.wd-section--graphite { background: var(--color-graphite); color: oklch(85% .01 250); }.wd-section--graphite .wd-kicker { color: oklch(75% .14 256); }.wd-section--graphite h2 { color: oklch(96% .004 250); }.wd-decision { align-items: start; display: grid; gap: var(--space-2xl); grid-template-columns: minmax(0, 1fr) minmax(20rem, .85fr); }.wd-decision__intro p:not(.wd-kicker) { line-height: 1.9; margin: var(--space-lg) 0 0; }.wd-decision__paths { border-top: 1px solid oklch(40% .018 260); }.wd-decision__paths a { align-items: center; border-bottom: 1px solid oklch(40% .018 260); color: oklch(94% .006 250); display: grid; gap: var(--space-xs); grid-template-columns: 1fr auto; padding-block: var(--space-md); text-decoration: none; }.wd-decision__paths span { grid-column: 1; }.wd-decision__paths strong { font: 500 var(--text-md)/1.45 var(--font-display); grid-column: 1; }.wd-decision__paths i { color: oklch(75% .14 256); grid-column: 2; grid-row: 1 / span 2; }.wd-decision__paths a:hover strong { color: oklch(75% .14 256); }
.wd-updates { display: grid; gap: var(--space-2xl); grid-template-columns: minmax(0, .9fr) minmax(20rem, 1.1fr); }.wd-updates article p:not(.wd-kicker), .wd-license-note p { font-size: var(--text-md); line-height: 1.9; margin: var(--space-lg) 0; }.wd-update-list { border-top: var(--rule); margin: 0; }.wd-update-list div { border-bottom: var(--rule); display: grid; gap: var(--space-md); grid-template-columns: 8rem 1fr; padding-block: var(--space-md); }.wd-update-list dt { color: var(--color-accent); font: 600 var(--text-sm)/1.5 var(--font-mono); }.wd-update-list dd { line-height: 1.75; margin: 0; }
.wd-section--licensing { background: var(--color-paper-2); }.wd-license-grid { display: grid; gap: var(--space-2xl); grid-template-columns: minmax(0, .75fr) minmax(20rem, 1.25fr); }.wd-license-grid__content { border-top: 2px solid var(--color-ink); }.wd-license-note { border-bottom: var(--rule); padding-block: var(--space-lg); }.wd-license-note h3 { color: var(--color-ink); font: 600 var(--text-lg)/1.4 var(--font-display); margin: 0; }.wd-license-list div { border-bottom: var(--rule); display: grid; gap: var(--space-md); grid-template-columns: 8rem 1fr; padding-block: var(--space-md); }.wd-license-list p { line-height: 1.75; margin: 0; }
.wd-section--comparison { border-bottom: var(--rule); }.wd-comparison { border: var(--rule); margin-top: var(--space-2xl); overflow-x: auto; }.wd-comparison table { border-collapse: collapse; min-width: 46rem; width: 100%; }.wd-comparison th, .wd-comparison td { border-bottom: var(--rule); padding: var(--space-md); text-align: left; vertical-align: top; }.wd-comparison thead th { background: var(--color-ink); color: var(--color-accent-ink); font: 600 var(--text-sm)/1.5 var(--font-mono); }.wd-comparison tbody th { color: var(--color-ink); font-weight: 600; width: 22%; }.wd-comparison td { font-size: var(--text-sm); line-height: 1.75; }
.wd-versions { display: grid; gap: var(--space-2xl); grid-template-columns: minmax(0, .8fr) minmax(20rem, 1.2fr); }.wd-release-list { border-top: var(--rule); }.wd-release-list details { border-bottom: var(--rule); }.wd-release-list summary { align-items: center; color: var(--color-ink); cursor: pointer; display: grid; gap: var(--space-sm); grid-template-columns: 7rem 1fr; list-style: none; padding: var(--space-md) 0; }.wd-release-list summary::-webkit-details-marker { display: none; }.wd-release-list summary span { color: var(--color-accent); font: 600 var(--text-sm)/1.4 var(--font-mono); }.wd-release-list summary b { font: 600 var(--text-md)/1.45 var(--font-display); }.wd-release-list details p { line-height: 1.8; margin: 0 0 var(--space-md) 7rem; }
.wd-resources { border-top: var(--rule); }.wd-resource-list { border-top: var(--rule); margin-top: var(--space-2xl); }.wd-resource-list a { align-items: center; border-bottom: var(--rule); color: var(--color-ink); display: grid; gap: var(--space-md); grid-template-columns: 4rem minmax(0, 1fr) minmax(12rem, .65fr) auto; padding: var(--space-md) 0; text-decoration: none; }.wd-resource-list span { color: var(--color-accent); font: 600 var(--text-sm)/1 var(--font-mono); }.wd-resource-list strong { font: 600 var(--text-md)/1.4 var(--font-display); }.wd-resource-list em { color: var(--color-muted); font-size: var(--text-sm); font-style: normal; }.wd-resource-list i { color: var(--color-accent); }.wd-resource-list a:hover strong { color: var(--color-accent-hover); }
.wd-final-cta { border-top: var(--rule); padding-block: var(--space-3xl); }.wd-final-cta .wd-shell { max-width: 60rem; }.wd-final-cta > .wd-shell > p:not(.wd-kicker) { font-size: var(--text-md); line-height: 1.9; margin: var(--space-lg) 0; max-width: 42rem; }
.wd-page a:focus-visible, .wd-page summary:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 1ms !important; } }
@media (max-width: 991.98px) { .wd-hero__grid, .wd-decision, .wd-updates, .wd-license-grid, .wd-versions { grid-template-columns: 1fr; }.wd-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }.wd-status__grid { grid-template-columns: 1fr; }.wd-status__grid > div, .wd-status__grid > div:last-child { border-inline: none; border-bottom: var(--rule); }.wd-status__grid > div:first-child { border-top: var(--rule); }.wd-section-heading--split { grid-template-columns: 1fr; }.wd-resource-list a { grid-template-columns: 3rem minmax(0, 1fr) auto; }.wd-resource-list em { grid-column: 2 / span 2; }.wd-map__node:nth-child(2)::after { display: none; } }
@media (max-width: 575.98px) { .wd-shell { padding-inline: var(--space-sm); }.wd-hero { padding-block: var(--space-2xl); }.wd-section, .wd-final-cta { padding-block: var(--space-2xl); }.wd-hero__actions, .wd-final-cta__actions { align-items: stretch; flex-direction: column; }.wd-button { width: 100%; }.wd-code-panel { padding: var(--space-md); }.wd-code-panel figcaption { align-items: flex-start; flex-direction: column; }.wd-map { grid-template-columns: 1fr; }.wd-map__node:not(:last-child)::after { display: none; }.wd-update-list div, .wd-license-list div, .wd-release-list summary { grid-template-columns: 1fr; }.wd-release-list details p { margin-left: 0; }.wd-resource-list a { grid-template-columns: 2.5rem minmax(0, 1fr) auto; }.wd-resource-list em { grid-column: 2 / span 2; }.wd-hero__note { line-height: 1.7; } }