/* Surface layout only. The label owns all brand values and scales. */
@import url('../assets/css/core/01-tokens/document-reader.tokens.css');
@import url('../assets/css/core/04-systems/document-reader.css');
.surface > header, .surface-section > header, .surface-section, .surface-card, .surface-search { display: grid; gap: var(--spacing-md); min-inline-size: 0; }
.surface-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--featured-card-width)), 1fr)); gap: var(--spacing-xl); }
.surface-card { align-content: start; padding-block: var(--spacing-lg); border-block-start: var(--border-width-hairline) solid var(--cv-border); }
.surface-card a { text-decoration: none; }
.surface-section { max-inline-size: var(--cv-reading-width); scroll-margin-block-start: var(--site-header-height); }
.surface-status { color: var(--cv-text-secondary); font-size: var(--site-type-caption-size); }
.surface { overflow-wrap: anywhere; }
.surface-search { max-inline-size: var(--cv-reading-width); }
.surface-search input { inline-size: 100%; min-inline-size: 0; font: inherit; }
.surface-search [data-search-results] { display: grid; gap: var(--spacing-lg); }
.surface-header-actions { display:flex; align-items:center; }
.surface-search-toggle { display:inline-flex; align-items:center; justify-content:center; border:0; padding:var(--spacing-sm); background:none; color:inherit; cursor:pointer; }
.surface-search-toggle img { inline-size:var(--icon-size-md); block-size:var(--icon-size-md); }