/* Informational pages share the homepage's type, space and blue theme. */
.reference-page { min-width:320px; }
.reference-page .wrap { width:min(1248px,calc(100% - 96px)); }
.reference-page .header { min-height:96px; height:auto; padding-block:20px; }
.reference-page .header > nav { flex-wrap:wrap; justify-content:flex-end; gap:12px 24px; }
.reference-page .header > nav > a { display:inline-flex; min-height:44px; align-items:center; }
.reference-page .header > nav > a[aria-current] { color:var(--brand); text-decoration:underline; text-underline-offset:7px; }
.reference-page .button { border-radius:7px; box-shadow:none; padding:15px 23px; font-size:14px; }
.reference-page a, .reference-page summary, .reference-nav a { touch-action:manipulation; }
.reference-page a:focus-visible, .reference-page summary:focus-visible, .reference-nav a:focus-visible { outline:3px solid var(--brand); outline-offset:5px; }
.reference-page ::selection { background:var(--brand); color:var(--on-brand); }
.reference-nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 27px; padding-block:9px 10px; border-bottom:1px solid var(--line); font-size:13px; line-height:1.5; }
.reference-nav a { display:inline-flex; align-items:center; min-height:36px; color:var(--text); text-decoration:underline; text-underline-offset:5px; }
.reference-nav a:hover { color:var(--brand); }
.reference-header { padding-block:52px 42px; }
.reference-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px 20px; font-size:13px; margin-bottom:28px; color:var(--muted); }
.reference-breadcrumbs a { text-decoration:underline; text-underline-offset:4px; }
.reference-header h1 { max-width:1000px; font-size:64px; line-height:1.06; letter-spacing:-.032em; font-weight:620; margin:0 0 24px; overflow-wrap:anywhere; hyphens:auto; }
.reference-intro { font-size:19px; line-height:1.65; max-width:68ch; color:var(--muted); margin:0; }
.reference-meta { margin:22px 0 0; display:flex; gap:8px 24px; flex-wrap:wrap; color:var(--muted); font-size:13px; line-height:1.6; font-variant-numeric:tabular-nums; }
.reference-layout { display:grid; grid-template-columns:224px minmax(0,1fr); gap:72px; align-items:start; border-top:1px solid var(--line); padding-top:34px; padding-bottom:88px; }
.reference-contents { position:sticky; top:24px; max-height:calc(100vh - 48px); overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--line) transparent; }
.reference-contents h2 { font-size:14px; font-weight:650; margin:0 0 16px; }
.reference-contents nav { display:flex; flex-direction:column; gap:2px; align-items:stretch; font-size:14px; }
.reference-contents a { min-height:40px; display:flex; align-items:center; line-height:1.45; color:var(--muted); padding:6px 0; }
.reference-contents a:hover { color:var(--brand); }
.reference-content { min-width:0; }
.reference-content, .release-summary, .release-notes { overflow-wrap:anywhere; }
.reference-section { scroll-margin-top:28px; margin-bottom:58px; }
.reference-section:last-child { margin-bottom:0; }
.reference-section > h2 { font-size:34px; letter-spacing:-.025em; line-height:1.15; font-weight:590; margin:0 0 18px; }
.reference-section > p { max-width:70ch; font-size:16px; color:var(--muted); line-height:1.7; margin-bottom:26px; }
.settings-list { margin:0; }
.setting-row { display:grid; grid-template-columns:minmax(145px,.72fr) minmax(0,1.28fr); column-gap:32px; padding-block:23px 25px; border-top:1px solid var(--line); scroll-margin-top:26px; }
.setting-row dt { font-size:16px; line-height:1.45; font-weight:600; }
.setting-row dd { margin:0; font-size:15px; line-height:1.7; color:var(--muted); }
.setting-row p { margin:0 0 10px; }
.setting-row p:last-child { margin-bottom:0; }
.setting-options { color:var(--text); font-size:14px; }
.setting-note { font-size:13px; line-height:1.65; }
.setting-note strong { color:var(--text); font-weight:600; }
.reference-content a { color:var(--brand); text-decoration:underline; text-underline-offset:4px; }
.reference-help { border-top:1px solid var(--line); padding-top:25px; margin-top:44px; font-size:15px; line-height:1.7; max-width:70ch; }
.release-list { padding-bottom:64px; }
.release-entry { display:grid; grid-template-columns:260px minmax(0,1fr); gap:50px; padding-block:32px 36px; border-top:1px solid var(--line); scroll-margin-top:30px; }
.release-entry h2 { margin:0 0 10px; font-size:31px; font-weight:580; letter-spacing:-.025em; line-height:1.2; }
.release-entry h2 a:hover { color:var(--brand); }
.release-entry .reference-meta { display:block; margin:0; }
.release-entry .reference-meta > * { display:block; margin-bottom:6px; }
.release-summary { max-width:70ch; font-size:16px; line-height:1.7; color:var(--muted); }
.release-summary p { margin-bottom:17px; }
.release-summary ul { padding-left:20px; margin-block:0 17px; }
.release-detail-link { display:inline-flex; align-items:center; min-height:44px; color:var(--brand); text-decoration:underline; text-underline-offset:5px; font-size:14px; }
.release-document { max-width:780px; margin-left:calc(224px + 72px); padding-bottom:76px; }
.release-document .release-notes { font-size:17px; line-height:1.75; }
.release-notes h2 { margin:42px 0 20px; font-size:30px; line-height:1.2; letter-spacing:-.02em; }
.release-notes h3 { margin:34px 0 14px; font-size:23px; line-height:1.3; letter-spacing:-.015em; }
.release-notes p, .release-notes li { color:var(--muted); }
.release-notes ul { padding-left:22px; }
.release-notes li { padding-left:4px; margin-bottom:12px; }
.release-notes li::marker { color:var(--brand); }
.release-note-links { border-top:1px solid var(--line); margin-top:38px; padding-top:22px; display:flex; flex-wrap:wrap; gap:16px 30px; }
.release-note-links a { min-height:44px; display:inline-flex; align-items:center; color:var(--brand); text-decoration:underline; text-underline-offset:5px; }
.reference-page .footer { margin-top:0; padding-block:32px 50px; }
@media(max-width:1050px) {
 .reference-page .wrap { width:calc(100% - 64px); }
 .reference-page .header { gap:18px; }
 .reference-page .header > nav { gap:6px 16px; }
 .reference-layout { grid-template-columns:185px minmax(0,1fr); gap:38px; }
 .setting-row { grid-template-columns:1fr; gap:10px; }
 .release-document { margin-left:223px; }
 .release-entry { grid-template-columns:220px minmax(0,1fr); gap:32px; }
}
@media(max-width:700px) {
 .reference-page .wrap { width:calc(100% - 40px); }
 .reference-page .header { position:relative; flex-wrap:wrap; padding-block:18px 12px; gap:10px; }
 .reference-page .header > nav { width:100%; display:grid; grid-template-columns:1fr 1fr; justify-content:start; gap:2px 18px; font-size:12px; }
 .reference-page .header > nav .language-chooser { position:absolute; top:17px; right:0; }
 .reference-page .header > nav > a:not(.language-switch):not(.nav-download):not([href*="account"]) { display:inline-flex; }
 .reference-page .header > nav .button { padding:10px 14px; font-size:12px; }
 .reference-nav { justify-content:flex-start; gap:8px 24px; padding-block:7px; font-size:13px; }
 .reference-header { padding-block:30px 29px; }
 .reference-breadcrumbs { font-size:12px; margin-bottom:23px; }
 .reference-header h1 { font-size:42px; line-height:1.08; margin-bottom:20px; }
 .reference-intro { font-size:17px; }
 .reference-meta { font-size:12px; margin-top:18px; }
 .reference-layout { display:block; padding-top:24px; padding-bottom:50px; }
 .reference-contents { position:static; max-height:none; overflow:visible; padding-bottom:28px; margin-bottom:32px; border-bottom:1px solid var(--line); }
 .reference-contents h2 { font-size:13px; margin-bottom:12px; }
 .reference-contents nav { flex-direction:row; flex-wrap:wrap; gap:3px 22px; font-size:13px; }
 .reference-contents a { min-height:40px; color:var(--brand); text-decoration:underline; text-underline-offset:4px; }
 .reference-section { margin-bottom:43px; }
 .reference-section > h2 { font-size:29px; }
 .reference-section > p { font-size:15px; }
 .setting-row { padding-block:20px; gap:9px; }
 .setting-row dt { font-size:16px; }
 .setting-row dd { font-size:15px; }
 .release-entry { grid-template-columns:1fr; gap:20px; padding-block:27px; }
 .release-entry h2 { font-size:29px; }
 .release-entry .reference-meta { display:flex; flex-wrap:wrap; gap:4px 18px; }
 .release-summary { font-size:15px; }
 .release-document { margin-left:0; padding-bottom:48px; }
 .release-document .release-notes { font-size:16px; }
 .release-notes h3 { font-size:22px; }
}
@media(prefers-reduced-motion:reduce) {
 .reference-page *, .reference-page *::before, .reference-page *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}