/* Heimdallr / DevSpace Glass — stable SimpleGamboge override */
:root{
  color-scheme:dark;
  --ds-bg:#07090d;
  --ds-glass:linear-gradient(135deg,rgba(218,233,252,.68),rgba(194,217,246,.56));
  --ds-glass-soft:linear-gradient(145deg,rgba(214,231,251,.70),rgba(188,213,243,.58));
  --ds-line:rgba(255,255,255,.58);
  --ds-line-soft:rgba(255,255,255,.34);
  --ds-text:#172436;
  --ds-text-2:#2b3b4f;
  --ds-cyan:#087eaa;
  --ds-green:#1c9167;
  --ds-shadow:0 28px 70px rgba(5,13,25,.24);
  --ds-radius:18px;
  --ds-ui:"Segoe UI Variable Text","Segoe UI","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --ds-mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;
}

html{background:var(--ds-bg)!important;}
html,body{min-width:320px;color:var(--ds-text-2)!important;font-family:var(--ds-ui)!important;}
body{
  margin:0!important;
  background-color:var(--ds-bg)!important;
  background-image:
    linear-gradient(180deg,rgba(5,10,21,.42),rgba(5,11,24,.54) 58%,rgba(4,9,20,.68)),
    radial-gradient(circle at 18% 9%,rgba(92,184,255,.30),transparent 34rem),
    radial-gradient(circle at 88% 20%,rgba(123,109,255,.22),transparent 30rem),
    url('https://endlessmaybe.github.io/images/background.jpg')!important;
  background-size:auto,auto,auto,cover!important;
  background-position:center,center,center,center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
*,*::before,*::after{box-sizing:border-box;}
::selection{background:rgba(110,231,255,.80);color:#071015;}
a,a:link,a:visited{color:#076f95;text-decoration:none;transition:color .16s ease,background-color .16s ease,border-color .16s ease;}
a:hover,a:focus-visible{color:#034d6a;}

/* Neutralize SimpleGamboge decorative geometry before rebuilding layout. */
#header::before,#header::after,#navigator::before,#navigator::after,#main::before,#main::after,
#mainContent::before,#mainContent::after,#sideBar::before,#sideBar::after,#topics::before,#topics::after{
  content:none!important;display:none!important;
}

/* cnblogs global bar */
#top_nav,.navbar,.navbar-main{
  background:rgba(7,10,15,.64)!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.16)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
}
#top_nav{position:sticky!important;top:0!important;z-index:1000!important;}
.navbar-main{max-width:1320px!important;margin-inline:auto!important;}
.navbar a{color:#9ba8b8!important;}
.navbar a:hover{color:#f4f7fb!important;}
#user_info,.navbar-avatar,#user_icon{display:none!important;}
.navbar-search input,.navbar input{
  color:#dbe5ef!important;background:rgba(10,14,20,.72)!important;
  border:1px solid var(--ds-line)!important;border-radius:10px!important;
}
.dropdown-menu,.quick-search-menu{
  color:#dbe5ef!important;background:rgba(10,14,20,.92)!important;
  border:1px solid var(--ds-line)!important;border-radius:12px!important;
  box-shadow:var(--ds-shadow)!important;
  -webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;
}

/* centered shell */
#home{
  width:min(1260px,calc(100% - 42px))!important;
  max-width:1260px!important;
  margin:28px auto 0!important;
  padding:0 0 44px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* identity glass */
#header{
  width:100%!important;height:auto!important;min-height:0!important;
  margin:0 0 14px!important;padding:0!important;overflow:hidden!important;
  background:linear-gradient(135deg,rgba(218,234,253,.62),rgba(190,214,245,.48))!important;
  border:1px solid var(--ds-line)!important;border-radius:var(--ds-radius)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.74),var(--ds-shadow)!important;
  -webkit-backdrop-filter:blur(28px) saturate(158%) brightness(1.14)!important;
  backdrop-filter:blur(28px) saturate(158%) brightness(1.14)!important;
}
#blogTitle{
  float:none!important;width:auto!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:26px 30px 24px!important;background:transparent!important;
}
#blogTitle h1,#blogTitle h2{
  float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;
  background:none!important;border:0!important;
}
#blogTitle::before{
  content:'DEVSPACE / HEIMDALLR';display:block;margin:0 0 8px;
  color:#536981;font:650 9px/1.2 var(--ds-mono);letter-spacing:.16em;
}
#Header1_HeaderTitle,#Header1_HeaderTitle:link,#Header1_HeaderTitle:visited,.headermaintitle{
  color:#132238!important;font-size:clamp(26px,3.2vw,38px)!important;font-weight:700!important;
  line-height:1.12!important;letter-spacing:-.035em!important;text-shadow:0 1px 18px rgba(255,255,255,.42)!important;
}
#blogTitle h2,#blogTitle .subtitle{
  margin-top:9px!important;color:#52657b!important;font-size:12px!important;line-height:1.6!important;
}

/* nav glass */
#navigator{
  width:100%!important;height:auto!important;min-height:0!important;
  margin:0 0 18px!important;padding:8px 12px!important;overflow:hidden!important;
  background:linear-gradient(135deg,rgba(216,232,252,.58),rgba(188,212,243,.44))!important;border:1px solid var(--ds-line)!important;border-radius:15px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.62),0 14px 42px rgba(5,13,25,.17)!important;
  -webkit-backdrop-filter:blur(26px) saturate(158%) brightness(1.12)!important;backdrop-filter:blur(26px) saturate(158%) brightness(1.12)!important;
}
#navList{
  display:flex!important;float:none!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;
  width:auto!important;height:auto!important;margin:0!important;padding:0!important;
}
#navList li{
  float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;
  border:0!important;background:none!important;
}
#navList a{
  display:inline-flex!important;align-items:center!important;width:auto!important;height:auto!important;
  margin:0!important;padding:8px 11px!important;color:#30455e!important;background:transparent!important;
  border:1px solid transparent!important;border-radius:10px!important;font-size:12px!important;line-height:1.2!important;
}
#navList a:hover{
  color:#10283d!important;background:rgba(255,255,255,.26)!important;border-color:rgba(255,255,255,.46)!important;
}
.blogStats{
  float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:3px 10px 2px!important;
  color:#465d75!important;font:500 10.5px/1.45 var(--ds-mono)!important;
}

/* fixed two-column geometry */
#main{
  display:grid!important;grid-template-columns:minmax(0,1fr) 292px!important;gap:18px!important;align-items:start!important;
  width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
}
#mainContent,.forFlow{
  grid-column:1!important;float:none!important;position:static!important;
  width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;
  margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
#sideBar{
  grid-column:2!important;float:none!important;position:static!important;
  width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;
  margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}

/* one glass article surface */
#topics{
  float:none!important;position:relative!important;isolation:isolate!important;
  width:100%!important;min-width:0!important;height:auto!important;margin:0!important;
  padding:clamp(24px,3.1vw,38px)!important;
  color:var(--ds-text-2)!important;background:var(--ds-glass)!important;
  border:1px solid var(--ds-line)!important;border-radius:var(--ds-radius)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.86),inset 0 0 42px rgba(221,238,255,.10),var(--ds-shadow)!important;
  -webkit-backdrop-filter:blur(30px) saturate(162%) brightness(1.20)!important;backdrop-filter:blur(30px) saturate(162%) brightness(1.20)!important;
}
#topics::after{
  content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;
  pointer-events:none!important;border-radius:inherit!important;
  background:
    linear-gradient(118deg,rgba(255,255,255,.23),transparent 24%,transparent 72%,rgba(188,220,255,.10)),
    radial-gradient(circle at 18% 0,rgba(255,255,255,.20),transparent 34%)!important;
  opacity:.72!important;
}
#topics>*{position:relative!important;z-index:1!important;}
.post{
  float:none!important;position:relative!important;z-index:1!important;isolation:auto!important;
  width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;
  color:inherit!important;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.post::before,.post::after{content:none!important;display:none!important;}
.postTitle{
  margin:0 0 22px!important;padding:0 0 17px!important;background:none!important;border:0!important;
  border-bottom:1px solid var(--ds-line-soft)!important;
}
.postTitle::before{
  content:'ARTICLE / CURRENT';display:block;margin-bottom:8px;color:#597087;
  font:600 8px/1.2 var(--ds-mono);letter-spacing:.15em;
}
.postTitle a,.postTitle2,#cb_post_title_url{
  color:#132238!important;font-size:clamp(25px,3.3vw,39px)!important;font-weight:700!important;
  line-height:1.18!important;letter-spacing:-.035em!important;
}
.postBody,#cnblogs_post_body,.blogpost-body{
  width:100%!important;max-width:none!important;color:#2a3a4e!important;font-size:16px!important;
  line-height:1.82!important;overflow-wrap:anywhere!important;
}
#cnblogs_post_body p,.blogpost-body p{margin:0 0 1em!important;color:#2a3a4e!important;}
#cnblogs_post_body h1,#cnblogs_post_body h2,#cnblogs_post_body h3,#cnblogs_post_body h4,
.blogpost-body h1,.blogpost-body h2,.blogpost-body h3,.blogpost-body h4{
  position:relative!important;color:#17263a!important;background:none!important;border:0!important;text-shadow:none!important;
}
#cnblogs_post_body h1,.blogpost-body h1{margin:1.7em 0 .72em!important;font-size:28px!important;}
#cnblogs_post_body h2,.blogpost-body h2{margin:1.65em 0 .72em!important;padding-left:14px!important;font-size:22px!important;}
#cnblogs_post_body h2::before,.blogpost-body h2::before{
  content:'';position:absolute;left:0;top:.24em;width:3px;height:1em;border-radius:99px;
  background:linear-gradient(180deg,var(--ds-cyan),var(--ds-green));box-shadow:0 0 18px rgba(110,231,255,.35);
}
#cnblogs_post_body h3,.blogpost-body h3{margin:1.35em 0 .6em!important;font-size:18px!important;}
#cnblogs_post_body strong,.blogpost-body strong{color:#132238!important;}
#cnblogs_post_body a,.blogpost-body a{color:#076f95!important;border-bottom:1px solid rgba(7,111,149,.22)!important;}
#cnblogs_post_body blockquote,.blogpost-body blockquote{
  margin:1.4em 0!important;padding:13px 16px!important;color:#2b435a!important;
  background:rgba(255,255,255,.30)!important;border:0!important;border-left:3px solid var(--ds-cyan)!important;
  border-radius:0 10px 10px 0!important;
}
#cnblogs_post_body code:not(pre code),.blogpost-body code:not(pre code){
  padding:.15em .38em!important;color:#145f48!important;background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(255,255,255,.46)!important;border-radius:6px!important;font-family:var(--ds-mono)!important;
}
#cnblogs_post_body pre,.blogpost-body pre,.cnblogs-markdown .hljs{
  max-width:100%!important;margin:1.25em 0!important;padding:16px 18px!important;overflow:auto!important;
  color:#cbd5e1!important;background:rgba(5,8,12,.82)!important;border:1px solid var(--ds-line-soft)!important;
  border-radius:12px!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;font:13px/1.65 var(--ds-mono)!important;
}
#cnblogs_post_body table,.blogpost-body table{
  display:table!important;width:100%!important;max-width:100%!important;margin:1.4em 0!important;
  border-collapse:separate!important;border-spacing:0!important;background:rgba(236,245,255,.34)!important;
  border:1px solid rgba(120,148,179,.28)!important;border-radius:12px!important;overflow:hidden!important;
  box-shadow:inset 0 1px rgba(255,255,255,.58),0 10px 28px rgba(13,33,55,.08)!important;
}
#cnblogs_post_body th,#cnblogs_post_body td,.blogpost-body th,.blogpost-body td{
  padding:11px 13px!important;color:#22364b!important;background:transparent!important;border:0!important;
  border-bottom:1px solid rgba(75,104,135,.16)!important;
  line-height:1.65!important;vertical-align:top!important;
}
#cnblogs_post_body th,.blogpost-body th{color:#172b42!important;font-weight:700!important;}
#cnblogs_post_body tr:last-child>*,.blogpost-body tr:last-child>*{border-bottom:0!important;}

/* Assignment brief: the first Markdown table is a compact overview card, not a spreadsheet. */
#cnblogs_post_body table:first-of-type,.blogpost-body table:first-of-type{
  margin:.45em 0 1.9em!important;
  background:linear-gradient(135deg,rgba(238,247,255,.54),rgba(214,231,250,.38))!important;
  border:1px solid rgba(101,134,169,.30)!important;border-radius:14px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.78),0 14px 34px rgba(13,33,55,.10)!important;
  -webkit-backdrop-filter:blur(18px) saturate(138%)!important;backdrop-filter:blur(18px) saturate(138%)!important;
}
#cnblogs_post_body table:first-of-type tr>*,.blogpost-body table:first-of-type tr>*{
  padding:13px 15px!important;font-size:15px!important;line-height:1.55!important;
}
#cnblogs_post_body table:first-of-type tr>*:first-child,.blogpost-body table:first-of-type tr>*:first-child{
  width:27%!important;min-width:150px!important;color:#152b43!important;font-weight:700!important;
  background:rgba(218,235,252,.46)!important;border-right:1px solid rgba(75,104,135,.14)!important;
}
#cnblogs_post_body table:first-of-type tr>*:last-child,.blogpost-body table:first-of-type tr>*:last-child{
  color:#233b53!important;font-weight:500!important;background:rgba(255,255,255,.10)!important;
}
#cnblogs_post_body img,.blogpost-body img{
  display:block!important;max-width:100%!important;height:auto!important;margin:1.2em auto!important;padding:0!important;
  background:#080b10!important;border:1px solid var(--ds-line-soft)!important;border-radius:13px!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28)!important;
}
.postDesc,.post-meta-container,#blog_post_info,#post_next_prev{
  color:#465e77!important;font:500 11px/1.65 var(--ds-mono)!important;
}

/* one sidebar glass surface; inner modules are deliberately borderless */
#sideBarMain{
  display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:14px!important;
  color:#31445b!important;background:var(--ds-glass-soft)!important;
  border:1px solid var(--ds-line)!important;border-radius:var(--ds-radius)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.82),inset 0 0 32px rgba(221,238,255,.08),0 20px 58px rgba(5,13,25,.20)!important;
  -webkit-backdrop-filter:blur(30px) saturate(162%) brightness(1.18)!important;backdrop-filter:blur(30px) saturate(162%) brightness(1.18)!important;
  overflow:hidden!important;
}
#sideBarMain>div,.newsItem,.catList,.sidebar-block{
  width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:15px 8px!important;
  color:#42566e!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
#sideBarMain>div+div{border-top:1px solid var(--ds-line-soft)!important;}
.catListTitle,.newsItem h3,#sideBarMain h3,#sideBarMain h2{
  display:flex!important;align-items:center!important;gap:8px!important;
  width:auto!important;height:auto!important;margin:0 0 9px!important;padding:0!important;
  color:#172a41!important;background:none!important;border:0!important;font-size:13px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.01em!important;
}
.catListTitle::before,.newsItem h3::before,#sideBarMain h3::before,#sideBarMain h2::before{
  content:''!important;display:inline-block!important;flex:0 0 6px!important;width:6px!important;height:6px!important;
  border-radius:999px!important;background:linear-gradient(135deg,var(--ds-cyan),#6d7dff)!important;
  box-shadow:0 0 12px rgba(66,180,255,.34)!important;
}
#sideBarMain ul{margin:0!important;padding:0!important;list-style:none!important;}
#sideBarMain li{
  width:auto!important;height:auto!important;margin:0!important;padding:5px 0!important;color:#354d66!important;
  background:none!important;border:0!important;font-size:12.5px!important;line-height:1.55!important;overflow-wrap:anywhere!important;
}
#sideBarMain a{color:#244f70!important;font-weight:520!important;}
#sideBarMain a:hover{color:#0f7355!important;}
#blog-calendar table,#blog-calendar td,#blog-calendar th{
  color:#354d66!important;background:transparent!important;border-color:rgba(75,104,135,.16)!important;
}

/* lower surfaces */
.commentform,#comment_form,.under-post-card,.below-post-card,#post_next_prev{
  color:#2e465e!important;background:rgba(232,241,252,.44)!important;border:1px solid rgba(255,255,255,.64)!important;
  border-radius:13px!important;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important;
}
#comment_form{
  clear:both!important;float:none!important;position:relative!important;z-index:auto!important;
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:16px 0 0!important;padding:16px!important;transform:none!important;font-size:14px!important;line-height:1.6!important;
}
#footer{
  width:100%!important;margin:18px 0 0!important;padding:18px 16px!important;color:#344d66!important;
  background:rgba(232,241,252,.32)!important;border:1px solid var(--ds-line)!important;border-radius:13px!important;
  -webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important;
}
#footer a{color:#355a76!important;}

*{scrollbar-width:thin;scrollbar-color:#3b4655 transparent;}
*::-webkit-scrollbar{width:9px;height:9px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:#3b4655;background-clip:padding-box;}

@media(max-width:980px){
  #home{width:calc(100% - 22px)!important;margin-top:14px!important;}
  #main{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
  #mainContent,.forFlow,#sideBar{grid-column:1!important;width:100%!important;}
  #sideBar{grid-row:auto!important;}
}
@media(max-width:640px){
  #home{width:calc(100% - 12px)!important;margin-top:8px!important;}
  #blogTitle{padding:20px 18px!important;}
  #navigator{padding:7px!important;}
  #topics{padding:19px 16px!important;border-radius:14px!important;}
  .post{padding:0!important;border-radius:0!important;}
  #sideBarMain{padding:11px!important;border-radius:14px!important;}
  .postBody,#cnblogs_post_body,.blogpost-body{font-size:15px!important;line-height:1.76!important;}
  #cnblogs_post_body table:first-of-type,.blogpost-body table:first-of-type{table-layout:fixed!important;}
  #cnblogs_post_body table:first-of-type tr>*,.blogpost-body table:first-of-type tr>*{
    padding:10px 11px!important;font-size:14px!important;line-height:1.5!important;
  }
  #cnblogs_post_body table:first-of-type tr>*:first-child,.blogpost-body table:first-of-type tr>*:first-child{
    width:34%!important;min-width:0!important;
  }
  #sideBarMain li{font-size:13px!important;line-height:1.6!important;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important;}
}