:root{--bg:#f5f7fb;--p:#fff;--txt:#172033;--mut:#6b7488;--ln:#e4e8ef;--a:#3157d5;--a2:#223a9c;--g:#117a51;--r:#a64040;--amber:#9a6900;--preview:#3157d5;--soft:#eef2ff;--sh:0 12px 30px rgba(30,42,76,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
header{background:linear-gradient(135deg,#111a35,#263b8d);color:#fff;padding:14px 0 18px}.wrap{max-width:1320px;margin:auto;padding:0 22px}
.brand{display:flex;justify-content:space-between;align-items:center}.logo{font-size:29px;font-weight:900;letter-spacing:-1px}.logo span{opacity:.66}.tag{font-size:14px;font-weight:700;opacity:.93;letter-spacing:.05px}
h1{font-size:38px;line-height:1.05;letter-spacing:-1.15px;margin:32px 0 10px}.sub{max-width:850px;color:#dce3ff;font-size:16px;line-height:1.5}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.header-wrap{position:relative}

.hero-v119{position:relative;height:340px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:#000b36;box-shadow:0 18px 44px rgba(8,14,44,.22),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}.hero-v119::before{display:none}
.hero-art{position:absolute;z-index:1;right:0;top:0;width:55%;height:100%;object-fit:cover;object-position:right center;display:block}.hero-v119::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#000b36 0%,#000b36 39%,rgba(0,11,54,.92) 44%,rgba(0,11,54,.25) 55%,rgba(0,11,54,0) 66%);pointer-events:none}
.hero-copy{display:block;position:absolute;z-index:3;left:68px;top:32px;max-width:610px}.hero-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:26px}.hero-brand-icon{width:34px;height:34px;display:block}.hero-brand-name{font-size:20px;font-weight:900;letter-spacing:.2px;color:#fff}.hero-copy h1{margin:0;font-size:43px;line-height:1.04;letter-spacing:-1.05px;color:#fff}.hero-copy .sub{margin-top:16px;max-width:640px;color:#b7c6f5;font-size:18px;line-height:1.4}
.hero-searchbar-wrap{position:absolute;left:28px;bottom:24px;width:610px;max-width:calc(100% - 56px);z-index:4}
.searchbar{display:flex;align-items:stretch;gap:12px;max-width:860px;margin-top:24px}.hero-searchbar{max-width:none;width:100%;margin-top:0;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:linear-gradient(180deg,rgba(33,45,98,.72),rgba(26,37,84,.56));box-shadow:0 14px 30px rgba(8,14,44,.22),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto}.searchbar input{flex:1;min-width:0;border:0;border-radius:16px;padding:15px 18px;font-size:15px;outline:0;background:#fff;color:var(--txt);box-shadow:0 2px 8px rgba(8,14,44,.06)}.searchbar input::placeholder{color:#6b7488}.searchbar button{border:0;background:#fff;color:#243ea7;border-radius:16px;padding:0 28px;min-width:124px;font-weight:850;cursor:pointer;box-shadow:0 2px 8px rgba(8,14,44,.08)}

main{padding:36px 0 60px}.grid{display:grid;grid-template-columns:300px 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--ln);border-radius:16px;box-shadow:var(--sh)}.side{padding:18px;position:sticky;top:18px;height:max-content}
.side h3{margin:0 0 6px;font-size:15px}.hint{font-size:12px;color:var(--mut);line-height:1.45}.seg{display:flex;background:#f1f4fa;border-radius:10px;padding:4px;margin:16px 0}.seg button{flex:1;border:0;background:transparent;padding:9px 6px;border-radius:8px;color:var(--mut);font-weight:800;font-size:12px;cursor:pointer}.seg button.on{background:#fff;color:var(--a);box-shadow:0 2px 8px rgba(0,0,0,.08)}
label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:var(--mut);font-weight:850;margin:15px 0 6px}select{width:100%;padding:11px;border:1px solid var(--ln);border-radius:10px;background:#fff;color:var(--txt)}.check{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:13px;font-weight:750;text-transform:none;letter-spacing:normal}.check input{width:17px;height:17px}.quick{border-top:1px solid var(--ln);margin-top:17px;padding-top:14px}.quick-top{border-top:0;margin-top:0;padding-top:0}.quick-toggle{width:100%;display:flex;align-items:center;gap:9px;border:1px solid var(--ln);background:#fbfcff;color:#53617f;border-radius:10px;padding:9px 11px;font-size:13px;font-weight:800;cursor:pointer;text-align:left}.quick-toggle:hover{background:#f7f9ff;border-color:#d8deeb;color:#314381}.quick-toggle:focus-visible{outline:2px solid rgba(49,87,213,.22);outline-offset:2px}.quick-toggle-icon{font-size:15px;color:#7b89ad}.quick-toggle-chevron{margin-left:auto;font-size:14px;color:#9aa3b7;transition:transform .16s ease}.quick-toggle[aria-expanded="true"] .quick-toggle-chevron{transform:rotate(180deg)}.quick-menu{margin-top:8px;padding:8px;border:1px solid var(--ln);border-radius:12px;background:#fbfcff}.quick-menu[hidden]{display:none}.quick a{display:flex;align-items:center;gap:9px;width:100%;text-decoration:none;text-align:left;border:1px solid var(--ln);background:#fff;border-radius:10px;padding:10px 11px;font-weight:800;color:#314381;cursor:pointer;margin-bottom:7px}.quick a:last-child{margin-bottom:0}.small{font-size:11px;color:var(--mut);line-height:1.45;margin-top:12px}
.content{overflow:hidden}
.grid.expanded{grid-template-columns:minmax(0,1fr)}
.grid.expanded .side{display:none}
#mainWrap.expanded-wrap{max-width:none;padding-left:18px;padding-right:18px}
.expand-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--ln);background:#fff;color:var(--a);border-radius:9px;cursor:pointer;margin-left:auto;padding:0;box-shadow:0 2px 7px rgba(30,42,76,.04)}
.expand-toggle:hover{background:#f7f9ff;border-color:#cbd4ed;color:var(--a2)}
.expand-toggle:focus-visible{outline:2px solid rgba(49,87,213,.28);outline-offset:2px}
.expand-toggle svg{width:17px;height:17px;display:block;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;fill:none}
.head-actions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;justify-content:flex-end}.head{padding:20px;border-bottom:1px solid var(--ln);display:flex;justify-content:space-between;gap:15px}.head h2{margin:0;font-size:22px;letter-spacing:-.4px}.head p{margin:6px 0 0;color:var(--mut);font-size:13px}.badge{background:var(--soft);color:var(--a2);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;height:max-content;white-space:nowrap}.clear-search{border:1px solid #cfd7ec;background:#fff;color:var(--a);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;cursor:pointer;height:max-content;white-space:nowrap}.clear-search:hover{background:#f7f9ff;border-color:#bfc9e6;color:var(--a2)}.clear-search:focus-visible{outline:2px solid rgba(49,87,213,.28);outline-offset:2px}
.back{border:1px solid var(--ln);background:#fff;color:var(--a);border-radius:9px;padding:8px 10px;font-weight:850;cursor:pointer;margin-bottom:12px}
.tablewrap{overflow:auto;max-height:730px}table{width:100%;border-collapse:collapse}th{position:sticky;top:0;background:#fafbfe;z-index:3;text-align:left;padding:10px 11px;border-bottom:1px solid var(--ln);font-size:10px;text-transform:uppercase;letter-spacing:.62px;color:var(--mut)}td{padding:10px 11px;border-bottom:1px solid var(--ln);font-size:12px;vertical-align:middle}tbody tr:hover td{background:#fbfcff}.group td{position:sticky;top:calc(var(--table-head-height,35px) - 1px);z-index:4;background:#f6f8fc!important;color:#485269;font-weight:900;text-transform:uppercase;letter-spacing:.55px;font-size:11px;box-shadow:0 -3px 0 #f6f8fc,0 1px 0 var(--ln)}.group-title-cell{position:sticky!important;left:0!important;z-index:6!important;white-space:nowrap}.group-fill{padding-left:0;padding-right:0;z-index:3!important}
.sticky{position:sticky;left:0;z-index:2;background:#fff;min-width:230px}.group .sticky{background:#f6f8fc!important}.tablewrap th.sticky{z-index:5;background:#fafbfe}
.fn{font-weight:850;color:#243d9b;cursor:pointer}.fn:hover{text-decoration:underline}.featureline{display:flex;align-items:center}.taxonomy{display:inline-block;font-size:9px;font-weight:800;color:#677188;background:#f3f5f8;border:1px solid #e3e7ee;border-radius:999px;padding:3px 6px;white-space:nowrap}.pill{display:inline-block;border:1px solid #e3e7ee;background:#f3f5f8;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:750}
.yes{color:var(--g);font-weight:900;text-align:center}.no{color:var(--r);font-weight:900;text-align:center}.na{color:#b8bec9;text-align:center}.conditional{color:var(--amber);font-weight:900;text-align:center}.unknown{color:var(--amber);font-weight:900;text-align:center}.preview{color:var(--preview);font-weight:900;text-align:center}
.matrix th:not(:first-child),.matrix td:not(:first-child){text-align:center;min-width:82px}.wide th:not(:first-child),.wide td:not(:first-child){min-width:88px;text-align:center}.cellcode{font-size:10px;font-weight:900;white-space:nowrap}
.edition-strip{display:inline-flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}
.status-marker{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;line-height:1;vertical-align:middle;cursor:help}
.status-marker:focus-visible{outline:2px solid rgba(49,87,213,.28);outline-offset:3px;border-radius:4px}
.matrix-status-marker,.historical-status-marker{min-width:16px;min-height:16px}
.edition-letter{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;font-size:9px;font-weight:950;line-height:1}
.edition-letter.on{background:#e7f5ed;color:var(--g);border:1px solid #cce9da}
.edition-letter.off{background:#fbecec;color:#a64040;border:1px solid #f0caca}
.edition-letter.unknown{background:#fff5dc;color:#8a6100;border:1px solid #ecd69a}
.edition-letter.preview{background:#eef2ff;color:var(--preview);border:1px solid #d3dcfb}
.edition-letter.na{background:transparent;color:#d0d4dc;border:1px solid transparent}
.note-marker{appearance:none;-webkit-appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:3px;padding:0;border:0;background:transparent;color:#65749a;font:inherit;font-size:11px;font-weight:900;line-height:1;cursor:help;vertical-align:middle}.note-marker::before{content:"";position:absolute;inset:-7px}.note-marker:hover,.note-marker:focus-visible{color:var(--a)}.conditional-marker{margin-left:0;color:var(--amber);font-size:12px;cursor:help}.conditional-marker:hover,.conditional-marker:focus-visible{color:#7a5200}.note-marker:focus-visible{outline:2px solid rgba(49,87,213,.28);outline-offset:3px;border-radius:50%}.note-key{color:#65749a;font-weight:900}
.note-popover{position:fixed;z-index:10000;max-width:min(320px,calc(100vw - 20px));padding:10px 12px;border:1px solid #cfd7ec;border-radius:10px;background:#fff;color:#445066;box-shadow:0 10px 28px rgba(30,42,76,.18);font-size:12px;line-height:1.45;text-align:left;white-space:pre-line;pointer-events:none}.note-popover[hidden]{display:none}
@media(hover:none),(pointer:coarse){.note-marker,.conditional-marker,.status-marker{cursor:pointer}}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:18px 20px}.card{border:1px solid var(--ln);border-radius:12px;background:#fbfcff;padding:13px}.k{font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:var(--mut);font-weight:850}.v{font-size:16px;font-weight:900;margin-top:5px}.docs{display:inline-flex;align-items:center;gap:5px;margin-top:10px;text-decoration:none;color:var(--a);font-weight:850;font-size:13px}
.cloudgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 18px}.cloudcard{border:1px solid var(--ln);border-radius:12px;padding:14px}.cloudcard h4{margin:0 0 7px}.cloudcard p{font-size:12px;color:var(--mut);line-height:1.45;margin:7px 0}.cloudstatus{font-size:13px;font-weight:900}.version-notes{padding:0 20px 20px}.version-notes h3{margin:0 0 4px}.version-note{display:flex;gap:13px;padding:11px 0;border-bottom:1px solid var(--ln)}.version-note b{min-width:140px}.version-note span{color:var(--mut);line-height:1.5}.version-note .docs{margin-top:5px}.timeline{padding:0 20px 20px}.event{display:flex;gap:13px;padding:11px 0;border-bottom:1px solid var(--ln)}.event b{min-width:140px}.event span{color:var(--mut)}.attributes{padding:0 20px 20px}.attributes table{border:1px solid var(--ln);border-radius:10px;overflow:hidden}.attributes th{position:static;width:220px}.legend{padding:12px 20px;border-top:1px solid var(--ln);font-size:11px;color:var(--mut);display:flex;column-gap:16px;row-gap:8px;flex-wrap:wrap}.legend-break{flex-basis:100%;height:0;width:0}
.reference-intro{padding:18px 20px;border-bottom:1px solid var(--ln)}.reference-search{padding:12px 20px;border-bottom:1px solid var(--ln)}.reference-search input{width:100%;padding:11px 12px;border:1px solid var(--ln);border-radius:10px}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;background:#f6f8fb;padding:4px 7px;border-radius:6px;white-space:nowrap}.reference-table{min-width:900px}.reference-table .ref-col-example{min-width:470px;white-space:nowrap}.reference-table .ref-col-style{width:64px;white-space:nowrap}.reference-table .ref-col-pattern{min-width:150px}.reference-table .ref-col-meaning{min-width:150px}.empty{padding:45px;text-align:center;color:var(--mut)}
footer{padding:112px 0 56px;color:var(--mut);font-size:12px;text-align:center}
.support-cta{margin:50px auto 18px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--txt);font-weight:750}
.support-cta a{display:inline-block;text-decoration:none;background:var(--a);border:1px solid var(--a);color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;box-shadow:0 2px 7px rgba(49,87,213,.12)}
.support-cta a:hover{background:var(--a2);border-color:var(--a2);color:#fff}
.support-cta .pending{display:inline-block;background:#f3f5f8;border:1px solid var(--ln);color:var(--mut);border-radius:999px;padding:8px 12px;font-weight:800}
@media(max-width:980px){.hero-v119{height:330px}.hero-art{width:58%}.hero-copy{left:34px;top:28px;max-width:540px}.hero-copy h1{font-size:36px}.hero-copy .sub{font-size:16px}.hero-searchbar-wrap{left:24px;bottom:22px;width:555px;max-width:calc(100% - 48px)}.environment-banner{top:10px;right:10px;max-width:56%}}
@media(max-width:900px){.grid{grid-template-columns:1fr}.side{position:static}.cards,.cloudgrid{grid-template-columns:1fr}.hero-v119{height:340px}.hero-art{width:58%}.hero-copy{left:34px;top:28px;max-width:500px}.hero-brand-row{margin-bottom:18px}.hero-copy h1{font-size:31px}.hero-copy .sub{font-size:15px}.hero-searchbar-wrap{left:24px;bottom:26px;width:555px;max-width:calc(100% - 48px)}.hero-searchbar{padding:10px}.sticky{min-width:190px}}
@media(max-width:600px){.hero-v119{height:470px;min-height:0}.hero-art{top:92px;width:76%;height:238px;object-position:right center}.hero-v119::after{background:linear-gradient(180deg,#000b36 0%,#000b36 19%,rgba(0,11,54,.76) 34%,rgba(0,11,54,.12) 64%,#000b36 72%,#000b36 100%)}.hero-copy{left:22px;top:22px;max-width:calc(100% - 44px)}.hero-brand-row{margin-bottom:20px}.hero-brand-icon{width:28px;height:28px}.hero-brand-name{font-size:18px}.hero-copy h1{max-width:250px;font-size:30px;line-height:1.08}.hero-copy .sub{max-width:285px;margin-top:10px;font-size:13px;line-height:1.38}.hero-searchbar-wrap{left:16px;right:16px;bottom:16px;width:auto;max-width:none}.hero-searchbar{padding:10px;background:rgba(255,255,255,.97)}.hero-searchbar.searchbar{flex-direction:column;gap:10px}.hero-searchbar .searchbar button,.hero-searchbar button{padding:12px;min-height:44px}.environment-banner{top:12px;right:12px;max-width:132px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px}.environment-banner-separator{display:none}.environment-banner-url{max-width:112px;overflow:hidden;text-overflow:ellipsis}}

.reference-tip{margin:16px 20px;padding:14px 16px;border:1px solid var(--ln);border-radius:12px;background:#fbfcff}
.reference-tip-title{font-weight:900;font-size:13px}.reference-tip p{margin:5px 0 10px;color:var(--mut);font-size:12px;line-height:1.45}
.reference-tip pre{margin:0;overflow:auto;background:#f2f5fb;border-radius:9px;padding:12px}.reference-tip code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55}
.footer-links{margin-top:9px;display:flex;justify-content:center;gap:8px}.footer-links a{color:var(--a);text-decoration:none;font-weight:750}.footer-links a:hover{text-decoration:underline}
.static-page{padding:6px 22px 24px}.static-section{padding:16px 0;border-bottom:1px solid var(--ln)}.static-section:last-child{border-bottom:0}.static-section h3{margin:0 0 8px;font-size:16px}.static-section p,.static-section li{font-size:13px;line-height:1.65;color:#445066}.static-section p{margin:7px 0}.static-section ul{margin:8px 0 0;padding-left:20px}.static-links{margin-top:8px}.page-back{display:inline-block;text-decoration:none}

/* v5.127: portrait-phone Feature Matrix behavior. Let the entire first
   column—including feature cells, category headings, and the floating header—
   scroll horizontally with the matrix, and keep it only wide enough for the
   Feature / Environment label. Landscape phones and larger layouts retain the
   normal sticky first-column behavior. */
@media(max-width:768px) and (orientation:portrait){
  .tablewrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .feature-matrix-tablewrap td.sticky,
  .feature-matrix-tablewrap th.sticky,
  .feature-matrix-tablewrap .group-title-cell,
  .feature-matrix-floating-header th.sticky,
  .feature-matrix-floating-header .group-title-cell{
    position:static!important;
    left:auto!important;
    min-width:170px;
  }
  .feature-matrix-tablewrap th.sticky,
  .feature-matrix-tablewrap .group-title-cell,
  .feature-matrix-floating-header th.sticky,
  .feature-matrix-floating-header .group-title-cell{
    white-space:normal;
    line-height:1.25;
  }
  .matrix th:not(:first-child),.matrix td:not(:first-child){min-width:72px;padding-left:8px;padding-right:8px}
  .wide th:not(:first-child),.wide td:not(:first-child){min-width:78px;padding-left:8px;padding-right:8px}
}

/* v5.11: matrix metadata and expanded legal footer. */
.matrix-meta{margin-top:9px;color:var(--mut);font-size:11px;line-height:1.55}
.matrix-meta strong{font-weight:800;color:#596378}
footer{padding-top:160px}
.footer-links{margin-top:22px;font-size:13px}
.footer-legal{margin-top:12px;font-size:11px;line-height:1.55;color:var(--mut)}
.footer-copyright,.footer-assent{font-size:11px}
.footer-assent a{color:var(--a);text-decoration:none}.footer-assent a:hover{text-decoration:underline}
.footer-disclaimer{margin-top:7px;padding-bottom:10px;font-size:10px;font-style:italic;color:#8d95a6}


/* v5.12: subtle footer spacing and support CTA refinements. */
/* v5.13: add more space before support CTA. */
/* v5.14: restore the solid-blue coffee button treatment at a more compact size. */
/* v5.15: add a little more breathing room below the Microsoft disclaimer. */

/* v5.17: richer matrix-style reference pages. */
.reference-section{border-bottom:1px solid var(--ln)}
.reference-section:last-of-type{border-bottom:0}
.reference-section-head{padding:17px 20px 10px}
.reference-section-head h3{margin:0;font-size:15px;letter-spacing:-.15px}
.reference-section-head p{margin:5px 0 0;color:var(--mut);font-size:12px;line-height:1.5}
.reference-tablewrap{max-height:none}
.reference-supplemental{margin-top:8px;border-top:1px solid var(--ln)}
.reference-footnotes{padding:10px 20px 15px;color:var(--mut);font-size:11px;line-height:1.5;background:#fbfcff}
.reference-footnotes p{margin:4px 0}
.ref-status{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;font-size:14px;font-weight:950;line-height:1}
.ref-compatible{background:#e7f5ed;color:var(--g)}
.ref-incompatible{background:#fbecec;color:var(--r)}
.ref-chip{display:inline-block;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:850;white-space:nowrap}
.ref-allowed{background:#e7f5ed;color:var(--g);border:1px solid #cce9da}
.ref-prevented{background:#fbecec;color:var(--r);border:1px solid #f0caca}
.reference-callouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;padding:18px 20px 22px;background:#fbfcff}
.reference-callout{border:1px solid var(--ln);border-radius:12px;background:#fff;padding:13px 14px}
.reference-callout-title{font-size:12px;font-weight:900;color:#2b3e86}
.reference-callout p{margin:6px 0 0;color:var(--mut);font-size:11px;line-height:1.5}
.reference-callout pre{margin:9px 0 0;overflow:auto;background:#f3f5f8;border-radius:8px;padding:9px}
.reference-callout code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.45}
.reference-table .ref-col-isolation_level,.reference-table .ref-col-mode{font-weight:850;white-space:nowrap}
.reference-table .ref-col-isolation_level{white-space:normal;min-width:215px;width:215px;max-width:215px;line-height:1.35}
.reference-table .ref-col-dirty_reads,.reference-table .ref-col-nonrepeatable_reads,.reference-table .ref-col-phantom_reads,
.reference-table .ref-col-readers_block_writers,.reference-table .ref-col-writers_block_readers,
.reference-table .ref-col-is,.reference-table .ref-col-s,.reference-table .ref-col-u,.reference-table .ref-col-ix,
.reference-table .ref-col-six,.reference-table .ref-col-x,.reference-table .ref-col-sch_s,.reference-table .ref-col-sch_m{text-align:center;white-space:nowrap}
@media(max-width:900px){.reference-callouts{grid-template-columns:1fr}}


/* v5.18: compare supports SQL Server releases and Azure deployment targets. */
.compare-cloud-heading{white-space:nowrap}

/* v5.19: one grouped Environment filter and frozen first column on wide lock/isolation references. */
.reference-tablewrap.freeze-first-column .reference-table th:first-child,
.reference-tablewrap.freeze-first-column .reference-table td:first-child{position:sticky;left:0}
.reference-tablewrap.freeze-first-column .reference-table th:first-child{z-index:6;background:#fafbfe;box-shadow:1px 0 0 var(--ln)}
.reference-tablewrap.freeze-first-column .reference-table td:first-child{z-index:2;background:#fff;box-shadow:1px 0 0 var(--ln)}
.reference-tablewrap.freeze-first-column .reference-table tbody tr:hover td:first-child{background:#fbfcff}

/* v5.20: streamline locking references and use semantic status colors. */

/* v5.22: match Feature Matrix mobile behavior for frozen reference columns. */
@media(max-width:768px){
  .reference-tablewrap.freeze-first-column .reference-table th:first-child,
  .reference-tablewrap.freeze-first-column .reference-table td:first-child{
    position:static;
    left:auto;
    box-shadow:none;
  }
  .reference-tablewrap.freeze-first-column .reference-table th:first-child{z-index:3}
  .reference-tablewrap.freeze-first-column .reference-table td:first-child{z-index:auto}
}

/* v5.23: version-note icons use hover/focus tooltips on pointer devices and tap popovers on touch devices. */

/* v5.29: unified environment selection replaces the separate Compare view. */
.environment-actions{display:flex;gap:6px;margin:7px 0 9px}
.environment-actions button{flex:1;border:1px solid var(--ln);background:#fbfcff;color:#314381;border-radius:8px;padding:7px 5px;font-size:11px;font-weight:850;cursor:pointer}
.environment-actions button:hover{background:#f3f6ff;border-color:#cbd4ed}
.environment-actions button:focus-visible{outline:2px solid rgba(49,87,213,.28);outline-offset:2px}
.environment-checks{border:1px solid var(--ln);border-radius:10px;background:#fbfcff;max-height:255px;overflow:auto;padding:7px 9px}
.environment-group+.environment-group{border-top:1px solid var(--ln);margin-top:7px;padding-top:7px}
.environment-group-title{font-size:9px;text-transform:uppercase;letter-spacing:.65px;color:var(--mut);font-weight:900;padding:2px 2px 4px}
.env-check{display:flex;align-items:center;gap:7px;margin:0;padding:5px 2px;font-size:11px;font-weight:700;text-transform:none;letter-spacing:normal;color:var(--txt);cursor:pointer}
.env-check input{width:16px;height:16px;margin:0;accent-color:var(--a);flex:0 0 auto}
.environment-hide{margin-bottom:4px}
.environment-hide input:disabled{opacity:.45}
.environment-hide:has(input:disabled){color:#9aa2b2}
.filter-help{font-size:10px;color:var(--mut);line-height:1.4;margin:0 0 3px}
.copy-view-button{width:100%;margin:9px 0 0;border:1px solid var(--ln);background:#fbfcff;color:#314381;border-radius:8px;padding:8px 9px;font-size:11px;font-weight:850;cursor:pointer}
.copy-view-button:hover{background:#f3f6ff;border-color:#cbd4ed}
.copy-view-button:focus-visible{outline:2px solid rgba(49,87,213,.28);outline-offset:2px}
.copy-view-status{min-height:14px;margin:5px 1px 0;font-size:9px;line-height:1.35;color:var(--mut)}

/* v5.31: SQL Server & Windows compatibility reference matrix. */
.reference-table .ref-col-windows{min-width:205px;width:205px;font-weight:850;line-height:1.3}
.reference-table [class*="ref-col-sql_"]{min-width:82px;text-align:center;white-space:nowrap}
.ref-os-cell{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:46px;font-weight:850}
.ref-os-supported{color:var(--g)}
.ref-os-unsupported{color:var(--r);font-weight:800}
.ref-os-level{white-space:nowrap}
.reference-tablewrap.freeze-first-column .reference-table td.ref-col-windows{background:#fff}
.reference-tablewrap.freeze-first-column .reference-table tbody tr:hover td.ref-col-windows{background:#fbfcff}
@media(max-width:768px){
  .reference-table .ref-col-windows{min-width:180px;width:180px}
  .reference-table [class*="ref-col-sql_"]{min-width:76px;padding-left:8px;padding-right:8px}
}

/* v5.35: align binary reference status styling without erasing semantic differences. */
.reference-table .ref-status{
  width:auto;
  height:auto;
  border-radius:0;
  background:transparent;
  font-size:16px;
  line-height:1;
}
.reference-table .ref-compatible{background:transparent;color:var(--g)}
.reference-table .ref-incompatible{background:transparent;color:var(--r)}

/* v5.36: context-aware sidebar, permanent Feature Matrix navigation, and axis-label consistency. */
.sidebar-home{width:100%;text-decoration:none;text-align:left;border:1px solid var(--ln);background:#fff;color:#314381;border-radius:10px;padding:10px 11px;font-weight:900;cursor:pointer;margin:0 0 4px}
.sidebar-home:hover{background:#f7f9ff;border-color:#cbd4ed}
.sidebar-home.on{background:var(--soft);border-color:#cfd8f5;color:var(--a2)}
.sidebar-home:focus-visible{outline:2px solid rgba(49,87,213,.28);outline-offset:2px}
.quick a.on{background:var(--soft);border-color:#cfd8f5;color:var(--a2)}


/* v5.37: inline lock-mode meanings and shorter Windows compatibility axis label. */
.ref-code-note{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}
.ref-code-note .note-marker{flex:0 0 auto}
.ref-label-note{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}
.ref-label-note .note-marker{flex:0 0 auto}
.ref-label-note-text{font-family:inherit;font-weight:inherit}

/* v5.38: compact colored Feature Matrix icon and final axis-label refinement. */
.sidebar-home{display:flex;align-items:center;gap:8px}
.sidebar-home-icon{width:20px;height:20px;flex:0 0 20px;overflow:visible}
.sidebar-home-icon .matrix-cell{stroke:#17213b;stroke-width:1.15}
.sidebar-home-icon .matrix-cell-green{fill:#33c99a}
.sidebar-home-icon .matrix-cell-amber{fill:#f1c75b}
.sidebar-home-icon .matrix-cell-red{fill:#ef6670}

/* v5.39: static-page sidebar/navigation polish and consistent unsupported compatibility styling. */

/* v5.77: clearer status treatment for pre-edition SQL Server releases on feature detail pages. */
.historical-detail-status{display:inline-flex;align-items:center;justify-content:center;gap:2px;font-weight:850;white-space:nowrap}
.historical-detail-status .note-marker{margin-left:4px}


/* v5.78: prominent environment indicator everywhere except the production site. */
.environment-banner{
  position:absolute;top:12px;right:12px;z-index:5;display:flex;align-items:center;gap:8px;max-width:min(48%,540px);margin-top:0;
  padding:6px 9px;border:1px solid rgba(255,255,255,.55);border-radius:10px;
  background:#fff3bf;color:#332600;box-shadow:0 4px 12px rgba(0,0,0,.12);
  font-size:12px;font-weight:800;line-height:1.2;
}
.environment-banner[hidden]{display:none}
.environment-banner-label,.environment-banner-version,.environment-banner-url{display:inline-flex;align-items:center;line-height:1}
.environment-banner-label{font-size:9px;font-weight:950;letter-spacing:.8px;white-space:nowrap}
.environment-banner-version{font-size:11px;font-weight:900;white-space:nowrap}
.environment-banner-url{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;font-size:11px;overflow-wrap:anywhere}
.environment-banner-separator{align-self:stretch;width:1px;min-height:14px;background:rgba(51,38,0,.38);margin:0 1px}
@media(max-width:600px){
  .environment-banner{align-items:flex-start;flex-direction:column;gap:4px;max-width:100%}
  .environment-banner-separator{display:none}
}


.reference-link-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:8px;vertical-align:-2px;flex:0 0 18px}
.reference-link-icon-svg svg{display:block;width:18px;height:18px}
.quick a{display:flex;align-items:center;gap:0}
.quick a span:last-child{display:inline-block;line-height:1.25}


/* v5.81 refinements */
.ref-page-transaction-isolation .reference-table .ref-col-isolation_level{font-weight:400}
.ref-page-lock-compatibility .reference-table .ref-col-mode{font-weight:400}
.ref-page-transaction-isolation .reference-tablewrap{overflow-x:auto}
.ref-page-os-compatibility .reference-table{min-width:1760px}
.ref-page-os-compatibility .reference-table .ref-col-operating_system{min-width:260px;width:260px;font-weight:400;line-height:1.3;white-space:normal}
.ref-page-os-compatibility .reference-table [class*="ref-col-sql_"]{min-width:86px;text-align:center;white-space:nowrap}
.ref-page-os-compatibility .reference-tablewrap.freeze-first-column .reference-table td.ref-col-operating_system{background:#fff}
.ref-page-os-compatibility .reference-tablewrap.freeze-first-column .reference-table tbody tr:hover td.ref-col-operating_system{background:#fbfcff}
@media(max-width:1024px){
  .ref-page-os-compatibility .reference-table{min-width:1600px}
  .ref-page-os-compatibility .reference-table .ref-col-operating_system{min-width:220px;width:220px}
}


/* v5.85-v5.88: use subtle gray pills only for selected row labels; OS compatibility status cells remain unboxed. */
.ref-soft-pill{display:inline-block;background:#f6f8fb;padding:4px 7px;border-radius:6px;line-height:1.25}
.ref-page-transaction-isolation .reference-primary .ref-col-isolation_level .ref-soft-pill{font-weight:400}
.ref-page-os-compatibility .reference-table .ref-os-level{background:transparent;padding:0;border-radius:0}
.ref-page-os-compatibility .reference-table .ref-col-operating_system{min-width:290px;width:290px}
.ref-page-os-compatibility .reference-table{min-width:1790px}
@media(max-width:1024px){
  .ref-page-os-compatibility .reference-table{min-width:1625px}
  .ref-page-os-compatibility .reference-table .ref-col-operating_system{min-width:245px;width:245px}
}

/* v5.89: normalize mobile-only reference table typography. */
@media(max-width:768px){
  .ref-page-transaction-isolation .reference-supplemental .ref-col-shared_lock_behavior{
    font-size:12px;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }
  .ref-page-date-time .reference-table .ref-col-example,
  .ref-page-date-time .reference-table .ref-col-example .code{
    font-size:12px;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }
}

/* v5.102: semantic navigation links retain the existing button/pill appearance. */
.fn[href],.pill.fn[href],.back[href],.quick a{text-decoration:none}
.back[href]{display:inline-block}
.quick a{width:100%;text-align:left;border:1px solid var(--ln);background:#fbfcff;border-radius:10px;padding:10px 11px;font-weight:800;color:#314381;cursor:pointer;margin-bottom:7px;box-sizing:border-box}
.quick a:hover{background:#f7f9ff;border-color:#cbd4ed}
.quick a:focus-visible,.fn[href]:focus-visible,.pill.fn[href]:focus-visible,.back[href]:focus-visible{outline:2px solid rgba(49,87,213,.28);outline-offset:2px}


/* v5.110: let the Feature Matrix use normal page scrolling vertically while
   retaining its horizontal scroller and sticky column/category headers. */
.feature-matrix-tablewrap{max-height:none;overflow-x:auto;overflow-y:hidden}
.feature-matrix-tablewrap thead th{position:static;top:auto}
.feature-matrix-tablewrap thead th.sticky{position:sticky;left:0;top:auto;z-index:5}
.feature-matrix-tablewrap .group td{position:static;top:auto}
.feature-matrix-tablewrap .group-title-cell{position:sticky!important;left:0!important;top:auto!important;z-index:6!important}
.feature-matrix-floating-header{display:none;position:fixed;top:0;z-index:999;overflow:hidden;background:#fafbfe;pointer-events:none;box-shadow:0 1px 0 var(--ln),0 5px 12px rgba(30,42,76,.08)}
.feature-matrix-floating-header.on{display:block}
.feature-matrix-floating-header table{width:max-content;min-width:100%;table-layout:fixed}
.feature-matrix-floating-header th{position:static;top:auto}
.feature-matrix-floating-header th.sticky{position:sticky;left:0;top:auto;z-index:5;background:#fafbfe}
.feature-matrix-floating-header .group td{position:static;top:auto}
.feature-matrix-floating-header .group-title-cell{position:sticky!important;left:0!important;top:auto!important;z-index:6!important}

/* v5.136: viewport-sticky headers for selected long Quick Reference tables. */
.reference-floating-header{display:none;position:fixed;top:0;z-index:999;overflow:hidden;background:#fafbfe;pointer-events:none;box-shadow:0 1px 0 var(--ln),0 5px 12px rgba(30,42,76,.08)}
.reference-floating-header.on{display:block}
.reference-floating-header table{width:max-content;min-width:100%;table-layout:fixed}
.reference-floating-header th{position:static;top:auto}
.reference-floating-header.freeze-first-column th:first-child{position:sticky;left:0;top:auto;z-index:6;background:#fafbfe;box-shadow:1px 0 0 var(--ln)}
@media(max-width:768px){
  .reference-floating-header.freeze-first-column th:first-child{position:static;left:auto;z-index:3;box-shadow:none}
}

/* v5.112: keep a visible gap between the blue site header and the main panels. */
main#mainWrap{padding-top:20px}

.mail-link{font-weight:900}

/* v5.130: standalone, recovery-focused 404 page. The compact header and
   centered card remain useful even if JavaScript does not run. */
.not-found-body .site-header{padding:14px 0}
.not-found-body .hero-v119{height:78px;background:#000b36;border-radius:18px}
.not-found-body .hero-copy{display:flex;align-items:center;inset:0 auto 0 24px;position:absolute;max-width:none}
.not-found-body .hero-brand-row{margin:0}
.not-found-body .hero-brand-icon{width:30px;height:30px}
.not-found-body .hero-brand-name{font-size:22px}
.not-found-body .hero-copy h1,.not-found-body .hero-copy .sub,.not-found-body .hero-searchbar-wrap{display:none}
.not-found-body main{padding-top:54px}
.not-found-body .grid{display:block;max-width:1100px;margin:0 auto}
.not-found-body .side{display:none}
.not-found-body .content{overflow:visible;border-radius:22px}
.not-found-page{text-align:center;padding:58px 72px 50px}
.not-found-code{color:var(--a);font-size:27px;font-weight:950;letter-spacing:.8px;margin-bottom:18px}
.not-found-page h2{margin:0;color:var(--txt);font-size:38px;line-height:1.15;letter-spacing:-.8px}
.not-found-lead,.not-found-sub{margin:14px auto 0;color:var(--mut);font-size:16px;line-height:1.55}
.not-found-sub{margin-top:2px}
.not-found-search{display:flex;gap:12px;max-width:850px;margin:42px auto 0;padding:14px;border:1px solid #d7deee;border-radius:18px;background:#f7f9ff}
.not-found-search input{flex:1;min-width:0;border:1px solid #d7deee;border-radius:13px;padding:14px 17px;background:#fff;color:var(--txt);font:inherit;font-size:15px;outline:0}
.not-found-search input:focus{border-color:#a9b9ec;box-shadow:0 0 0 3px rgba(49,87,213,.1)}
.not-found-search input::placeholder{color:#6b7488}
.not-found-search button{border:0;border-radius:13px;background:var(--a);color:#fff;min-width:150px;padding:0 26px;font:inherit;font-weight:850;cursor:pointer}
.not-found-search button:hover{background:var(--a2)}
.not-found-search button:focus-visible,.not-found-return:focus-visible{outline:3px solid rgba(49,87,213,.25);outline-offset:3px}
.not-found-return{display:inline-flex;align-items:center;justify-content:center;margin-top:36px;border:2px solid var(--a);border-radius:12px;padding:13px 25px;color:var(--a);background:#fff;text-decoration:none;font-size:14px;font-weight:850}
.not-found-return:hover{background:#f7f9ff;color:var(--a2);border-color:var(--a2)}
.not-found-note{margin:32px auto 0;color:#818ba1;font-size:12px;line-height:1.5}
.not-found-body footer{padding-top:58px}
@media(max-width:700px){
  .not-found-body .hero-v119{height:68px;min-height:0}
  .not-found-body .hero-copy{left:18px}
  .not-found-body main{padding-top:28px}
  .not-found-page{padding:42px 22px 36px}
  .not-found-page h2{font-size:30px}
  .not-found-lead,.not-found-sub{font-size:14px}
  .not-found-search{flex-direction:column;margin-top:30px;padding:10px}
  .not-found-search button{min-height:48px}
  .not-found-return{margin-top:28px}
}

/* v5.132: hero-only responsive refinement for landscape phones. */
@media(max-width:900px) and (orientation:landscape){.hero-v119{height:340px}.hero-art{top:0;right:0;width:58%;height:100%}.hero-v119::after{background:linear-gradient(90deg,#000b36 0%,#000b36 38%,rgba(0,11,54,.9) 44%,rgba(0,11,54,.18) 59%,rgba(0,11,54,0) 70%)}.hero-copy{left:34px;top:28px;max-width:520px}.hero-copy h1{max-width:none;font-size:32px}.hero-copy .sub{max-width:520px;margin-top:12px;font-size:14px}.hero-searchbar-wrap{left:24px;bottom:27px;width:555px;max-width:64%}.hero-searchbar.searchbar{flex-direction:row;gap:12px}.hero-searchbar button{padding:0 24px;min-height:0}.environment-banner{top:10px;right:10px;max-width:52%;flex-direction:row;align-items:center;gap:10px;padding:7px 10px}.environment-banner-separator{display:block}.environment-banner-url{max-width:none;overflow:visible}}

/* v5.139: match Feature Matrix first-column stickiness on the three long
   Quick References. Desktop/tablet and landscape phones keep the first
   column frozen; portrait phones at 768px and below let it scroll normally. */
.reference-tablewrap.sticky-first-column .reference-table th:first-child,
.reference-tablewrap.sticky-first-column .reference-table td:first-child{position:sticky;left:0}
.reference-tablewrap.sticky-first-column .reference-table th:first-child{z-index:6;background:#fafbfe;box-shadow:1px 0 0 var(--ln)}
.reference-tablewrap.sticky-first-column .reference-table td:first-child{z-index:2;background:#fff;box-shadow:1px 0 0 var(--ln)}
.reference-tablewrap.sticky-first-column .reference-table tbody tr:hover td:first-child{background:#fbfcff}
.reference-floating-header.sticky-first-column th:first-child{position:sticky;left:0;top:auto;z-index:6;background:#fafbfe;box-shadow:1px 0 0 var(--ln)}
@media(max-width:768px) and (orientation:portrait){
  .reference-tablewrap.sticky-first-column .reference-table th:first-child,
  .reference-tablewrap.sticky-first-column .reference-table td:first-child,
  .reference-floating-header.sticky-first-column th:first-child{
    position:static;
    left:auto;
    box-shadow:none;
  }
  .reference-tablewrap.sticky-first-column .reference-table th:first-child,
  .reference-floating-header.sticky-first-column th:first-child{z-index:3}
  .reference-tablewrap.sticky-first-column .reference-table td:first-child{z-index:auto}
}
