:root{--cc-ink:#0b1725;--cc-mint:#a3f4c6;--cc-line:#293c4e;--cc-font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--orange:#a3f4c6;--aqua:#80e6cd}
body{font-family:var(--cc-font)}
.cc-header,.cc-footer{background:var(--cc-ink);color:#f4f7fb;border-color:var(--cc-line);font:600 .875rem/1.4 var(--cc-font)}
.cc-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--cc-line);backdrop-filter:none}
.cc-shell{width:min(1200px,calc(100% - 36px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.cc-brand{display:inline-flex;align-items:center;gap:.45em;font-weight:850;letter-spacing:-.025em;color:#f4f7fb;text-decoration:none}
.cc-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(140deg,#d3ffe2,#78e7b2);color:#0b1725;font-size:22px;margin-right:5px;flex:none}
.cc-brand b,.cc-header a[aria-current],.cc-footer a[aria-current]{color:var(--cc-mint)}
.cc-header nav,.cc-footer nav{margin:0;min-height:0;max-width:none;padding:0;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.cc-header nav a,.cc-footer nav a{margin:0;color:inherit;text-decoration:none}
.cc-header a:hover,.cc-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.cc-header a.cc-demo{padding:10px 14px;border-radius:8px;background:var(--cc-mint);color:var(--cc-ink);white-space:nowrap}
.cc-mobile{display:none}.cc-mobile summary{cursor:pointer;padding:10px;border:1px solid var(--cc-line);border-radius:8px}
.cc-footer{border-top:1px solid var(--cc-line);padding:12px 0 20px}
.cc-note{width:min(1200px,calc(100% - 36px));margin:0 auto;color:#aab9c9;font-size:.8rem}
.cc-header a:focus-visible,.cc-footer a:focus-visible,.cc-mobile summary:focus-visible{outline:2px solid var(--cc-mint);outline-offset:4px}
@media(max-width:900px){.cc-header .cc-desktop{display:none}.cc-mobile{display:block}.cc-mobile nav{position:absolute;right:18px;top:100%;padding:16px;background:var(--cc-ink);border:1px solid var(--cc-line);border-radius:10px;display:grid;width:min(240px,calc(100% - 36px))}.cc-footer .cc-shell{align-items:flex-start;flex-direction:column}}
@media(max-width:360px){.cc-brand{font-size:.8rem}.cc-shell{gap:8px}}