/* Careful Study header standard v1. Reference: lore.carefulstudy.net. */
#cs-header { box-sizing:border-box; width:100%; max-width:none; height:76px; min-height:76px; margin:0; padding:0 clamp(20px,4vw,66px); display:flex; align-items:center; justify-content:space-between; gap:24px; border:0; border-bottom:1px solid rgba(230,216,255,.16); border-radius:0; background:rgba(8,6,18,.86); color:#f8f3ff; backdrop-filter:blur(18px); position:sticky; top:0; z-index:40; box-shadow:none; font:16px/1.5 Arial,Helvetica,sans-serif; }
#cs-header *, #cs-header *::before, #cs-header *::after { box-sizing:border-box; }
#cs-header .cs-brand { display:flex; align-items:center; flex:0 1 auto; min-width:36px; gap:12px; margin:0; padding:0; border:0; background:none; color:#f8f3ff; font:800 12px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.14em; text-transform:uppercase; text-decoration:none; box-shadow:none; }
#cs-header .cs-avatar { display:block; flex:0 0 36px; width:36px; height:36px; margin:0; padding:0; overflow:hidden; border:1px solid rgba(87,230,229,.75); border-radius:50%; background:#28165c; }
#cs-header .cs-avatar img { display:block; width:100%; height:100%; max-width:none; margin:0; padding:0; border:0; border-radius:0; object-fit:cover; image-rendering:auto; }
#cs-header .cs-title { font:inherit; letter-spacing:inherit; }
#cs-header .cs-beta { color:#57e6e5; font:400 1.15em/1.5 Georgia,'Times New Roman',serif; letter-spacing:0; text-transform:none; }
#cs-header .cs-nav { display:flex; flex:0 0 auto; align-items:center; justify-content:flex-end; gap:12px; margin:0; padding:0; border:0; background:none; }
#cs-header .cs-nav a, #cs-header .cs-nav summary { display:inline-flex; align-items:center; gap:5px; margin:0; padding:10px 4px; border:0; border-radius:0; background:none; color:#d6d1dc; font:700 13px/1.5 Arial,Helvetica,sans-serif; letter-spacing:normal; text-transform:none; text-decoration:none; white-space:nowrap; box-shadow:none; cursor:pointer; }
#cs-header .cs-nav a:hover, #cs-header .cs-nav a:focus-visible, #cs-header .cs-nav summary:hover { color:#57e6e5; }
#cs-header a:focus-visible, #cs-header summary:focus-visible { outline:2px solid #57e6e5; outline-offset:4px; }
#cs-header .cs-nav svg { width:14px; height:14px; }
#cs-header .cs-status { color:#d6d1dc; font:700 12px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.08em; }
#cs-header details { position:relative; }
#cs-header .downloads { position:absolute; right:0; top:100%; min-width:175px; padding:8px; background:#120c21; border:1px solid rgba(230,216,255,.16); }
#cs-header .downloads a { display:flex; }
@media(max-width:760px) { #cs-header { height:64px; min-height:64px; padding:0 16px; gap:16px; } #cs-header .cs-title, #cs-header .cs-status { display:none; } #cs-header .cs-nav { gap:8px; } }
@media(max-width:360px) { #cs-header { gap:8px; } #cs-header .cs-nav { gap:4px; } #cs-header .cs-nav a, #cs-header .cs-nav summary { font-size:12px; padding-inline:2px; } }