body[a="dark"]{background-color:#212121;color:#fafafa}
body[a="dark"] a{color:#FFFF00;text-decoration:none} /* Changed to yellow */
body[a="dark"] a:visited{color:#FFFF00} /* Changed to yellow */
body[a="dark"] a:hover{text-decoration:underline}
body[a="dark"] code:not(pre>code){background-color:#fafafa;color:#212121}
body[a="dark"] figcaption{color:#eee}

body[a="light"]{background-color:#fff;color:#212121}
body[a="light"] a{color:#1e70bf;text-decoration:none}
body[a="light"] a:visited{color:#921292}
body[a="light"] a:hover{text-decoration:underline}
body[a="light"] code:not(pre>code){background-color:#212121;color:#fff}
body[a="light"] figcaption{color:#666}

@media (prefers-color-scheme: dark){
    body[a="auto"]{background-color:#212121;color:#fafafa}
    body[a="auto"] a{color:#FFFF00;text-decoration:none} /* Changed to yellow */
    body[a="auto"] a:visited{color:#FFFF00} /* Changed to yellow */
    body[a="auto"] a:hover{text-decoration:underline}
    body[a="auto"] code:not(pre>code){background-color:#fafafa;color:#212121}
    body[a="auto"] figcaption{color:#eee}
}

@media (prefers-color-scheme: light){
    body[a="auto"]{background-color:#fff;color:#212121}
    body[a="auto"] a{color:#1e70bf;text-decoration:none}
    body[a="auto"] a:visited{color:#921292}
    body[a="auto"] a:hover{text-decoration:underline}
    body[a="auto"] code:not(pre>code){background-color:#212121;color:#fff}
    body[a="auto"] figcaption{color:#666}
}

html{height:100%}
body{font-family:monospace;font-size:16px;line-height:1.4;margin:0;min-height:100%;overflow-wrap:break-word}
.post-meta{text-align:right}
h2,h3,h4,h5,h6{margin-top:3rem}
hr{margin:2rem 0}
p{margin:1rem 0}
li{margin:0.4rem 0}
*:target{background:yellow}
.w{max-width:640px;margin:0 auto;padding:4rem 2rem}
.toc{border:thin solid black;padding:1rem}
hr{text-align:center;border:0}
hr:before{content:'/////'}
hr:after{content:attr(data-content) "/////"}
pre{background:black;padding:1em;overflow-x:auto}
table{width:100%}
table,th,td{border:thin solid black;border-collapse:collapse;padding:0.4rem}
code:not(pre>code){padding:0.1em 0.2em;font-size:90%}
code.has-jax{-webkit-font-smoothing:antialiased;background:inherit !important;border:none !important;font-size:100%}
blockquote{font-style:italic;border:thin solid black;padding:1rem}
blockquote p{margin:0}
img{max-width:100%;display:block;margin:0 auto}
figcaption{text-align:center;opacity:0.5}

.share-section {
    text-align: left;
    background-color: #D3D3D3;
    padding: 20px;
}

#shareButton {
    background-color: #0077cc;
    color: white;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    font-size: 16px;
}