.p95 {
  min-block-size: 100vh;
  padding: var(--p95-space-5) var(--p95-space-6) var(--p95-space-7);
  background-image: radial-gradient(var(--p95-color-grid) 1px, transparent 1px);
  background-size: var(--p95-space-2) var(--p95-space-2);
}
.p95 .desk-caption { display: flex; justify-content: space-between; max-inline-size: var(--p95-content-width); margin: 0 auto var(--p95-space-3); color: var(--p95-color-on-title); font-size: var(--p95-text-small); gap: var(--p95-space-4); }
.p95 .desk { max-inline-size: var(--p95-content-width); margin-inline: auto; }
.p95 .desk-title { flex: 1; }
.p95 .desk-toolbar { padding-inline: var(--p95-space-4); gap: var(--p95-space-4); }
.p95 .desk-toolbar > a { color: var(--p95-color-text); min-block-size: var(--p95-icon-size); }
.p95 .theme-control { margin-inline-start: auto; }
.p95 .desk-layout { display: grid; grid-template-columns: var(--p95-sidebar-width) minmax(0, 1fr); }
.p95 .desk-sidebar { padding: var(--p95-space-5) var(--p95-space-4); border-inline-end: var(--p95-line-strong) solid transparent; border-image: var(--p95-frame-image) 12 / 0 var(--p95-space-1) 0 0 / 0 stretch; }
.p95 .sidebar-heading { display: flex; align-items: center; gap: var(--p95-space-2); margin-block-end: var(--p95-space-4); }
.p95 .desk-sidebar nav { display: grid; gap: var(--p95-space-1); }
.p95 .desk-sidebar nav a { display: block; min-block-size: var(--p95-control-height); padding: var(--p95-space-1) var(--p95-space-2); color: var(--p95-color-text); text-decoration: none; border-inline-start: var(--p95-line) dotted var(--p95-color-edge-shadow); }
.p95 .desk-sidebar nav a:hover { color: var(--p95-color-on-selection); background: var(--p95-color-selection); }
.p95 .sidebar-note { margin-block: var(--p95-space-7) var(--p95-space-6); font-size: var(--p95-text-small); }
.p95 .desk-sidebar > .p95-button { padding-inline: var(--p95-space-2); }
.p95 .desk-main { min-inline-size: 0; padding: var(--p95-space-5); }
.p95 .welcome { display: grid; grid-template-columns: 1fr 220px; align-items: center; gap: var(--p95-space-4); padding: var(--p95-space-6); }
.p95 .eyebrow { margin-block-end: var(--p95-space-2); color: var(--p95-color-text-muted); font-size: var(--p95-text-small); }
.p95 #page-title { position: relative; inline-size: fit-content; margin-block-end: var(--p95-space-5); }
.p95 .sketch-underline { position: absolute; inset: auto -4px -8px -2px; block-size: var(--p95-space-2); background: var(--p95-color-accent); mask: var(--p95-rule-image) center / 100% 100% no-repeat; transform: rotate(-2deg); }
.p95 .welcome-line { margin-block-end: var(--p95-space-3); font-size: var(--p95-text-title); line-height: var(--p95-leading-tight); }
.p95 .welcome-copy > .p95-muted { max-inline-size: 42ch; }
.p95 .welcome-actions { margin-block-start: var(--p95-space-5); }
.p95 .welcome-drawing { margin: 0; text-align: center; }
.p95 .welcome-drawing img { display: block; }
.p95 .welcome-drawing figcaption { margin-block-start: var(--p95-space-2); color: var(--p95-color-text-muted); font-size: var(--p95-text-small); transform: rotate(-3deg); }
.p95 .desk-section { margin-block-start: var(--p95-section-gap); scroll-margin-block-start: var(--p95-space-4); }
.p95 .section-header { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; gap: var(--p95-space-2); margin-block-end: var(--p95-space-4); }
.p95 .section-header h2 { font-size: var(--p95-text-title); }
.p95 .spread { justify-content: space-between; }
.p95 .spread h3 { font-size: var(--p95-text-large); }
.p95 .swatch-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--p95-space-3); }
.p95 .swatch { min-inline-size: 0; }
.p95 .swatch-fill { block-size: var(--p95-space-8); margin-block-end: var(--p95-space-2); border: var(--p95-line-strong) solid transparent; border-image: var(--p95-frame-image) 12 / var(--p95-sketch-width) / var(--p95-sketch-outset) stretch; border-radius: var(--p95-radius-window); background-clip: padding-box; }
.p95 .swatch strong { display: block; font-weight: var(--p95-weight-normal); }
.p95 .swatch code { display: block; font: var(--p95-text-small) / var(--p95-leading-body) var(--p95-font-ui); color: var(--p95-color-text-muted); overflow-wrap: anywhere; }
.p95 .swatch-desktop { background: var(--p95-color-desktop); }
.p95 .swatch-surface { background: var(--p95-color-surface); }
.p95 .swatch-paper { background: var(--p95-color-paper); }
.p95 .swatch-ink { background: var(--p95-color-ink); }
.p95 .swatch-title { background: var(--p95-color-title); }
.p95 .swatch-accent { background: var(--p95-color-accent); }
.p95 .foundation-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--p95-space-5); border-block-start: var(--p95-line) solid transparent; border-image: var(--p95-frame-image) 12 / var(--p95-space-1) 0 0 / 0 stretch; padding-block-start: var(--p95-space-4); }
.p95 .spacing-ruler { display: flex; flex-wrap: wrap; align-items: end; gap: var(--p95-space-3); }
.p95 .spacing-ruler span { display: grid; align-content: end; text-align: center; min-inline-size: var(--p95-space-5); font-size: var(--p95-text-small); }
.p95 .spacing-ruler span::before { content: ""; display: block; margin-inline: auto; inline-size: var(--space); block-size: var(--p95-space-2); background: var(--p95-color-ink); }
.p95 .space-1 { --space: var(--p95-space-1); }
.p95 .space-2 { --space: var(--p95-space-2); }
.p95 .space-3 { --space: var(--p95-space-3); }
.p95 .space-4 { --space: var(--p95-space-4); }
.p95 .space-5 { --space: var(--p95-space-5); }
.p95 .space-6 { --space: var(--p95-space-6); }
.p95 .space-7 { --space: var(--p95-space-7); }
.p95 .space-8 { --space: var(--p95-space-8); }
.p95 .type-sample { font-size: var(--p95-text-heading); line-height: var(--p95-leading-tight); }
.p95 .field-specimens { margin-block-start: var(--p95-space-4); }
.p95 #feedback > .p95-empty { margin-block-start: var(--p95-space-5); background: var(--p95-color-paper); }
.p95 .markdown-layout { display: grid; grid-template-columns: minmax(0, 1fr) 136px; gap: var(--p95-space-6); padding: var(--p95-space-6); }
.p95 .markdown-note { align-content: start; border-inline-start: var(--p95-line) dashed var(--p95-color-edge-shadow); padding-inline-start: var(--p95-space-4); }
.p95 .markdown-note .p95-badge { inline-size: fit-content; }
.p95 .desk-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--p95-space-3); padding-block: var(--p95-space-6) var(--p95-space-2); font-size: var(--p95-text-small); }
.p95 #getting-started pre { margin: 0; }
@media (max-width: 1024px) {
  .p95 { padding: var(--p95-space-4); }
  .p95 .welcome { grid-template-columns: 1fr 160px; padding: var(--p95-space-5); }
  .p95 .desk-sidebar { padding-inline: var(--p95-space-3); }
  .p95 .desk-main { padding: var(--p95-space-4); }
  .p95 .desk-layout { grid-template-columns: 168px minmax(0, 1fr); }
  .p95 .markdown-layout { grid-template-columns: minmax(0, 1fr); padding: var(--p95-space-5); }
  .p95 .markdown-note { display: none; }
}
@media (max-width: 768px) {
  .p95 .desk-layout { grid-template-columns: minmax(0, 1fr); }
  .p95 .desk-sidebar { padding: var(--p95-space-3); border-inline-end: 0; border-block-end: var(--p95-line) solid var(--p95-color-edge-shadow); border-image-width: 0 0 var(--p95-space-1) 0; }
  .p95 .desk-sidebar nav { display: flex; flex-wrap: wrap; gap: var(--p95-space-1) var(--p95-space-3); }
  .p95 .desk-sidebar nav a { min-block-size: var(--p95-icon-size); border: 0; padding: 0; text-decoration: underline; text-underline-offset: var(--p95-space-1); }
  .p95 .desk-sidebar > :is(.sidebar-heading, .sidebar-note, .p95-button) { display: none; }
}
@media (max-width: 640px) {
  .p95 { padding: var(--p95-space-2) var(--p95-space-2) var(--p95-space-5); }
  .p95 .desk-caption { font-size: var(--p95-text-small); }
  .p95 .desk-caption > :last-child, .p95 .title-detail { display: none; }
  .p95 .desk-toolbar { gap: var(--p95-space-2) var(--p95-space-3); padding-inline: var(--p95-space-2); }
  .p95 .theme-control { inline-size: 100%; justify-content: space-between; }
  .p95 .desk-main { padding: var(--p95-space-3); }
  .p95 .welcome { grid-template-columns: minmax(0, 1fr); padding: var(--p95-space-4); }
  .p95 .welcome-drawing { display: none; }
  .p95 .swatch-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .p95 .swatch-fill { block-size: var(--p95-space-7); }
  .p95 .spacing-ruler { gap: var(--p95-space-2); }
  .p95 .markdown-layout { padding: var(--p95-space-4); }
  .p95 .desk > .p95-statusbar > :nth-child(2) { display: none; }
}
@media print {
  .p95 { padding: 0; background: none; }
  .p95 :is(.desk-caption, .desk-toolbar, .desk-sidebar, .desk-footer) { display: none; }
  .p95 .desk-layout { display: block; }
}