:root{
  --bg:#faf8f4; --surface:#ffffff; --ink:#2b2a28; --muted:#6b6862;
  --border:#ece7dd; --accent:#c6493c; --accent-soft:#f6e6e3;
  --radius:14px; --maxw:1080px;
  --sans:"Noto Sans JP",system-ui,sans-serif; --serif:"Noto Serif JP",Georgia,serif; --mono:"JetBrains Mono",monospace;
}
[data-theme="dark"]{
  --bg:#17161a; --surface:#201f24; --ink:#e7e4dd; --muted:#9c988e;
  --border:#302e35; --accent:#e0776b; --accent-soft:#2c2320;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.site-loader{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--bg);color:var(--accent);transition:opacity .35s ease,visibility .35s ease}
.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.site-loader p{margin:0;font-family:var(--serif);font-size:.9rem;letter-spacing:.08em}
.loader-mark{display:flex;align-items:flex-end;gap:5px;height:32px}
.loader-mark span{width:7px;border-radius:999px;background:var(--accent);animation:loader-bounce .7s ease-in-out infinite alternate}
.loader-mark span:nth-child(1){height:12px}.loader-mark span:nth-child(2){height:26px;animation-delay:.14s}.loader-mark span:nth-child(3){height:17px;animation-delay:.28s}
@keyframes loader-bounce{to{transform:translateY(-8px);opacity:.55}}

/* アバターを元にしたカーソル画像を配置すると自動で有効になります。 */
@media (pointer:fine){
  body{cursor:var(--avatar-cursor) 4 4,auto}
  a,button,[role="button"]{cursor:pointer}
}

.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);
  border-bottom:3px double var(--accent)}
.brand{font-family:var(--serif);font-weight:700;font-size:1.25rem;color:var(--accent)}
.nav{display:flex;align-items:center;gap:18px}
.nav a{color:var(--muted);font-size:.92rem}
.nav a:hover{color:var(--accent)}
.toggle{background:none;border:1px solid var(--border);border-radius:999px;padding:6px;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.toggle:hover{color:var(--accent);border-color:var(--accent)}
.search-toggle{width:38px;height:38px;padding:0;font-weight:700;line-height:1}.search-toggle-icon{font-size:1.75rem;line-height:.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.search-dialog{width:min(680px,calc(100% - 24px));max-height:min(720px,calc(100% - 32px));padding:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px rgba(20,18,16,.28)}.search-dialog::backdrop{background:rgba(20,18,16,.54);backdrop-filter:blur(3px)}.search-dialog-inner{padding:22px}.search-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.search-eyebrow{margin:0 0 2px;color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.14em}.search-heading h2{margin:0;font-family:var(--serif);font-size:1.45rem;line-height:1.35}.search-form{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--accent);font-size:1.55rem;line-height:1;pointer-events:none}.search-form input{width:100%;min-width:0;padding:13px 14px 13px 42px;border:1px solid var(--border);border-radius:11px;outline:0;background:var(--bg);color:var(--ink);font:inherit;transition:border-color .15s,box-shadow .15s}.search-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-close{width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--muted);font-size:1.4rem;line-height:1}.search-close:hover{color:var(--accent);border-color:var(--accent)}.search-hint{margin:9px 1px 0;color:var(--muted);font-size:.76rem}.search-hint kbd{padding:1px 5px;border:1px solid var(--border);border-radius:4px;background:var(--bg);font-family:var(--sans);font-size:.72rem}.search-status{margin:18px 0 9px;color:var(--muted);font-size:.82rem}.search-results{display:flex;flex-direction:column;gap:8px;max-height:min(48vh,430px);overflow:auto;padding:1px 3px 4px}.search-result{padding:13px 15px;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:transform .15s,border-color .15s,background .15s}.search-result:hover,.search-result:focus-visible{transform:translateX(3px);border-color:var(--accent);background:var(--accent-soft);outline:0}.search-result b,.search-result span{display:block}.search-result b{font-family:var(--serif);font-size:1rem;line-height:1.45}.search-result span{margin-top:4px;color:var(--muted);font-size:.8rem;line-height:1.55} (max-width:640px){.search-dialog-inner{padding:18px}.search-heading h2{font-size:1.3rem}.search-hint{line-height:1.55}.search-results{max-height:50vh}}

.layout{max-width:var(--maxw);margin:0 auto;padding:28px 20px;display:grid;grid-template-columns:290px 1fr;gap:28px;align-items:start}
.sidebar{position:sticky;top:84px;display:flex;flex-direction:column;gap:18px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}

.profile{text-align:center}
.avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;margin:0 auto 12px;border:3px solid var(--accent-soft)}
.pname{font-family:var(--serif);font-weight:700;font-size:1.2rem}
.psub{color:var(--accent);font-size:.85rem;margin-bottom:8px}
.pbio{color:var(--muted);font-size:.86rem;margin:0 0 14px}
.stats{display:flex;justify-content:space-around;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats div{display:flex;flex-direction:column}
.stats b{font-size:1.1rem}
.stats span{font-size:.72rem;color:var(--muted)}
.social{display:flex;justify-content:center;gap:14px;margin-top:14px;color:var(--muted)}
.social a:hover{color:var(--accent)}

.widget h3{font-family:var(--serif);font-size:1rem;margin:0 0 12px;padding-left:10px;border-left:3px solid var(--accent)}
.tagcloud{display:flex;flex-wrap:wrap;gap:8px}
.tagcloud a{font-size:.8rem;background:var(--accent-soft);color:var(--accent);padding:3px 10px;border-radius:999px}
.tagcloud em{opacity:.7;font-style:normal;font-size:.7rem}
.recent{list-style:none;margin:0;padding:0}
.recent li{padding:7px 0;border-bottom:1px dashed var(--border);font-size:.88rem}
.recent li:last-child{border:0}
.recent a:hover{color:var(--accent)}

.main{display:flex;flex-direction:column;gap:22px}
.collection-head{padding:30px 30px 26px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,var(--surface),var(--accent-soft));position:relative;overflow:hidden}
.collection-head::after{content:"";position:absolute;right:-32px;bottom:-45px;width:150px;height:150px;border:1px solid var(--accent);border-radius:50%;opacity:.18}
.eyebrow{margin:0 0 6px;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.16em}
.collection-head h1{font-family:var(--serif);font-size:2rem;margin:0}
.collection-head p:last-child{max-width:40rem;margin:8px 0 0;color:var(--muted);font-size:.9rem}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.collection-card{min-height:190px;padding:22px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:transform .18s,box-shadow .18s,border-color .18s}
.collection-card:hover{transform:translateY(-3px) rotate(-.3deg);border-color:var(--accent);box-shadow:0 12px 28px rgba(80,43,35,.12)}
.collection-card::before{content:"";position:absolute;inset:10px;border:1px dashed var(--border);border-radius:9px;pointer-events:none}
.collection-pin{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--serif);font-size:1.3rem;box-shadow:3px 3px 0 var(--accent-soft);z-index:1}
.collection-card-count{margin-top:18px;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.12em}
.collection-card h2{font-family:var(--serif);font-size:1.25rem;line-height:1.4;margin:4px 0 0}
.collection-card-link{margin-top:auto;color:var(--accent);font-size:.82rem;font-weight:700}.collection-card-link b{font-size:1rem;margin-left:4px}
.hero{border-radius:var(--radius);padding:64px 32px;color:#fff;background-size:cover;background-position:center;text-align:center}
.hero h1{font-family:var(--serif);font-size:2.1rem;margin:0}
.hero p{margin:.4rem 0 0;opacity:.9}
.page-title{font-family:var(--serif);margin:4px 0}
.pinned-mark{color:var(--accent);font-weight:700}

.post-card{padding:0;overflow:hidden;transition:transform .15s,box-shadow .15s}
.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.post-card .cover img{width:100%;height:180px;object-fit:cover}
.pc-body{padding:20px 22px}
.meta{color:var(--muted);font-size:.78rem;display:flex;flex-wrap:wrap;gap:6px}
.pc-title{font-family:var(--serif);font-size:1.35rem;margin:8px 0}
.pc-title a:hover{color:var(--accent)}
.pc-summary{color:var(--muted);font-size:.9rem;margin:0 0 12px}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags a{font-size:.76rem;color:var(--accent)}

.post .post-head{border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:20px}
.post h1{font-family:var(--serif);font-size:1.9rem;margin:0 0 10px}
.toc{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 18px;margin-bottom:20px;font-size:.9rem}
.toc b{color:var(--accent)}
.toc ul{margin:6px 0 0;padding-left:18px}
.content{font-size:1rem}
.content h2{font-family:var(--serif);margin-top:1.8em;padding-bottom:.2em;border-bottom:1px solid var(--border)}
.content h3{font-family:var(--serif);margin-top:1.4em}
.content blockquote{margin:1em 0;padding:.4em 1em;border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;color:var(--muted)}
.content code{font-family:var(--mono);font-size:.88em;background:var(--accent-soft);color:var(--accent);padding:2px 6px;border-radius:5px}
.content pre{border-radius:10px;padding:16px 18px;overflow:auto;border:1px solid var(--border)}
.content pre code{background:none;color:inherit;padding:0}
.content table{border-collapse:collapse;width:100%;font-size:.9rem}
.content th,.content td{border:1px solid var(--border);padding:8px 12px}
.content img{border-radius:10px;margin:1em 0}

.post-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid var(--border);font-size:.9rem}
.post-nav a{color:var(--accent)}
.comments{margin-top:28px}

.pagination{display:flex;justify-content:center;gap:6px;list-style:none;padding:0;margin:8px 0}
.pagination .page-item a,.pagination .page-item.active span{display:block;padding:6px 12px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:.85rem}
.pagination .page-item.active span{background:var(--accent);color:#fff;border-color:var(--accent)}
.pagination .disabled{opacity:.4}

.site-footer{text-align:center;color:var(--muted);font-size:.82rem;padding:28px 20px;border-top:1px solid var(--border)}
.site-footer a{color:var(--accent)}
.footer-inner{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.footer-inner p{margin:0}
.site-counts{font-size:.75rem;color:var(--muted)}.site-count{display:none}.site-counts b{font-variant-numeric:tabular-nums;color:var(--ink)}.count-divider{margin:0 8px;color:var(--border)}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:9;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(8px);color:var(--accent);font-size:1.25rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .18s,transform .18s,visibility .18s;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{border-color:var(--accent);transform:translateY(-2px)}

@media(max-width:860px){
  .layout{grid-template-columns:1fr}
  .sidebar{position:static;order:2}
}
@media(max-width:520px){
  .topbar{padding:12px 16px}.nav{gap:10px}.nav a{font-size:.78rem}.brand{font-size:1rem}
  .collection-head{padding:24px 20px}.collection-grid{grid-template-columns:1fr}
  .back-to-top{right:16px;bottom:16px}.footer-inner{gap:8px;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.site-loader,.back-to-top{transition:none}.loader-mark span{animation:none}}

/* ---- Carbon Ads ---- */
.carbon-widget h3{margin-bottom:10px}
#carbonads{display:block;overflow:hidden;font-family:var(--sans);font-size:.78rem;line-height:1.5}
#carbonads a{color:var(--ink);text-decoration:none}
#carbonads .carbon-wrap{display:flex;gap:10px;align-items:flex-start}
#carbonads .carbon-img img{display:block;border-radius:6px}
#carbonads .carbon-text{color:var(--muted)}
#carbonads .carbon-poweredby{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;margin-top:6px}

/* ---- アフィリエイト ---- */
.affiliate-note{font-size:.78rem;color:var(--muted);background:var(--bg);border:1px dashed var(--border);border-radius:8px;padding:8px 12px;margin-bottom:18px}
.product-box{display:flex;gap:16px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:16px;margin:1.5em 0;background:var(--bg)}
.product-box .pb-img img{width:120px;height:120px;object-fit:contain;border-radius:8px}
.product-box .pb-main{flex:1;min-width:0}
.product-box .pb-title{font-family:var(--serif);font-weight:700;font-size:1.05rem;margin-bottom:4px}
.product-box .pb-desc{color:var(--muted);font-size:.88rem;margin-bottom:10px}
.product-box .pb-desc p{margin:0}
.product-box .pb-btn{display:inline-block;background:var(--accent);color:#fff;font-size:.85rem;padding:7px 16px;border-radius:999px}
.product-box .pb-btn:hover{opacity:.9}
@media(max-width:520px){.product-box{flex-direction:column;text-align:center}}

/* ---- コメント（giscus） ---- */
.comments{margin-top:32px;padding-top:20px;border-top:1px solid var(--border)}
.comments-title{font-family:var(--serif);font-size:1.1rem;margin:0 0 14px;padding-left:10px;border-left:3px solid var(--accent)}

.c-list{margin-bottom:20px}
.c-empty{color:var(--muted);font-size:.9rem}
.c-item{padding:12px 0;border-bottom:1px dashed var(--border)}
.c-item .c-item{margin-left:20px;padding-left:14px;border-left:2px solid var(--border);border-bottom:0}
.c-owner>.c-head b{color:var(--accent)}
.c-head{display:flex;align-items:center;gap:8px;font-size:.85rem}
.c-head time{color:var(--muted);font-size:.72rem;margin-left:auto}
.c-badge{background:var(--accent);color:#fff;font-size:.62rem;padding:1px 7px;border-radius:999px}
.c-text{font-size:.92rem;margin-top:4px;white-space:pre-wrap;word-break:break-word}
.c-actions{margin-top:6px;display:flex;gap:10px}
.c-actions button{background:none;border:0;color:var(--muted);font-size:.75rem;cursor:pointer;padding:0}
.c-actions button:hover{color:var(--accent)}
.c-form{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.c-name{max-width:240px}
.c-name,.c-body{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--ink);font-family:var(--sans);font-size:.9rem}
.c-body{min-height:90px;resize:vertical}
.c-name:focus,.c-body:focus{outline:none;border-color:var(--accent)}
.c-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.c-submit{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:8px 22px;font-size:.88rem;cursor:pointer}
.c-submit:hover{opacity:.9}

/* ---- syntax highlight (light) ---- */
/* Generated using: hugo gen chromastyles --style=github */

/* Background */ [data-theme="light"] .bg { background-color:#fff; }
/* PreWrapper */ [data-theme="light"] .chroma { background-color:#fff; }
/* Other */ [data-theme="light"] .chroma .x {  }
/* Error */ [data-theme="light"] .chroma .err { color:#f6f8fa;background-color:#82071e }
/* CodeLine */ [data-theme="light"] .chroma .cl {  }
/* LineLink */ [data-theme="light"] .chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
/* LineTableTD */ [data-theme="light"] .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
/* LineTable */ [data-theme="light"] .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
/* LineHighlight */ [data-theme="light"] .chroma .hl { background-color:#e5e5e5 }
/* LineNumbersTable */ [data-theme="light"] .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
/* LineNumbers */ [data-theme="light"] .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
/* Line */ [data-theme="light"] .chroma .line { display:flex; }
/* Keyword */ [data-theme="light"] .chroma .k { color:#cf222e }
/* KeywordConstant */ [data-theme="light"] .chroma .kc { color:#cf222e }
/* KeywordDeclaration */ [data-theme="light"] .chroma .kd { color:#cf222e }
/* KeywordNamespace */ [data-theme="light"] .chroma .kn { color:#cf222e }
/* KeywordPseudo */ [data-theme="light"] .chroma .kp { color:#cf222e }
/* KeywordReserved */ [data-theme="light"] .chroma .kr { color:#cf222e }
/* KeywordType */ [data-theme="light"] .chroma .kt { color:#cf222e }
/* Name */ [data-theme="light"] .chroma .n {  }
/* NameAttribute */ [data-theme="light"] .chroma .na { color:#1f2328 }
/* NameBuiltin */ [data-theme="light"] .chroma .nb { color:#6639ba }
/* NameBuiltinPseudo */ [data-theme="light"] .chroma .bp { color:#6a737d }
/* NameClass */ [data-theme="light"] .chroma .nc { color:#1f2328 }
/* NameConstant */ [data-theme="light"] .chroma .no { color:#0550ae }
/* NameDecorator */ [data-theme="light"] .chroma .nd { color:#0550ae }
/* NameEntity */ [data-theme="light"] .chroma .ni { color:#6639ba }
/* NameException */ [data-theme="light"] .chroma .ne {  }
/* NameFunction */ [data-theme="light"] .chroma .nf { color:#6639ba }
/* NameFunctionMagic */ [data-theme="light"] .chroma .fm {  }
/* NameLabel */ [data-theme="light"] .chroma .nl { color:#900;font-weight:bold }
/* NameNamespace */ [data-theme="light"] .chroma .nn { color:#24292e }
/* NameOther */ [data-theme="light"] .chroma .nx { color:#1f2328 }
/* NameProperty */ [data-theme="light"] .chroma .py {  }
/* NameTag */ [data-theme="light"] .chroma .nt { color:#0550ae }
/* NameVariable */ [data-theme="light"] .chroma .nv { color:#953800 }
/* NameVariableClass */ [data-theme="light"] .chroma .vc { color:#953800 }
/* NameVariableGlobal */ [data-theme="light"] .chroma .vg { color:#953800 }
/* NameVariableInstance */ [data-theme="light"] .chroma .vi { color:#953800 }
/* NameVariableMagic */ [data-theme="light"] .chroma .vm {  }
/* Literal */ [data-theme="light"] .chroma .l {  }
/* LiteralDate */ [data-theme="light"] .chroma .ld {  }
/* LiteralString */ [data-theme="light"] .chroma .s { color:#0a3069 }
/* LiteralStringAffix */ [data-theme="light"] .chroma .sa { color:#0a3069 }
/* LiteralStringBacktick */ [data-theme="light"] .chroma .sb { color:#0a3069 }
/* LiteralStringChar */ [data-theme="light"] .chroma .sc { color:#0a3069 }
/* LiteralStringDelimiter */ [data-theme="light"] .chroma .dl { color:#0a3069 }
/* LiteralStringDoc */ [data-theme="light"] .chroma .sd { color:#0a3069 }
/* LiteralStringDouble */ [data-theme="light"] .chroma .s2 { color:#0a3069 }
/* LiteralStringEscape */ [data-theme="light"] .chroma .se { color:#0a3069 }
/* LiteralStringHeredoc */ [data-theme="light"] .chroma .sh { color:#0a3069 }
/* LiteralStringInterpol */ [data-theme="light"] .chroma .si { color:#0a3069 }
/* LiteralStringOther */ [data-theme="light"] .chroma .sx { color:#0a3069 }
/* LiteralStringRegex */ [data-theme="light"] .chroma .sr { color:#0a3069 }
/* LiteralStringSingle */ [data-theme="light"] .chroma .s1 { color:#0a3069 }
/* LiteralStringSymbol */ [data-theme="light"] .chroma .ss { color:#032f62 }
/* LiteralNumber */ [data-theme="light"] .chroma .m { color:#0550ae }
/* LiteralNumberBin */ [data-theme="light"] .chroma .mb { color:#0550ae }
/* LiteralNumberFloat */ [data-theme="light"] .chroma .mf { color:#0550ae }
/* LiteralNumberHex */ [data-theme="light"] .chroma .mh { color:#0550ae }
/* LiteralNumberInteger */ [data-theme="light"] .chroma .mi { color:#0550ae }
/* LiteralNumberIntegerLong */ [data-theme="light"] .chroma .il { color:#0550ae }
/* LiteralNumberOct */ [data-theme="light"] .chroma .mo { color:#0550ae }
/* Operator */ [data-theme="light"] .chroma .o { color:#0550ae }
/* OperatorWord */ [data-theme="light"] .chroma .ow { color:#0550ae }
/* Punctuation */ [data-theme="light"] .chroma .p { color:#1f2328 }
/* Comment */ [data-theme="light"] .chroma .c { color:#57606a }
/* CommentHashbang */ [data-theme="light"] .chroma .ch { color:#57606a }
/* CommentMultiline */ [data-theme="light"] .chroma .cm { color:#57606a }
/* CommentSingle */ [data-theme="light"] .chroma .c1 { color:#57606a }
/* CommentSpecial */ [data-theme="light"] .chroma .cs { color:#57606a }
/* CommentPreproc */ [data-theme="light"] .chroma .cp { color:#57606a }
/* CommentPreprocFile */ [data-theme="light"] .chroma .cpf { color:#57606a }
/* Generic */ [data-theme="light"] .chroma .g {  }
/* GenericDeleted */ [data-theme="light"] .chroma .gd { color:#82071e;background-color:#ffebe9 }
/* GenericEmph */ [data-theme="light"] .chroma .ge { color:#1f2328 }
/* GenericError */ [data-theme="light"] .chroma .gr {  }
/* GenericHeading */ [data-theme="light"] .chroma .gh {  }
/* GenericInserted */ [data-theme="light"] .chroma .gi { color:#116329;background-color:#dafbe1 }
/* GenericOutput */ [data-theme="light"] .chroma .go { color:#1f2328 }
/* GenericPrompt */ [data-theme="light"] .chroma .gp {  }
/* GenericStrong */ [data-theme="light"] .chroma .gs {  }
/* GenericSubheading */ [data-theme="light"] .chroma .gu {  }
/* GenericTraceback */ [data-theme="light"] .chroma .gt {  }
/* GenericUnderline */ [data-theme="light"] .chroma .gl { text-decoration:underline }
/* TextWhitespace */ [data-theme="light"] .chroma .w { color:#fff }

/* ---- syntax highlight (dark) ---- */
/* Generated using: hugo gen chromastyles --style=github-dark */

/* Background */ [data-theme="dark"] .bg { color:#e6edf3;background-color:#0d1117; }
/* PreWrapper */ [data-theme="dark"] .chroma { color:#e6edf3;background-color:#0d1117; }
/* Other */ [data-theme="dark"] .chroma .x {  }
/* Error */ [data-theme="dark"] .chroma .err { color:#f85149 }
/* CodeLine */ [data-theme="dark"] .chroma .cl {  }
/* LineLink */ [data-theme="dark"] .chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
/* LineTableTD */ [data-theme="dark"] .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
/* LineTable */ [data-theme="dark"] .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
/* LineHighlight */ [data-theme="dark"] .chroma .hl { background-color:#6e7681 }
/* LineNumbersTable */ [data-theme="dark"] .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679 }
/* LineNumbers */ [data-theme="dark"] .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#6e7681 }
/* Line */ [data-theme="dark"] .chroma .line { display:flex; }
/* Keyword */ [data-theme="dark"] .chroma .k { color:#ff7b72 }
/* KeywordConstant */ [data-theme="dark"] .chroma .kc { color:#79c0ff }
/* KeywordDeclaration */ [data-theme="dark"] .chroma .kd { color:#ff7b72 }
/* KeywordNamespace */ [data-theme="dark"] .chroma .kn { color:#ff7b72 }
/* KeywordPseudo */ [data-theme="dark"] .chroma .kp { color:#79c0ff }
/* KeywordReserved */ [data-theme="dark"] .chroma .kr { color:#ff7b72 }
/* KeywordType */ [data-theme="dark"] .chroma .kt { color:#ff7b72 }
/* Name */ [data-theme="dark"] .chroma .n {  }
/* NameAttribute */ [data-theme="dark"] .chroma .na {  }
/* NameBuiltin */ [data-theme="dark"] .chroma .nb {  }
/* NameBuiltinPseudo */ [data-theme="dark"] .chroma .bp {  }
/* NameClass */ [data-theme="dark"] .chroma .nc { color:#f0883e;font-weight:bold }
/* NameConstant */ [data-theme="dark"] .chroma .no { color:#79c0ff;font-weight:bold }
/* NameDecorator */ [data-theme="dark"] .chroma .nd { color:#d2a8ff;font-weight:bold }
/* NameEntity */ [data-theme="dark"] .chroma .ni { color:#ffa657 }
/* NameException */ [data-theme="dark"] .chroma .ne { color:#f0883e;font-weight:bold }
/* NameFunction */ [data-theme="dark"] .chroma .nf { color:#d2a8ff;font-weight:bold }
/* NameFunctionMagic */ [data-theme="dark"] .chroma .fm {  }
/* NameLabel */ [data-theme="dark"] .chroma .nl { color:#79c0ff;font-weight:bold }
/* NameNamespace */ [data-theme="dark"] .chroma .nn { color:#ff7b72 }
/* NameOther */ [data-theme="dark"] .chroma .nx {  }
/* NameProperty */ [data-theme="dark"] .chroma .py { color:#79c0ff }
/* NameTag */ [data-theme="dark"] .chroma .nt { color:#7ee787 }
/* NameVariable */ [data-theme="dark"] .chroma .nv { color:#79c0ff }
/* NameVariableClass */ [data-theme="dark"] .chroma .vc {  }
/* NameVariableGlobal */ [data-theme="dark"] .chroma .vg {  }
/* NameVariableInstance */ [data-theme="dark"] .chroma .vi {  }
/* NameVariableMagic */ [data-theme="dark"] .chroma .vm {  }
/* Literal */ [data-theme="dark"] .chroma .l { color:#a5d6ff }
/* LiteralDate */ [data-theme="dark"] .chroma .ld { color:#79c0ff }
/* LiteralString */ [data-theme="dark"] .chroma .s { color:#a5d6ff }
/* LiteralStringAffix */ [data-theme="dark"] .chroma .sa { color:#79c0ff }
/* LiteralStringBacktick */ [data-theme="dark"] .chroma .sb { color:#a5d6ff }
/* LiteralStringChar */ [data-theme="dark"] .chroma .sc { color:#a5d6ff }
/* LiteralStringDelimiter */ [data-theme="dark"] .chroma .dl { color:#79c0ff }
/* LiteralStringDoc */ [data-theme="dark"] .chroma .sd { color:#a5d6ff }
/* LiteralStringDouble */ [data-theme="dark"] .chroma .s2 { color:#a5d6ff }
/* LiteralStringEscape */ [data-theme="dark"] .chroma .se { color:#79c0ff }
/* LiteralStringHeredoc */ [data-theme="dark"] .chroma .sh { color:#79c0ff }
/* LiteralStringInterpol */ [data-theme="dark"] .chroma .si { color:#a5d6ff }
/* LiteralStringOther */ [data-theme="dark"] .chroma .sx { color:#a5d6ff }
/* LiteralStringRegex */ [data-theme="dark"] .chroma .sr { color:#79c0ff }
/* LiteralStringSingle */ [data-theme="dark"] .chroma .s1 { color:#a5d6ff }
/* LiteralStringSymbol */ [data-theme="dark"] .chroma .ss { color:#a5d6ff }
/* LiteralNumber */ [data-theme="dark"] .chroma .m { color:#a5d6ff }
/* LiteralNumberBin */ [data-theme="dark"] .chroma .mb { color:#a5d6ff }
/* LiteralNumberFloat */ [data-theme="dark"] .chroma .mf { color:#a5d6ff }
/* LiteralNumberHex */ [data-theme="dark"] .chroma .mh { color:#a5d6ff }
/* LiteralNumberInteger */ [data-theme="dark"] .chroma .mi { color:#a5d6ff }
/* LiteralNumberIntegerLong */ [data-theme="dark"] .chroma .il { color:#a5d6ff }
/* LiteralNumberOct */ [data-theme="dark"] .chroma .mo { color:#a5d6ff }
/* Operator */ [data-theme="dark"] .chroma .o { color:#ff7b72;font-weight:bold }
/* OperatorWord */ [data-theme="dark"] .chroma .ow { color:#ff7b72;font-weight:bold }
/* Punctuation */ [data-theme="dark"] .chroma .p {  }
/* Comment */ [data-theme="dark"] .chroma .c { color:#8b949e;font-style:italic }
/* CommentHashbang */ [data-theme="dark"] .chroma .ch { color:#8b949e;font-style:italic }
/* CommentMultiline */ [data-theme="dark"] .chroma .cm { color:#8b949e;font-style:italic }
/* CommentSingle */ [data-theme="dark"] .chroma .c1 { color:#8b949e;font-style:italic }
/* CommentSpecial */ [data-theme="dark"] .chroma .cs { color:#8b949e;font-weight:bold;font-style:italic }
/* CommentPreproc */ [data-theme="dark"] .chroma .cp { color:#8b949e;font-weight:bold;font-style:italic }
/* CommentPreprocFile */ [data-theme="dark"] .chroma .cpf { color:#8b949e;font-weight:bold;font-style:italic }
/* Generic */ [data-theme="dark"] .chroma .g {  }
/* GenericDeleted */ [data-theme="dark"] .chroma .gd { color:#ffa198;background-color:#490202 }
/* GenericEmph */ [data-theme="dark"] .chroma .ge { font-style:italic }
/* GenericError */ [data-theme="dark"] .chroma .gr { color:#ffa198 }
/* GenericHeading */ [data-theme="dark"] .chroma .gh { color:#79c0ff;font-weight:bold }
/* GenericInserted */ [data-theme="dark"] .chroma .gi { color:#56d364;background-color:#0f5323 }
/* GenericOutput */ [data-theme="dark"] .chroma .go { color:#8b949e }
/* GenericPrompt */ [data-theme="dark"] .chroma .gp { color:#8b949e }
/* GenericStrong */ [data-theme="dark"] .chroma .gs { font-weight:bold }
/* GenericSubheading */ [data-theme="dark"] .chroma .gu { color:#79c0ff }
/* GenericTraceback */ [data-theme="dark"] .chroma .gt { color:#ff7b72 }
/* GenericUnderline */ [data-theme="dark"] .chroma .gl { text-decoration:underline }
/* TextWhitespace */ [data-theme="dark"] .chroma .w { color:#6e7681 }