.console-content :not(pre)>code,.editor-styles-wrapper :not(pre)>code {
    background:var(--panel);
    color:var(--accent);
    padding:.12em .3em;
    border:1px solid var(--line);
    font-size:.87em
}
.console-content pre,.editor-styles-wrapper pre {
    background:var(--panel);
    border:1px solid var(--line-strong);
    padding:24px;
    overflow:auto;
    font-size:.8rem;
    line-height:1.8;
    white-space:pre;
    max-width:100%;
    tab-size:4
}
.console-content pre code {
    white-space:pre;
    word-break:normal;
    overflow-wrap:normal
}
.code-shell {
    position:relative;
    margin:2rem 0
}
.code-shell pre {
    padding-top:52px;
    margin:0
}
.copy-code {
    position:absolute;
    top:9px;
    right:9px;
    font-size:.65rem;
    padding:3px 9px;
    background:var(--panel)
}
.axel-spoiler,.wp-block-details {
    border:1px solid var(--line-strong);
    background:var(--panel);
    margin:1.7rem 0
}
.axel-spoiler summary,.wp-block-details summary {
    color:var(--accent);
    cursor:pointer;
    padding:14px 18px;
    font-size:.85rem
}
.axel-spoiler>div,.wp-block-details>*:not(summary) {
    margin:0;
    padding:4px 18px 18px
}
.axel-spoiler[open] summary,.wp-block-details[open] summary {
    border-bottom:1px solid var(--line);
    margin-bottom:12px
}
.toc {
    border-block:1px solid var(--line);
    padding:14px 0;
    margin:30px 0!important;
    font-size:.75rem
}
.toc summary {
    color:var(--accent);
    cursor:pointer
}
.toc ol {
    padding-left:24px;
    line-height:2
}
.toc a {
    text-decoration:none
}
.toc li.subheading {
    margin-left:15px;
    font-size:.7rem
}
.image-open {
    background:none;
    border:0;
    padding:0;
    display:block;
    max-width:100%;
    cursor:zoom-in
}
.image-open img {
    display:block
}
.image-viewer {
    width:min(1200px,calc(100% - 24px));
    padding:18px;
    text-align:right
}
.image-viewer img {
    display:block;
    margin:14px auto;
    max-height:72dvh;
    object-fit:contain
}
.image-viewer p {
    font-size:.75rem;
    text-align:left;
    color:var(--muted)
}
.image-viewer button {
    font-size:.75rem
}
.reading-room :where(h2,h3,h4,h5,h6) {
    scroll-margin-top:25px
}
.heading-permalink {
    display:inline-block;
    margin-inline-start:.5em;
    padding-inline:.15em;
    font-size:.7em;
    font-weight:normal;
    text-decoration:none;
    opacity:0
}
:is(h2,h3,h4,h5,h6):is(:hover,:focus-within,:target)>.heading-permalink {
    opacity:1
}
@media(hover:none) {
    .heading-permalink { opacity:1 }
}
@media print {
    .heading-permalink { display:none }
}
.console-content .wp-caption {
    max-width:100%;
    margin-block:1.8rem
}
.console-content .wp-caption-text {
    font-size:.75rem;
    line-height:1.6;
    color:var(--muted);
    margin-top:.6rem
}
.console-content :is(ul,ol) {
    padding-inline-start:1.5em
}
@media(max-width:600px) {
    .console-content :is(.alignleft,.alignright) {
        float:none;
        margin-inline:auto!important
    }
    .console-content :is(h2,h3) {
        font-size:1.25rem
    }
}