#side-term{height:286px;margin:0 0 20px;border:1px solid #2c3440;border-radius:10px;overflow:hidden;background:#0a0e14;box-shadow:0 8px 24px rgba(0,0,0,.18);font-family:"JetBrains Mono","SFMono-Regular",Consolas,monospace;font-size:12.5px}
#side-term .term-bar{display:flex;align-items:center;gap:7px;padding:9px 14px;background:#1f2733;border-bottom:1px solid #2c3440}
#side-term .dot{width:11px;height:11px;border-radius:50%}
#side-term .dot.r{background:#ff5f57}
#side-term .dot.y{background:#febc2e}
#side-term .dot.g{background:#28c840}
#side-term .term-title{margin-left:8px;color:#8b949e;font-size:12px;letter-spacing:.05em}
#side-term .term-body{padding:14px 16px;line-height:1.85}
#side-term .t-cmd{color:#eef4fb}
#side-term .t-cmd::before{content:"$ ";color:#41b9ff}
#side-term .t-out{color:#9aa4b2}
#side-term .t-out .hl{color:#41b9ff}
#side-term .t-out a{color:#41b9ff;text-decoration:none;border-bottom:1px dashed rgba(65,185,255,.4)}
#side-term .t-out a:hover{border-bottom-style:solid}
#side-term .t-cursor{animation:kterm-blink 1s steps(1) infinite;color:#41b9ff}
@keyframes kterm-blink{50%{opacity:0}}
.todo-progress{margin:0 0 26px}
.todo-progress-label{font-family:"JetBrains Mono",Consolas,monospace;font-size:13px;color:#7a8693;margin-bottom:6px;letter-spacing:.04em}
.todo-progress-bar{height:10px;background:#e8edf2;border-radius:6px;overflow:hidden}
.todo-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#009ef3,#41b9ff);border-radius:6px;transition:width 1.2s cubic-bezier(.22,1,.36,1)}
/* widen main content (SANGO wrap vars) */
@media (min-width: 1100px) {
  :root {
    --wp--custom--wrap--width: min(1440px, 95%) !important;
    --wp--custom--wrap--content-width: min(1440px, 95vw) !important;
    --wp--custom--wrap--side: 26% !important;
    --wp--custom--wrap--default-width: 900px !important;
  }
}
#site-net{position:fixed;inset:0;z-index:-1;pointer-events:none}
/* HCB-style dark codebox (SANGO sgb/codebox) */
.pre_tag{position:relative;margin:1.4em 0 1.8em}
.pre_tag>span{background:#1f2733!important;color:#7ee2ff;font-family:"JetBrains Mono",Consolas,monospace;font-size:.78em;letter-spacing:.04em;border-radius:8px 8px 0 0;padding:4px 14px}
.pre_tag>span .fa{color:#41b9ff}
.pre_tag pre{background:#0a0e14!important;color:#c9d1d9!important;border:1px solid #2c3440!important;border-radius:0 8px 8px 8px;padding:18px 16px!important;line-height:1.75!important;overflow-x:auto!important;font-family:"JetBrains Mono",Consolas,monospace;font-size:13.5px;margin:0}
.pre_tag pre code{background:transparent;color:inherit;font-family:inherit}
.pre_tag .hljs,.pre_tag .hljs-subst,.pre_tag .hljs-tag{color:#c9d1d9}
.pre_tag .hljs-keyword,.pre_tag .hljs-name,.pre_tag .hljs-selector-tag{color:#c678dd}
.pre_tag .hljs-string,.pre_tag .hljs-built_in,.pre_tag .hljs-builtin-name,.pre_tag .hljs-addition,.pre_tag .hljs-template-variable,.pre_tag .hljs-type,.pre_tag .hljs-variable,.pre_tag .hljs-selector-attr,.pre_tag .hljs-selector-id,.pre_tag .hljs-selector-pseudo{color:#98c379}
.pre_tag .hljs-number,.pre_tag .hljs-literal,.pre_tag .hljs-bullet,.pre_tag .hljs-link,.pre_tag .hljs-quote,.pre_tag .hljs-regexp{color:#d19a66}
.pre_tag .hljs-title,.pre_tag .hljs-section,.pre_tag .hljs-attr,.pre_tag .hljs-code,.pre_tag .hljs-selector-class{color:#61afef}
.pre_tag .hljs-comment,.pre_tag .hljs-deletion{color:#7f848e;font-size:.92em}
.pre_tag .hljs-meta{color:#8b949e}
.pre_tag .hljs-class .hljs-title,.pre_tag .hljs-params{color:#e5c07b}
.cb-copy{position:absolute;top:32px;right:10px;z-index:2;background:#1f2733;color:#8b949e;border:1px solid #2c3440;border-radius:6px;font-family:"JetBrains Mono",Consolas,monospace;font-size:11px;padding:3px 10px;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s,border-color .2s}
.cb-copy:hover{opacity:1;color:#7ee2ff;border-color:#41b9ff}
.cb-copy.done{color:#34d399;border-color:#34d399;opacity:1}
.entry-content .wp-block-code{background:#0a0e14;color:#c9d1d9;border:1px solid #2c3440;border-radius:8px;padding:18px 16px;font-family:"JetBrains Mono",Consolas,monospace;font-size:13.5px;line-height:1.75}
.pre_tag .hljs-attribute,.pre_tag .hljs-symbol{color:#56b6c2}
.pre_tag .hljs .bold{background:none;color:#e5c07b;font-weight:700}
.arch-years details{border-bottom:1px dashed #e3e8ee;padding:2px 0}
.arch-years details:last-child{border-bottom:none}
.arch-years summary{cursor:pointer;font-weight:700;color:#454f5c;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:8px 2px}
.arch-years summary::-webkit-details-marker{display:none}
.arch-years summary::after{content:"+";color:#009ef3;font-family:Consolas,monospace;font-weight:400}
.arch-years details[open] summary::after{content:"-"}
.arch-years ul{list-style:none;margin:0 0 8px;padding-left:14px}
.arch-years ul li{padding:3px 0;font-size:.93em}

/* Archives accordion: solid card bg (was transparent, particle bg showed through) */
.widget_block:has(.arch-years){background:#fff}

/* Archives accordion: toggle marker on the LEFT + comfortable left padding (2026-06-14) */
.arch-years summary{justify-content:flex-start;gap:6px;padding:8px 14px}
.arch-years summary::after{content:none}
.arch-years details[open] summary::after{content:none}
.arch-years summary::before{content:"+";color:#009ef3;font-family:Consolas,monospace;font-weight:400}
.arch-years details[open] summary::before{content:"-"}
.arch-years ul{padding-left:30px}