/* Dependency-free web material: backdrop refraction, edge lighting and pointer highlights. */
:root{--glass-edge:rgba(255,255,255,.82);--glass-shadow:rgba(34,95,148,.18)}
header nav,.primary,.secondary,.actions .update,.tabs,.tabs button,dialog,.close,.faq summary{
 --light-x:28%;--light-y:12%;position:relative;isolation:isolate;
 background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffffa3,transparent 68%),linear-gradient(135deg,#ffffff63,#b5dcfa33 55%,#ffffff73);
 border:1px solid var(--glass-edge);box-shadow:inset 0 1px 1px #fff,inset 1px 0 1px #fff8,inset 0 -1px 2px #6dacf24a,0 8px 22px var(--glass-shadow),0 1px 2px #6ea7d133;
 backdrop-filter:blur(12px) saturate(155%);-webkit-backdrop-filter:blur(12px) saturate(155%);
 transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,background-color .28s;
}
header nav{gap:5px;padding:6px;border-radius:40px;background-color:#dceeff20;min-width:284px;justify-content:space-between}
header nav a{padding:9px 25px;border:1px solid transparent;border-radius:30px;line-height:1.5;transition:background .2s,box-shadow .2s;color:#143b72}
header nav a:hover{background:#ffffff60}header nav a.active{border:1px solid #ffffffbf;background:linear-gradient(145deg,#ffffffcf,#bfe2ff73);box-shadow:inset 0 1px 0 white,0 3px 12px #2f7cc523;color:#0051b7}
.primary{background-color:#0074f2;color:#fff;text-shadow:0 1px 2px #034d9599;background-image:radial-gradient(ellipse at var(--light-x) var(--light-y),#b9edff91,transparent 60%),linear-gradient(160deg,#00aaff4d,#0051e5d9);border-color:#bce7ffb8;box-shadow:inset 0 1px 2px #ffffffce,inset 0 -2px 3px #0750c677,0 8px 22px #006edf35}
.primary:hover{background-color:#0086ff;box-shadow:inset 0 1px 3px white,inset 0 -1px 2px #215db478,0 12px 28px #0079ef40;transform:translateY(-2px) scale(1.018)}
.secondary,.actions .update{color:#103c79;background-color:#e4f2ff38;backdrop-filter:blur(12px) saturate(155%)}
.secondary:hover,.actions .update:hover{background-color:#ffffff60;box-shadow:inset 0 1px 2px white,0 10px 25px #247bbc26;transform:translateY(-2px) scale(1.018)}
.primary:active,.secondary:active,.actions .update:active,.tabs button:active{transform:scale(.97)}
.tabs button{background-color:transparent;box-shadow:none;border:1px solid transparent}.tabs button[aria-selected=true]{background:radial-gradient(ellipse at var(--light-x) var(--light-y),#a3e8ff9c,transparent 70%),linear-gradient(160deg,#0ba8ffc9,#0059eee6);border:1px solid #d3edffa8;box-shadow:inset 0 1px 2px #fff9,0 5px 16px #0074e933;color:white}
.close{border-radius:50%;width:36px;height:36px;padding:0;line-height:1;background-color:#e9f6ff4d}.close:hover{background-color:#fff9;transform:scale(1.06)}
/* Override the shared glass material's relative positioning for the dialog close control. */
dialog .close{position:absolute;inset:14px 14px auto auto;z-index:2;display:grid;place-items:center}
dialog h2{padding-right:42px;line-height:1.4}
dialog{position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 32px);overflow:auto}
dialog{background-color:#e3f1fbbd}.faq summary{border-radius:12px;padding:15px 16px;margin:8px -8px;background-color:#edf7ff26;box-shadow:inset 0 1px 0 #fff9,0 2px 8px #357dad0d}.faq summary:hover{background-color:#ffffff5c}.faq details{background:#eff8ff24}
@supports(backdrop-filter:url('#glass-refraction') blur(1px)){
 header nav,.secondary,.actions .update,.tabs,.close{backdrop-filter:url('#glass-refraction') blur(8px) saturate(145%)}
}
@media(max-width:800px){header{gap:12px}header .brand{width:145px;flex-shrink:0}header nav{min-width:0;gap:1px;padding:4px;flex:1}header nav a{padding:8px 12px;font-size:14px}.tabs button{padding:9px 8px}}
@media(max-width:390px){header .brand{width:128px}header nav a{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.primary,.secondary,.actions .update,.tabs button,.close{transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){header nav,.secondary,.actions .update,.tabs,.tabs button,.faq summary,dialog,.close{background:#edf6ff;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.primary,.tabs button[aria-selected=true]{background:#0062d6;backdrop-filter:none!important}.details{background:#edf6ff;backdrop-filter:none!important}}
@media(forced-colors:active){header nav,.primary,.secondary,.actions .update,.tabs,.tabs button,dialog,.close,.faq summary{background:Canvas;color:CanvasText;border:1px solid ButtonText;backdrop-filter:none!important;box-shadow:none}.wordmark{background:none;color:CanvasText}}
