/* 記事の Web の見た目。明るい・暗い。設計 Docs/Guides/Working/notes-web-design.md §6 */
:root { --fg:#1f2328; --muted:#59636e; --line:#d1d9e0; --soft:#f6f8fa; --accent:#b4441e; --code:#eef1f4; --chip:#e8ecf0; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --fg:#e6e9ee; --muted:#9aa4b1; --line:#30363d; --soft:#161b22; --accent:#f08a5d; --code:#0d1117; --chip:#21262d; } }
:root[data-theme="dark"] { --fg:#e6e9ee; --muted:#9aa4b1; --line:#30363d; --soft:#161b22; --accent:#f08a5d; --code:#0d1117; --chip:#21262d; }
* { box-sizing: border-box; }
body { margin:0; color:var(--fg); background:var(--soft); font-family:"Noto Sans JP","Yu Gothic UI","Hiragino Sans",sans-serif; line-height:1.85; }
header.top { display:flex; flex-wrap:wrap; align-items:center; gap:.4em 1em; padding:.7em 16px; border-bottom:1px solid var(--line); background:var(--soft); }
header.top a { color:var(--fg); text-decoration:none; }
header.top a.home { color:var(--accent); font-weight:700; margin-right:auto; }
/* 2 列: 左が本文、右が横の欄。幅 960 より狭いと 1 列にして欄を本文の下へ */
.wrap { display:grid; grid-template-columns:minmax(0,1fr) 16.5em; gap:3em; max-width:70em; margin:0 auto; padding:2em 16px 4em; }
main { min-width:0; background:var(--soft); }
aside.side { min-width:0; font-size:.9em; line-height:1.7; }
aside.side section { margin-bottom:1.8em; }
aside.side h2.side-h { font-size:1em; margin:0 0 .5em; }
aside.side ul { list-style:none; padding:0; margin:0; }
aside.side li { margin:.25em 0; }
aside.side p { margin:.3em 0 .6em; color:var(--muted); }
aside.side p.tags { line-height:2; }
@media (max-width:960px) { .wrap { grid-template-columns:minmax(0,1fr); gap:1em; max-width:46em; } aside.side { border-top:1px solid var(--line); padding-top:1.5em; } }
h1 { color:var(--accent); font-size:1.5em; line-height:1.5; margin:.2em 0 .1em; }
h2 { font-size:1.15em; margin:2em 0 .4em; padding-bottom:.2em; border-bottom:1px solid var(--line); scroll-margin-top:1em; }
h2 a { color:inherit; text-decoration:none; }
h2 .anchor { margin-left:.4em; color:var(--muted); font-weight:400; opacity:0; }
h2:hover .anchor, h2 .anchor:focus { opacity:1; }
p.id { color:var(--muted); font-size:.85em; margin:0 0 .4em; font-family:ui-monospace,Consolas,monospace; }
p.id a { color:var(--muted); }
p.title-en { color:var(--muted); font-size:.95em; margin:0 0 .4em; }
p.byline { color:var(--muted); font-size:.8em; margin:0 0 .6em; font-family:ui-monospace,Consolas,monospace; }
p.byline.footer { margin:1.6em 0 .6em; }
p.hashtags { margin:.4em 0 1em; }
p.hashtags a { margin-right:.5em; }
a { color:var(--accent); }
ul { padding-left:1.4em; } li { margin:.15em 0; }
p.tags { margin:.2em 0 .8em; line-height:2.2; }
a.tag { display:inline-block; font-size:.8em; line-height:1.6; padding:0 .6em; margin:0 .3em .2em 0; border-radius:999px; background:var(--chip); color:var(--fg); text-decoration:none; }
a.tag:hover { color:var(--accent); }
dl.fields { display:grid; grid-template-columns:max-content 1fr; gap:.25em 1em; margin:1em 0; }
dl.fields dt { color:var(--muted); font-weight:700; }
dl.fields dd { margin:0; }
@media (max-width:560px) { dl.fields { grid-template-columns:1fr; } dl.fields dd { margin-bottom:.4em; } }
pre { background:var(--code); border:1px solid var(--line); border-radius:6px; padding:.8em 1em; overflow-x:auto; line-height:1.5; font-size:.88em; max-width:100%; }
code { font-family:ui-monospace,Consolas,monospace; font-size:.92em; }
:not(pre) > code { background:var(--code); padding:.05em .3em; border-radius:4px; }
.table { overflow-x:auto; }
table { border-collapse:collapse; font-size:.9em; line-height:1.6; }
th, td { border:1px solid var(--line); padding:.35em .6em; vertical-align:top; }
th { background:var(--code); text-align:left; }
figure.media { margin:1.2em 0; }
figure.media img { display:block; width:100%; height:auto; border-radius:6px; border:1px solid var(--line); image-rendering:pixelated; }
/* 共有ボタン（どれもただのリンク） */
.share { display:flex; flex-wrap:wrap; align-items:center; gap:.4em; margin:1em 0; font-size:.88em; }
.share-h { color:var(--muted); margin-right:.2em; }
.share a, .share button { display:inline-block; padding:.25em .8em; border:1px solid var(--line); border-radius:999px; background:var(--soft); color:var(--fg); text-decoration:none; font:inherit; line-height:1.6; cursor:pointer; }
.share a:hover, .share button:hover { border-color:var(--accent); color:var(--accent); }
.share .done { border-color:var(--accent); color:var(--accent); }
ul.list { list-style:none; padding:0; }
ul.list li { padding:.55em 0; border-bottom:1px solid var(--line); margin:0; }
ul.list .meta { color:var(--muted); font-size:.85em; font-family:ui-monospace,Consolas,monospace; margin-right:.6em; }
section.related { margin-top:2.5em; }
h2.related-h { font-size:1em; }
nav.pager { display:flex; justify-content:space-between; gap:1em; margin-top:3em; padding-top:1em; border-top:1px solid var(--line); font-size:.92em; }
footer { color:var(--muted); font-size:.85em; text-align:center; padding:1.5em 16px; border-top:1px solid var(--line); }
footer a { color:var(--muted); }
.lead { color:var(--muted); }
main p, main li, main td, main th, main dd, h1, h2, p.id, :not(pre) > code, ul.list a, aside.side { overflow-wrap:anywhere; }

pre { line-height: 125%; }
pre .hll { background-color: #ffffcc }
pre .c { color: #60A0B0; font-style: italic } /* Comment */
pre .err { border: 1px solid #F00 } /* Error */
pre .k { color: #007020; font-weight: bold } /* Keyword */
pre .o { color: #666 } /* Operator */
pre .ch { color: #60A0B0; font-style: italic } /* Comment.Hashbang */
pre .cm { color: #60A0B0; font-style: italic } /* Comment.Multiline */
pre .cp { color: #007020 } /* Comment.Preproc */
pre .cpf { color: #60A0B0; font-style: italic } /* Comment.PreprocFile */
pre .c1 { color: #60A0B0; font-style: italic } /* Comment.Single */
pre .gd { color: #A00000 } /* Generic.Deleted */
pre .ge { font-style: italic } /* Generic.Emph */
pre .ges { font-weight: bold; font-style: italic } /* Generic.EmphStrong */
pre .gr { color: #F00 } /* Generic.Error */
pre .gh { color: #000080; font-weight: bold } /* Generic.Heading */
pre .gi { color: #00A000 } /* Generic.Inserted */
pre .go { color: #888 } /* Generic.Output */
pre .gp { color: #C65D09; font-weight: bold } /* Generic.Prompt */
pre .gs { font-weight: bold } /* Generic.Strong */
pre .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
pre .gt { color: #04D } /* Generic.Traceback */
pre .kc { color: #007020; font-weight: bold } /* Keyword.Constant */
pre .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
pre .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */
pre .kp { color: #007020 } /* Keyword.Pseudo */
pre .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
pre .kt { color: #902000 } /* Keyword.Type */
pre .m { color: #40A070 } /* Literal.Number */
pre .s { color: #4070A0 } /* Literal.String */
pre .na { color: #4070A0 } /* Name.Attribute */
pre .nb { color: #007020 } /* Name.Builtin */
pre .nc { color: #0E84B5; font-weight: bold } /* Name.Class */
pre .no { color: #60ADD5 } /* Name.Constant */
pre .nd { color: #555; font-weight: bold } /* Name.Decorator */
pre .ni { color: #D55537; font-weight: bold } /* Name.Entity */
pre .ne { color: #007020 } /* Name.Exception */
pre .nf { color: #06287E } /* Name.Function */
pre .nl { color: #002070; font-weight: bold } /* Name.Label */
pre .nn { color: #0E84B5; font-weight: bold } /* Name.Namespace */
pre .nt { color: #062873; font-weight: bold } /* Name.Tag */
pre .nv { color: #BB60D5 } /* Name.Variable */
pre .ow { color: #007020; font-weight: bold } /* Operator.Word */
pre .w { color: #BBB } /* Text.Whitespace */
pre .mb { color: #40A070 } /* Literal.Number.Bin */
pre .mf { color: #40A070 } /* Literal.Number.Float */
pre .mh { color: #40A070 } /* Literal.Number.Hex */
pre .mi { color: #40A070 } /* Literal.Number.Integer */
pre .mo { color: #40A070 } /* Literal.Number.Oct */
pre .sa { color: #4070A0 } /* Literal.String.Affix */
pre .sb { color: #4070A0 } /* Literal.String.Backtick */
pre .sc { color: #4070A0 } /* Literal.String.Char */
pre .dl { color: #4070A0 } /* Literal.String.Delimiter */
pre .sd { color: #4070A0; font-style: italic } /* Literal.String.Doc */
pre .s2 { color: #4070A0 } /* Literal.String.Double */
pre .se { color: #4070A0; font-weight: bold } /* Literal.String.Escape */
pre .sh { color: #4070A0 } /* Literal.String.Heredoc */
pre .si { color: #70A0D0; font-style: italic } /* Literal.String.Interpol */
pre .sx { color: #C65D09 } /* Literal.String.Other */
pre .sr { color: #235388 } /* Literal.String.Regex */
pre .s1 { color: #4070A0 } /* Literal.String.Single */
pre .ss { color: #517918 } /* Literal.String.Symbol */
pre .bp { color: #007020 } /* Name.Builtin.Pseudo */
pre .fm { color: #06287E } /* Name.Function.Magic */
pre .vc { color: #BB60D5 } /* Name.Variable.Class */
pre .vg { color: #BB60D5 } /* Name.Variable.Global */
pre .vi { color: #BB60D5 } /* Name.Variable.Instance */
pre .vm { color: #BB60D5 } /* Name.Variable.Magic */
pre .il { color: #40A070 } /* Literal.Number.Integer.Long */
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) pre { line-height: 125%; }
:root:not([data-theme="light"]) pre .hll { background-color: #6e7681 }
:root:not([data-theme="light"]) pre .c { color: #8B949E; font-style: italic } /* Comment */
:root:not([data-theme="light"]) pre .err { color: #F85149 } /* Error */
:root:not([data-theme="light"]) pre .esc { color: #E6EDF3 } /* Escape */
:root:not([data-theme="light"]) pre .g { color: #E6EDF3 } /* Generic */
:root:not([data-theme="light"]) pre .k { color: #FF7B72 } /* Keyword */
:root:not([data-theme="light"]) pre .l { color: #A5D6FF } /* Literal */
:root:not([data-theme="light"]) pre .n { color: #E6EDF3 } /* Name */
:root:not([data-theme="light"]) pre .o { color: #FF7B72; font-weight: bold } /* Operator */
:root:not([data-theme="light"]) pre .x { color: #E6EDF3 } /* Other */
:root:not([data-theme="light"]) pre .p { color: #E6EDF3 } /* Punctuation */
:root:not([data-theme="light"]) pre .ch { color: #8B949E; font-style: italic } /* Comment.Hashbang */
:root:not([data-theme="light"]) pre .cm { color: #8B949E; font-style: italic } /* Comment.Multiline */
:root:not([data-theme="light"]) pre .cp { color: #8B949E; font-weight: bold; font-style: italic } /* Comment.Preproc */
:root:not([data-theme="light"]) pre .cpf { color: #8B949E; font-style: italic } /* Comment.PreprocFile */
:root:not([data-theme="light"]) pre .c1 { color: #8B949E; font-style: italic } /* Comment.Single */
:root:not([data-theme="light"]) pre .cs { color: #8B949E; font-weight: bold; font-style: italic } /* Comment.Special */
:root:not([data-theme="light"]) pre .ge { color: #E6EDF3; font-style: italic } /* Generic.Emph */
:root:not([data-theme="light"]) pre .ges { color: #E6EDF3; font-weight: bold; font-style: italic } /* Generic.EmphStrong */
:root:not([data-theme="light"]) pre .gr { color: #FFA198 } /* Generic.Error */
:root:not([data-theme="light"]) pre .gh { color: #79C0FF; font-weight: bold } /* Generic.Heading */
:root:not([data-theme="light"]) pre .go { color: #8B949E } /* Generic.Output */
:root:not([data-theme="light"]) pre .gp { color: #8B949E } /* Generic.Prompt */
:root:not([data-theme="light"]) pre .gs { color: #E6EDF3; font-weight: bold } /* Generic.Strong */
:root:not([data-theme="light"]) pre .gu { color: #79C0FF } /* Generic.Subheading */
:root:not([data-theme="light"]) pre .gt { color: #FF7B72 } /* Generic.Traceback */
:root:not([data-theme="light"]) pre .g-Underline { color: #E6EDF3; text-decoration: underline } /* Generic.Underline */
:root:not([data-theme="light"]) pre .kc { color: #79C0FF } /* Keyword.Constant */
:root:not([data-theme="light"]) pre .kd { color: #FF7B72 } /* Keyword.Declaration */
:root:not([data-theme="light"]) pre .kn { color: #FF7B72 } /* Keyword.Namespace */
:root:not([data-theme="light"]) pre .kp { color: #79C0FF } /* Keyword.Pseudo */
:root:not([data-theme="light"]) pre .kr { color: #FF7B72 } /* Keyword.Reserved */
:root:not([data-theme="light"]) pre .kt { color: #FF7B72 } /* Keyword.Type */
:root:not([data-theme="light"]) pre .ld { color: #79C0FF } /* Literal.Date */
:root:not([data-theme="light"]) pre .m { color: #A5D6FF } /* Literal.Number */
:root:not([data-theme="light"]) pre .s { color: #A5D6FF } /* Literal.String */
:root:not([data-theme="light"]) pre .na { color: #E6EDF3 } /* Name.Attribute */
:root:not([data-theme="light"]) pre .nb { color: #E6EDF3 } /* Name.Builtin */
:root:not([data-theme="light"]) pre .nc { color: #F0883E; font-weight: bold } /* Name.Class */
:root:not([data-theme="light"]) pre .no { color: #79C0FF; font-weight: bold } /* Name.Constant */
:root:not([data-theme="light"]) pre .nd { color: #D2A8FF; font-weight: bold } /* Name.Decorator */
:root:not([data-theme="light"]) pre .ni { color: #FFA657 } /* Name.Entity */
:root:not([data-theme="light"]) pre .ne { color: #F0883E; font-weight: bold } /* Name.Exception */
:root:not([data-theme="light"]) pre .nf { color: #D2A8FF; font-weight: bold } /* Name.Function */
:root:not([data-theme="light"]) pre .nl { color: #79C0FF; font-weight: bold } /* Name.Label */
:root:not([data-theme="light"]) pre .nn { color: #FF7B72 } /* Name.Namespace */
:root:not([data-theme="light"]) pre .nx { color: #E6EDF3 } /* Name.Other */
:root:not([data-theme="light"]) pre .py { color: #79C0FF } /* Name.Property */
:root:not([data-theme="light"]) pre .nt { color: #7EE787 } /* Name.Tag */
:root:not([data-theme="light"]) pre .nv { color: #79C0FF } /* Name.Variable */
:root:not([data-theme="light"]) pre .ow { color: #FF7B72; font-weight: bold } /* Operator.Word */
:root:not([data-theme="light"]) pre .pm { color: #E6EDF3 } /* Punctuation.Marker */
:root:not([data-theme="light"]) pre .w { color: #6E7681 } /* Text.Whitespace */
:root:not([data-theme="light"]) pre .mb { color: #A5D6FF } /* Literal.Number.Bin */
:root:not([data-theme="light"]) pre .mf { color: #A5D6FF } /* Literal.Number.Float */
:root:not([data-theme="light"]) pre .mh { color: #A5D6FF } /* Literal.Number.Hex */
:root:not([data-theme="light"]) pre .mi { color: #A5D6FF } /* Literal.Number.Integer */
:root:not([data-theme="light"]) pre .mo { color: #A5D6FF } /* Literal.Number.Oct */
:root:not([data-theme="light"]) pre .sa { color: #79C0FF } /* Literal.String.Affix */
:root:not([data-theme="light"]) pre .sb { color: #A5D6FF } /* Literal.String.Backtick */
:root:not([data-theme="light"]) pre .sc { color: #A5D6FF } /* Literal.String.Char */
:root:not([data-theme="light"]) pre .dl { color: #79C0FF } /* Literal.String.Delimiter */
:root:not([data-theme="light"]) pre .sd { color: #A5D6FF } /* Literal.String.Doc */
:root:not([data-theme="light"]) pre .s2 { color: #A5D6FF } /* Literal.String.Double */
:root:not([data-theme="light"]) pre .se { color: #79C0FF } /* Literal.String.Escape */
:root:not([data-theme="light"]) pre .sh { color: #79C0FF } /* Literal.String.Heredoc */
:root:not([data-theme="light"]) pre .si { color: #A5D6FF } /* Literal.String.Interpol */
:root:not([data-theme="light"]) pre .sx { color: #A5D6FF } /* Literal.String.Other */
:root:not([data-theme="light"]) pre .sr { color: #79C0FF } /* Literal.String.Regex */
:root:not([data-theme="light"]) pre .s1 { color: #A5D6FF } /* Literal.String.Single */
:root:not([data-theme="light"]) pre .ss { color: #A5D6FF } /* Literal.String.Symbol */
:root:not([data-theme="light"]) pre .bp { color: #E6EDF3 } /* Name.Builtin.Pseudo */
:root:not([data-theme="light"]) pre .fm { color: #D2A8FF; font-weight: bold } /* Name.Function.Magic */
:root:not([data-theme="light"]) pre .vc { color: #79C0FF } /* Name.Variable.Class */
:root:not([data-theme="light"]) pre .vg { color: #79C0FF } /* Name.Variable.Global */
:root:not([data-theme="light"]) pre .vi { color: #79C0FF } /* Name.Variable.Instance */
:root:not([data-theme="light"]) pre .vm { color: #79C0FF } /* Name.Variable.Magic */
:root:not([data-theme="light"]) pre .il { color: #A5D6FF } /* Literal.Number.Integer.Long */
}
:root[data-theme="dark"] pre { line-height: 125%; }
:root[data-theme="dark"] pre .hll { background-color: #6e7681 }
:root[data-theme="dark"] pre .c { color: #8B949E; font-style: italic } /* Comment */
:root[data-theme="dark"] pre .err { color: #F85149 } /* Error */
:root[data-theme="dark"] pre .esc { color: #E6EDF3 } /* Escape */
:root[data-theme="dark"] pre .g { color: #E6EDF3 } /* Generic */
:root[data-theme="dark"] pre .k { color: #FF7B72 } /* Keyword */
:root[data-theme="dark"] pre .l { color: #A5D6FF } /* Literal */
:root[data-theme="dark"] pre .n { color: #E6EDF3 } /* Name */
:root[data-theme="dark"] pre .o { color: #FF7B72; font-weight: bold } /* Operator */
:root[data-theme="dark"] pre .x { color: #E6EDF3 } /* Other */
:root[data-theme="dark"] pre .p { color: #E6EDF3 } /* Punctuation */
:root[data-theme="dark"] pre .ch { color: #8B949E; font-style: italic } /* Comment.Hashbang */
:root[data-theme="dark"] pre .cm { color: #8B949E; font-style: italic } /* Comment.Multiline */
:root[data-theme="dark"] pre .cp { color: #8B949E; font-weight: bold; font-style: italic } /* Comment.Preproc */
:root[data-theme="dark"] pre .cpf { color: #8B949E; font-style: italic } /* Comment.PreprocFile */
:root[data-theme="dark"] pre .c1 { color: #8B949E; font-style: italic } /* Comment.Single */
:root[data-theme="dark"] pre .cs { color: #8B949E; font-weight: bold; font-style: italic } /* Comment.Special */
:root[data-theme="dark"] pre .ge { color: #E6EDF3; font-style: italic } /* Generic.Emph */
:root[data-theme="dark"] pre .ges { color: #E6EDF3; font-weight: bold; font-style: italic } /* Generic.EmphStrong */
:root[data-theme="dark"] pre .gr { color: #FFA198 } /* Generic.Error */
:root[data-theme="dark"] pre .gh { color: #79C0FF; font-weight: bold } /* Generic.Heading */
:root[data-theme="dark"] pre .go { color: #8B949E } /* Generic.Output */
:root[data-theme="dark"] pre .gp { color: #8B949E } /* Generic.Prompt */
:root[data-theme="dark"] pre .gs { color: #E6EDF3; font-weight: bold } /* Generic.Strong */
:root[data-theme="dark"] pre .gu { color: #79C0FF } /* Generic.Subheading */
:root[data-theme="dark"] pre .gt { color: #FF7B72 } /* Generic.Traceback */
:root[data-theme="dark"] pre .g-Underline { color: #E6EDF3; text-decoration: underline } /* Generic.Underline */
:root[data-theme="dark"] pre .kc { color: #79C0FF } /* Keyword.Constant */
:root[data-theme="dark"] pre .kd { color: #FF7B72 } /* Keyword.Declaration */
:root[data-theme="dark"] pre .kn { color: #FF7B72 } /* Keyword.Namespace */
:root[data-theme="dark"] pre .kp { color: #79C0FF } /* Keyword.Pseudo */
:root[data-theme="dark"] pre .kr { color: #FF7B72 } /* Keyword.Reserved */
:root[data-theme="dark"] pre .kt { color: #FF7B72 } /* Keyword.Type */
:root[data-theme="dark"] pre .ld { color: #79C0FF } /* Literal.Date */
:root[data-theme="dark"] pre .m { color: #A5D6FF } /* Literal.Number */
:root[data-theme="dark"] pre .s { color: #A5D6FF } /* Literal.String */
:root[data-theme="dark"] pre .na { color: #E6EDF3 } /* Name.Attribute */
:root[data-theme="dark"] pre .nb { color: #E6EDF3 } /* Name.Builtin */
:root[data-theme="dark"] pre .nc { color: #F0883E; font-weight: bold } /* Name.Class */
:root[data-theme="dark"] pre .no { color: #79C0FF; font-weight: bold } /* Name.Constant */
:root[data-theme="dark"] pre .nd { color: #D2A8FF; font-weight: bold } /* Name.Decorator */
:root[data-theme="dark"] pre .ni { color: #FFA657 } /* Name.Entity */
:root[data-theme="dark"] pre .ne { color: #F0883E; font-weight: bold } /* Name.Exception */
:root[data-theme="dark"] pre .nf { color: #D2A8FF; font-weight: bold } /* Name.Function */
:root[data-theme="dark"] pre .nl { color: #79C0FF; font-weight: bold } /* Name.Label */
:root[data-theme="dark"] pre .nn { color: #FF7B72 } /* Name.Namespace */
:root[data-theme="dark"] pre .nx { color: #E6EDF3 } /* Name.Other */
:root[data-theme="dark"] pre .py { color: #79C0FF } /* Name.Property */
:root[data-theme="dark"] pre .nt { color: #7EE787 } /* Name.Tag */
:root[data-theme="dark"] pre .nv { color: #79C0FF } /* Name.Variable */
:root[data-theme="dark"] pre .ow { color: #FF7B72; font-weight: bold } /* Operator.Word */
:root[data-theme="dark"] pre .pm { color: #E6EDF3 } /* Punctuation.Marker */
:root[data-theme="dark"] pre .w { color: #6E7681 } /* Text.Whitespace */
:root[data-theme="dark"] pre .mb { color: #A5D6FF } /* Literal.Number.Bin */
:root[data-theme="dark"] pre .mf { color: #A5D6FF } /* Literal.Number.Float */
:root[data-theme="dark"] pre .mh { color: #A5D6FF } /* Literal.Number.Hex */
:root[data-theme="dark"] pre .mi { color: #A5D6FF } /* Literal.Number.Integer */
:root[data-theme="dark"] pre .mo { color: #A5D6FF } /* Literal.Number.Oct */
:root[data-theme="dark"] pre .sa { color: #79C0FF } /* Literal.String.Affix */
:root[data-theme="dark"] pre .sb { color: #A5D6FF } /* Literal.String.Backtick */
:root[data-theme="dark"] pre .sc { color: #A5D6FF } /* Literal.String.Char */
:root[data-theme="dark"] pre .dl { color: #79C0FF } /* Literal.String.Delimiter */
:root[data-theme="dark"] pre .sd { color: #A5D6FF } /* Literal.String.Doc */
:root[data-theme="dark"] pre .s2 { color: #A5D6FF } /* Literal.String.Double */
:root[data-theme="dark"] pre .se { color: #79C0FF } /* Literal.String.Escape */
:root[data-theme="dark"] pre .sh { color: #79C0FF } /* Literal.String.Heredoc */
:root[data-theme="dark"] pre .si { color: #A5D6FF } /* Literal.String.Interpol */
:root[data-theme="dark"] pre .sx { color: #A5D6FF } /* Literal.String.Other */
:root[data-theme="dark"] pre .sr { color: #79C0FF } /* Literal.String.Regex */
:root[data-theme="dark"] pre .s1 { color: #A5D6FF } /* Literal.String.Single */
:root[data-theme="dark"] pre .ss { color: #A5D6FF } /* Literal.String.Symbol */
:root[data-theme="dark"] pre .bp { color: #E6EDF3 } /* Name.Builtin.Pseudo */
:root[data-theme="dark"] pre .fm { color: #D2A8FF; font-weight: bold } /* Name.Function.Magic */
:root[data-theme="dark"] pre .vc { color: #79C0FF } /* Name.Variable.Class */
:root[data-theme="dark"] pre .vg { color: #79C0FF } /* Name.Variable.Global */
:root[data-theme="dark"] pre .vi { color: #79C0FF } /* Name.Variable.Instance */
:root[data-theme="dark"] pre .vm { color: #79C0FF } /* Name.Variable.Magic */
:root[data-theme="dark"] pre .il { color: #A5D6FF } /* Literal.Number.Integer.Long */