/* Approved website UX, revision 2. Shared header; adaptive release table. */
/* Shared project identity, matching the approved brand preview. */
.brand{gap:11px}.brand-mark{width:36px;height:36px;border-radius:10px;flex:none}.brand-descriptor{font-size:12px;line-height:1.55;padding-left:20px;margin-left:9px}.brand-mobile-context{display:none}
:root{--bg:#f8f9fb;--ink:#202631;--muted:#657180;--surface:#f2f4f7;--panel:#fff;--line:#dfe4eb;--row-line:#edf0f4;--accent:#296bac;--hover:#f6f9fd;--on-accent:#fff}
:root[data-theme=dark]{--bg:#10151d;--ink:#e4e9f0;--muted:#9ba9bb;--surface:#1a2432;--panel:#151d28;--line:#2b3747;--row-line:#243040;--accent:#8abaff;--hover:#1a2636;--on-accent:#10151d}
body{font-family:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
header,main{max-width:1640px;padding-left:48px;padding-right:48px}header{min-height:88px}header::after{left:48px;right:48px;background:var(--line)}nav{gap:26px}nav .alert-link{border-radius:10px;padding:8px 18px;color:var(--accent);border-color:var(--line)}.brand{color:var(--ink)}.brand-descriptor{color:var(--muted)}main{padding-top:25px;padding-bottom:18px}
.workbar{display:flex;align-items:center;gap:16px;flex:none}.workbar .search-bar{flex:1;min-width:0;min-height:52px;background:var(--panel)!important;border:1px solid var(--line);border-radius:12px}.search-bar input[type=search]{padding:14px 56px 14px 46px;font-size:15px}.search-icon{top:50%;transform:translateY(-50%);display:flex;align-items:center;left:16px}.search-key{position:absolute;right:15px;display:grid;place-items:center;width:24px;height:26px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font:13px system-ui}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.view-picker{display:flex;align-items:center;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;flex:none}.view-picker button{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 18px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;white-space:nowrap}.view-picker button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px #0001}.view-picker svg{width:15px;height:15px}.fav-count{font-size:11px;font-variant-numeric:tabular-nums}.fav-count:empty{display:none}
.monitor-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;margin:0;flex:none}.older-switch{font-size:12px;gap:10px;min-height:44px;white-space:nowrap}.switch-track{width:32px;height:20px;background:var(--surface);border:1px solid var(--line)}.switch-track:after{width:14px;height:14px;margin:2px}.older-switch input{width:32px;height:20px}.older-switch input:checked+.switch-track{background:#407ba9;border-color:#407ba9}.older-switch input:checked+.switch-track:after{transform:translateX(12px)}.last-updated{font-size:11px;color:var(--muted)}.check-counts{font-size:11px;margin-left:7px}.search-summary{font-size:12px;color:var(--muted)}
.table-scroll{border:1px solid var(--line);border-radius:14px;background:var(--panel);scrollbar-gutter:auto;scrollbar-width:thin}.release-table{background:transparent;min-width:960px;width:100%;font-size:14px}.release-table col:nth-child(1){width:29%}.release-table col:nth-child(2){width:17%}.release-table col:nth-child(3){width:16%}.release-table col:nth-child(4){width:12%}.release-table col:nth-child(5){width:15%}.release-table col:nth-child(6){width:11%}.release-table thead th{background:var(--surface);color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.2px;padding:15px 16px;border-bottom:1px solid var(--line)}.release-table thead th:first-child{padding-left:22px}.release-table tbody td,.release-table tbody th{padding:17px 16px;border-bottom:1px solid var(--row-line);line-height:1.5;vertical-align:middle}.release-table tbody th{padding-left:17px;padding-right:48px;position:relative}.product-label{gap:9px}.release-table .family-name{font-size:15px;font-weight:580;color:var(--ink);letter-spacing:-.15px}.release-table .version{font-size:16px;font-weight:500;color:var(--ink);min-width:0;max-width:none;letter-spacing:-.2px}.release-table .build{font-size:14px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums;min-width:0;max-width:none}.release-table .release-date,.release-table .support,.release-table .notes-cell{font-size:13px;font-weight:400;color:var(--muted)}.release-table .notes-cell a{color:var(--accent)}.release-table .lifecycle-origin{display:block;font-size:9px;margin:2px 0 0;color:var(--muted)}.release-table .lifecycle-missing{font-size:11px}.release-table .missing-value{color:var(--muted);opacity:.7}.release-table .new-badge{font-size:9px;font-weight:500;margin-left:7px;padding:1px 6px}.release-table .older-toggle,.release-table .toggle-space{width:28px;min-width:28px;height:32px;min-height:32px;color:var(--muted)}.release-table .older-toggle:after{width:6px;height:6px}.release-table tbody tr:hover>th,.release-table tbody tr:hover>td{background:var(--hover)}.release-table .product-end>tr:last-child>th,.release-table .product-end>tr:last-child>td{border-bottom-color:var(--line)}
.favorite-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:40px;min-height:40px;border:0;padding:9px;background:transparent;color:var(--muted);opacity:.5;display:grid;place-items:center}.favorite-toggle svg{width:16px;height:16px}.favorite-toggle:hover,.favorite-toggle:focus-visible{opacity:1;color:var(--accent)}.favorite-toggle[aria-pressed=true]{opacity:1;color:var(--accent)}.favorite-toggle[aria-pressed=true] svg{fill:currentColor}
.older-releases .version{font-size:14px}.older-releases td{padding-top:14px!important;padding-bottom:14px!important}.older-releases .product-cell{color:var(--muted)}.history-name{display:none}.table-note{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none;padding-top:12px;font-size:11px;color:var(--muted)}.table-note a{color:var(--muted);text-decoration:none;min-height:28px;display:flex;align-items:center}.table-note a:hover{text-decoration:underline}.mobile-more,.mobile-alert-label{display:none}
#empty-favorites{text-align:center;padding:72px 20px;background:var(--panel);border:1px solid var(--line);border-radius:14px}#empty-favorites .empty-star{display:inline-flex;padding:15px;border-radius:18px;background:var(--surface);color:var(--muted)}.empty-star svg{width:26px;height:26px}#empty-favorites h2{font-size:21px;margin:20px 0 8px;font-weight:550;letter-spacing:-.4px}#empty-favorites p{font-size:14px;color:var(--muted);margin:0 0 22px}#empty-favorites button{background:var(--surface);border-color:var(--line);color:var(--accent);border-radius:9px}
@media(min-width:701px) and (max-width:1100px){header,main{padding-left:28px;padding-right:28px}header::after{left:28px;right:28px}}
@media(max-width:700px){
 body:has(.table-scroll){display:block;height:auto}body:has(.table-scroll)>main{display:block}header,main{padding-left:18px;padding-right:18px}header{min-height:78px;flex-wrap:nowrap;gap:8px;padding-top:13px;padding-bottom:13px}header::after{left:18px;right:18px}.brand{font-size:25px}.brand-descriptor{display:none}header nav{gap:3px;flex:none}header nav>a[href$='/about/'],.desktop-alert-label{display:none}.mobile-alert-label{display:inline}nav .alert-link{padding:8px 13px;min-height:44px;font-size:12px}.theme-toggle{width:44px;min-height:44px;padding:11px}.mobile-more{display:block;position:relative}.mobile-more summary{list-style:none;display:grid;place-items:center;width:34px;height:44px;color:var(--muted);cursor:pointer}.mobile-more summary::-webkit-details-marker{display:none}.mobile-more>div{position:absolute;right:0;top:46px;min-width:170px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px;z-index:5;box-shadow:0 8px 28px #0003}.mobile-more a{padding:9px;display:flex;min-height:44px}
 main{padding-top:20px}.workbar{display:flex;flex-wrap:wrap;gap:16px}.workbar .search-bar{flex:1 1 100%;min-height:50px}.search-bar input[type=search]{font-size:15px;padding-right:16px}.search-key{display:none}.view-picker{width:100%;border-radius:11px}.view-picker button{flex:1;justify-content:center;min-height:40px;font-size:12px}.monitor-meta{flex-wrap:wrap;justify-content:flex-start;gap:0;min-height:80px;padding:8px 0 13px}.older-switch{font-size:11px;min-height:38px}.last-updated{width:100%;font-size:10px;margin-top:2px}.search-summary{min-height:38px;display:flex;align-items:center}
 .table-scroll{overflow:visible;background:transparent;border:0;border-radius:0}.release-table{display:block;min-width:0;width:100%;background:transparent}.release-table colgroup,.release-table thead{display:none}.release-table tbody{display:block;margin-bottom:13px}.release-table tbody.older-releases{margin-top:-13px}.release-table tr{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:12px;padding:18px 20px 8px;background:var(--panel);border:1px solid var(--line);border-radius:15px;position:relative}.release-table tbody th,.release-table tbody td{display:block;min-width:0;max-width:none;padding:0;white-space:normal;border:0!important;background:transparent!important;line-height:1.5}.release-table .product-cell{grid-column:1/-1;position:static;padding-right:25px}.release-table .product-label{gap:6px}.release-table .family-name{font-size:14px;font-weight:580}.release-table .older-toggle,.release-table .toggle-space{width:22px;min-width:22px;height:26px;min-height:26px}.release-table .older-toggle{margin-left:-5px}.favorite-toggle{right:9px;top:10px;width:44px;height:44px;min-height:44px;transform:none;opacity:.65}.release-table .version{grid-column:1/-1;font-size:25px;letter-spacing:-.7px;line-height:1.3;padding:0 0 3px}.release-table .new-badge{font-size:9px;letter-spacing:0;vertical-align:middle}.release-table .build,.release-table .release-date{font-size:13px;color:var(--ink)}.release-table .build:before,.release-table .release-date:before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.release-table .support{grid-column:1/-1;font-size:12px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.release-table .support:before{content:'End of Service';font-size:10px;color:var(--muted);margin-right:1px}.release-table .lifecycle-origin{font-size:9px;margin:0}.release-table .notes-cell{grid-column:1/-1;border-top:1px solid var(--line)!important;padding-top:2px;font-size:12px}.release-table .notes-cell a{min-height:44px;display:inline-flex;align-items:center}.release-table .notes-cell:has(.missing-value){display:none}.release-table .older-releases tr{border-radius:12px;margin:8px 0 8px 12px;padding-left:16px}.release-table .older-row .product-cell{display:none}.release-table .older-releases td{padding-top:0!important;padding-bottom:0!important}.release-table .older-releases .version{font-size:21px}.table-note{font-size:10px;margin-bottom:15px;align-items:flex-start}.table-note a{white-space:nowrap;padding:0;min-height:20px}#empty-favorites{padding:45px 18px}
}
@media(max-width:359px){header,main{padding-left:13px;padding-right:13px}header::after{left:13px;right:13px}.brand{font-size:23px}nav .alert-link{padding:8px 10px}.theme-toggle{width:38px}.mobile-more summary{width:28px}.release-table tr{padding-left:16px;padding-right:16px}.release-table .family-name{font-size:13px}}
/* Override the serving layout's fixed flex sizing within this preview toolbar. */
body:has(.table-scroll) .workbar .search-bar{flex:1;min-width:0;width:auto;max-width:none}
@media(max-width:700px){body:has(.table-scroll) .workbar .search-bar{flex:1 1 100%;width:100%}}

/* Production interactions and accessible history context. */
.search-reset{margin:0 48px 0 8px;white-space:nowrap;font-size:12px}
body:has(.search-reset) .search-bar input[type=search]{padding-right:8px}
.favorite-toggle{width:44px;height:44px;min-height:44px}
.view-picker button{min-height:44px}
.table-note a{min-height:44px}
body:has(.search-summary) .older-switch{display:none}
@media(min-width:701px){.release-table tbody th{padding-right:52px}}
@media(max-width:700px){
 .mobile-more summary{width:44px}
 .search-reset{margin-right:15px}
 .search-bar input[type=search]{font-size:16px}
 .older-switch{min-height:44px}
 .release-table .older-toggle{min-width:36px;width:36px;min-height:44px;height:44px;margin:-8px 0 -8px -9px}
 .release-table .toggle-space{width:28px;min-width:28px}
 .release-table .older-row .product-cell{display:block;grid-column:1/-1;font-size:11px;color:var(--muted)}
 .release-table .older-row .product-cell .product-label{display:none}
 .release-table .older-row .product-cell>.sr-only{position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible;white-space:normal}
 .release-table tr .product-cell{min-width:0;overflow-wrap:anywhere}
 .release-table .build{overflow-wrap:anywhere;word-break:normal}
 .release-table .version{overflow-wrap:anywhere}
 .release-table .family-name{min-width:0}
 .table-note{align-items:center}
}
@media(max-width:359px){header nav{gap:0}.theme-toggle{width:40px}.mobile-more summary{width:44px}.brand{font-size:22px}}
@media(max-width:700px){
 .release-table th:first-child{width:auto;padding-left:0}
 .release-table tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

.table-help{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto;max-width:100%;flex-wrap:wrap}.table-note .table-help a{min-height:32px;font-size:12px}
@media(max-width:760px){.table-note{flex-wrap:wrap}.table-help{gap:12px}.table-note .table-help a{min-height:44px}}

/* Keep the project description visible on small screens. */
@media(max-width:700px){
 header{flex-wrap:wrap;row-gap:0;padding-bottom:15px}.brand{gap:8px;font-size:24px}.brand-mark{width:29px;height:29px;border-radius:8px}.brand-mobile-context{display:block;flex:0 0 100%;font-size:12px;line-height:1.4;color:var(--muted);margin:7px 0 0}
}
@media(max-width:359px){.brand{font-size:22px;gap:6px}.brand-mark{width:26px;height:26px}}

/* Approved Cool Light: muted slate, crisp boundaries, blue actions. */
:root[data-theme="light"] {
  --bg:#e2e8f0;
  --panel:#edf2f8;
  --surface:#dce5ef;
  --control:#edf2f8;
  --ink:#1c2d45;
  --muted:#50647d;
  --line:#bfccdc;
  --row-line:#d4deea;
  --nav-line:#b9c8dc;
  --accent:#245fc1;
  --hover:#e0eaf7;
  --table-primary:#1c2d45;
  --table-detail:#455b76;
  --table-version:#233b5b;
  --table-heading:#50647d;
  --table-head:#dce5ef;
  --table-rule:#d4deea;
  --product-rule:#bfccdc;
  --table-hover:#e0eaf7;
  --history:#50647d;
  --missing:#60738d;
  --track:#c3d0df;
  --track-line:#aebed1;
}
:root[data-theme="light"] .new-badge{background:#d5e3f8;color:#285ba3}
:root[data-theme="light"] .table-scroll{border-radius:10px}
:root[data-theme="light"] .workbar .search-bar{border-radius:9px}
:root[data-theme="light"] .view-picker{border-radius:9px}
:root[data-theme="light"] .view-picker button{border-radius:6px}
:root[data-theme="light"] .view-picker button[aria-pressed=true]{color:var(--accent);box-shadow:0 1px 3px #213e6514}
:root[data-theme="light"] nav .alert-link{background:#dce7f6;border-color:#b6c9e3;border-radius:8px}
:root[data-theme="light"] .release-table .version{font-variant-numeric:tabular-nums;color:var(--table-version)}
:root[data-theme="light"] .release-table thead th{font-weight:600;color:#455b76}
@media(max-width:700px){
 :root[data-theme="light"] .release-table tr{border-radius:10px;box-shadow:0 2px 5px #233e6006}
 :root[data-theme="light"] .release-table .older-releases tr{border-radius:8px}
}

/* Approved independent release-date overview — 2026-10-22. */
body:has(.release-table) header{min-height:78px;padding-top:16px;padding-bottom:16px}body:has(.release-table) main{padding-top:18px}
.workbar{gap:14px}.search-bar input[type=search]{font-size:16px}.view-picker button{font-size:14px}
.monitor-meta{min-height:56px;gap:20px}.sort-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.sort-control select{font:inherit;font-size:14px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:7px 28px 7px 10px;min-height:36px}.last-updated,.check-counts{font-size:12px}.check-counts{margin-left:5px}
.release-table col:nth-child(1){width:32%}.release-table col:nth-child(2){width:24%}.release-table col:nth-child(3){width:15%}.release-table col:nth-child(4){width:17%}.release-table col:nth-child(5){width:12%}
.release-table thead th{font-size:13px;font-weight:550;padding:12px 16px;letter-spacing:0}.release-table tbody td,.release-table tbody th{padding-top:11px;padding-bottom:11px;height:65px}.release-table tbody th{padding-right:54px}.release-table .family-name{font-size:16px;font-weight:570;letter-spacing:-.15px}.release-table .version{font-size:17px;letter-spacing:0}.version-value{display:block}.version-build{display:block;font-size:13px;line-height:1.55;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:2px;font-variant-numeric:tabular-nums}.release-table .release-date,.release-table .support,.release-table .notes-cell{font-size:14px}.release-table .lifecycle-origin,.release-table .lifecycle-missing{font-size:12px}.release-table .lifecycle-origin{margin-top:1px}.favorite-toggle{opacity:.8}.release-table .older-toggle{width:32px;min-width:32px;height:36px;min-height:36px}.release-table .older-toggle:after{width:7px;height:7px}.recent-date time{color:var(--accent);font-weight:550}.date-arrow{margin-left:6px;color:var(--accent)}body:has(.release-table) .table-note{font-size:12px;padding-top:10px}body:has(.release-table) .table-note .table-help a{font-size:13px}.product-end>tr:last-child>td,.product-end>tr:last-child>th{border-bottom-color:var(--row-line)!important}
@media(max-width:700px){body:has(.release-table) header{padding-top:13px;padding-bottom:13px}body:has(.release-table) main{padding-top:18px}.workbar{gap:12px}.view-picker button{font-size:14px}.monitor-meta{padding:12px 0 15px;gap:9px;min-height:0;align-items:center;justify-content:space-between}.sort-control{font-size:12px}.sort-control select{font-size:13px;padding-right:20px}.last-updated{width:auto;font-size:11px;margin:0}.check-counts{display:none}.release-table colgroup{display:none}.release-table tr{row-gap:12px;padding:18px 18px 8px}.release-table tbody td,.release-table tbody th{padding-top:0;padding-bottom:0;height:auto}.release-table .product-cell{padding-right:28px}.release-table .family-name{font-size:15px}.release-table .version{font-size:25px;grid-column:1/-1;padding-bottom:1px}.version-build{font-size:13px;margin-top:3px}.release-table .release-date{grid-column:1;white-space:normal;font-size:14px}.release-table .support{grid-column:2;display:block;white-space:normal;font-size:14px}.release-table .release-date:before,.release-table .support:before{display:block;font-size:11px;margin:0 0 3px;content:attr(data-label);color:var(--muted)}.release-table .support:before{content:'End of Service'}.release-table .lifecycle-origin{font-size:11px}.release-table .notes-cell{padding-top:2px;font-size:13px}.release-table .older-toggle{width:36px;min-width:36px;height:44px;min-height:44px}body:has(.release-table) .table-note{font-size:11px;flex-wrap:wrap}.table-help{margin-left:0}body:has(.release-table) .table-note .table-help a{font-size:12px}}

.version-build{overflow-wrap:anywhere;white-space:normal}.sort-control{margin:0}.sort-control label{white-space:nowrap}.release-table tbody.older-releases .version-build{font-size:13px}.release-table .version-value{overflow-wrap:anywhere}.release-table th:first-child[aria-sort]{color:var(--ink)}

/* Direct header sorting on desktop; two visible options above mobile cards. */
.mobile-sort{display:none}.monitor-meta{justify-content:flex-end;min-height:44px}.search-summary{margin-right:auto}
.release-table thead th{height:44px;padding-top:0;padding-bottom:0}
.release-table .column-sort{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:inherit;text-decoration:none}
.release-table .column-sort:hover{color:var(--accent);text-decoration:underline}
.release-table .column-sort[aria-current=true]{color:var(--accent);font-weight:600}
.sort-arrow{color:var(--accent)}
@media(max-width:700px){
 .monitor-meta{justify-content:space-between;min-height:0;gap:9px}
 .mobile-sort{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:flex-start;width:100%;font-size:13px}
 .mobile-sort .sort-option{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:7px;color:var(--muted);text-decoration:none}
 .mobile-sort .sort-option[aria-current=true]{color:var(--accent);background:var(--surface);font-weight:550}
 .mobile-sort .sort-option:hover{color:var(--accent)}
}
@media(max-width:700px){.release-table .support.unknown:has(.lifecycle-missing:empty){display:none}}