:root{--base-clr: #f5f7fb;--surface: #ffffff;--surface-soft: #edf2fb;--surface-strong: #e3ebfa;--surface-2: #f8fbff;--surface-3: #edf3fb;--line-clr: #ccd6e8;--text-clr: #1a2433;--muted-text: #52617b;--accent: #0a66d1;--accent-strong: #094ea0;--footer-bg: #dbe5f8;--font-size: 16px;--font-size-title: clamp(1.3rem, 2vw + 1rem, 2rem)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%}body{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:var(--font-size);line-height:1.55;color:var(--text-clr);background:linear-gradient(180deg,var(--base-clr) 0%,#f8fbff 35%,var(--base-clr) 100%);display:flex;flex-direction:column;overflow-x:hidden}a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1.4px;text-underline-offset:.14em;transition:color .15s ease}a:hover,a:focus-visible{color:var(--accent-strong)}a:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,white);outline-offset:2px;border-radius:.3rem}#header{width:min(1100px,100% - 2rem);margin:1rem auto 0;padding:1rem 1.25rem;border:1px solid var(--line-clr);border-radius:1rem;background:linear-gradient(160deg,var(--surface) 0%,var(--surface-soft) 100%)}#header .site-brand{display:flex;justify-content:center}#header .site-brand a{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;color:var(--text-clr);text-decoration:none}#header .site-logo{width:56px;height:56px;flex:0 0 auto;object-fit:contain}#header .site-title{color:var(--text-clr);font-size:var(--font-size-title);font-weight:800}#header .site-brand a:hover .site-title,#header .site-brand a:focus-visible .site-title{color:var(--accent-strong)}#main-nav.navbar{width:min(1100px,100% - 2rem);margin:.85rem auto 0;padding:.8rem;border:1px solid var(--line-clr);border-radius:1rem;background:var(--surface)}#main-nav.navbar ul{list-style:none;display:flex;align-items:center;gap:.55rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin}#main-nav.navbar li{flex:0 0 auto}#main-nav.navbar a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.45rem .8rem;border:1px solid var(--line-clr);border-radius:999px;background:var(--surface-soft);color:var(--text-clr);text-decoration:none;font-weight:600;white-space:nowrap;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}#main-nav.navbar a:hover,#main-nav.navbar a:focus-visible{border-color:color-mix(in srgb,var(--accent) 65%,white);background:var(--surface-strong);transform:translateY(-1px)}#main-nav.navbar a[aria-current=page]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,white);color:#083970;font-weight:700}#main-content,main{width:min(1100px,100% - 2rem);margin:1rem auto 1.25rem;display:flex;flex-direction:column;align-items:center;flex:1}.text-page{width:100%;max-width:960px;margin:0 auto;padding:1rem;display:grid;gap:1rem;border:1px solid var(--line-clr);border-radius:1rem;background:var(--surface)}.text-page__header{text-align:center;padding:.25rem .5rem .75rem;border-bottom:1px dashed var(--line-clr)}.text-page h1{margin:.75rem 0 .25rem;line-height:1.15}.text-page h2{margin:0 0 .35rem;line-height:1.2}.text-page p{max-width:72ch;margin-top:.35rem}#footer{width:100%;margin:auto 0 0;padding:1.15rem max(1rem,calc((100% - 1100px)/2));border-top:1px solid var(--line-clr);background:color-mix(in srgb,var(--footer-bg) 52%,var(--base-clr));color:var(--muted-text)}#footer nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem}#footer nav a{display:inline;padding:.15rem 0;border:0;border-radius:0;text-decoration:none;color:color-mix(in srgb,var(--muted-text) 84%,transparent);font-weight:500;background:transparent}#footer nav a:hover,#footer nav a:focus-visible{color:var(--accent-strong);text-decoration:underline;text-underline-offset:.18em}@media(min-width:760px){#main-nav.navbar{padding:.9rem}#main-nav.navbar ul{flex-wrap:wrap;overflow-x:visible;justify-content:center;padding-bottom:0}#footer nav ul{justify-content:flex-end}}@media(max-width:520px){#header,#main-nav.navbar,#main-content{width:calc(100% - 1.1rem)}#header{margin-top:.6rem;padding:.85rem .9rem}#header .site-brand a{gap:.6rem}#header .site-logo{width:44px;height:44px}#main-nav.navbar{margin-top:.65rem;padding:.65rem}#main-content,main{margin-top:.8rem;margin-bottom:1rem}#footer{padding:.9rem}}