:root {
    color-scheme:dark;
    --line:#005500;
    --line-strong:#00aa00;
    --panel:#101912;
    --accent:var(--wp--preset--color--accent);
    --ink:var(--wp--preset--color--text);
    --muted:var(--wp--preset--color--muted);
    --bg:var(--wp--preset--color--background)
}
html {
    scroll-padding-top:2rem
}
* {
    box-sizing:border-box
}
body {
    margin:0;
    font-variant-ligatures:none;
    text-rendering:optimizeLegibility
}
body,.editor-styles-wrapper {
    background:var(--bg);
    color:var(--ink)
}
:root[data-palette="amber"] {
    --wp--preset--color--accent:#ffcf78;
    --wp--preset--color--text:#e4c397;
    --wp--preset--color--muted:#b5a083;
    --line:#514532;
    --line-strong:#99815d;
    --panel:#19160f
}
:root:not([data-palette="amber"])[data-intensity="soft"] {
    --wp--preset--color--text:#b0dfb7
}
:root[data-intensity="bright"] {
    --wp--preset--color--text:#00ff00
}
/* Amber defaults to the vivid CRT palette; soft retains the gentler colours above. */
:root[data-palette="amber"]:not([data-intensity="soft"]) {
    --wp--preset--color--accent:#ffb000;
    --wp--preset--color--text:#ffb000;
    --wp--preset--color--muted:#c99a50;
    --line:#5a3a00;
    --line-strong:#ad7600;
    --panel:#19130a
}
::selection {
    background:var(--accent);
    color:#080d0a
}
a {
    color:var(--accent);
    text-underline-offset:.3em;
    text-decoration-thickness:1px
}
a:hover {
    text-decoration-style:dashed
}
button,input,select,textarea {
    font:inherit
}
button {
    cursor:pointer
}
button,a,input,textarea,summary {
    touch-action:manipulation
}
:where(a,button,input,textarea,select,summary):focus-visible {
    outline:2px solid var(--accent);
    outline-offset:5px
}
button {
    color:var(--accent);
    background:transparent;
    border:1px solid var(--line-strong);
    border-radius:0;
    padding:.6rem .9rem
}
button:hover {
    background:var(--panel)
}
[hidden] {
    display:none!important
}
img {
    max-width:100%;
    height:auto
}
h1,h2,h3,p {
    overflow-wrap:break-word
}
a,code {
    overflow-wrap:anywhere
}
.wp-site-blocks>* {
    margin-block-start:0
}
.wp-site-blocks {
    padding:0
}
.site-main {
    max-width:1200px;
    margin:0 auto!important;
    padding:0 32px 70px
}
.site-main:focus {
    outline:none
}
.screen-reader-text:focus,.skip-link:focus {
    clip-path:none!important;
    clip:auto!important;
    width:auto;
    height:auto;
    position:fixed;
    top:10px;
    left:10px;
    padding:1rem;
    z-index:999999;
    background:var(--accent);
    color:#080d0a
}
.console-header {
    border-bottom:1px solid var(--line);
    background:var(--bg)
}
.header-inner {
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:2rem;
    padding:26px 32px
}
.brand {
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    font-size:1.05rem;
    line-height:1.2;
    white-space:nowrap
}
.brand-mark {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border:1px solid var(--accent);
    font-size:1.4rem;
    background:var(--panel)
}
.brand small {
    display:block;
    color:var(--muted);
    font-size:.59rem;
    letter-spacing:.13em;
    margin-top:8px
}
.primary-nav {
    display:flex;
    gap:1.2rem;
    font-size:.78rem
}
.primary-nav a {
    text-decoration:none;
    color:var(--muted);
    white-space:nowrap;
    padding:.5rem 0
}
.primary-nav a[aria-current],.primary-nav a:hover {
    color:var(--accent)
}
.primary-nav a[aria-current] {
    text-decoration:underline;
    text-underline-offset:12px
}
.header-actions {
    display:flex;
    gap:18px;
    align-items:center;
    font-size:.78rem
}
.search-open {
    text-decoration:none;
    white-space:nowrap
}
.search-icon {
    display:none
}
.command-links {
    display:flex;
    flex-wrap:wrap;
    gap:12px 20px;
    margin-top:12px
}
.random-entry {
    display:inline-block;
    margin-top:16px
}
kbd {
    display:inline-block;
    border:1px solid var(--line-strong);
    padding:0 .4rem;
    font:inherit;
    font-size:.7rem;
    margin-left:6px
}
.display-open {
    border:0;
    padding:8px 0;
    font-size:.85rem
}
.console-intro {
    padding-top:56px
}
.command-line {
    font-size:.75rem;
    color:var(--muted);
    margin:0 0 26px
}
.command-line>span {
    color:var(--accent);
    margin-right:.65rem
}
.intro-grid {
    display:grid;
    grid-template-columns:1.65fr 1fr;
    align-items:center;
    gap:4rem;
    padding-bottom:52px
}
.intro-grid h1 {
    font-size:clamp(2.7rem,6.1vw,4.5rem);
    line-height:1.06;
    letter-spacing:-.07em;
    font-weight:500;
    margin:0 0 25px
}
.cursor {
    color:var(--accent)
}
.intro-description {
    font-size:1rem;
    line-height:1.8;
    margin:0;
    color:var(--ink)
}
.intro-note {
    padding:8px 0 8px 26px;
    border-left:1px solid var(--line)
}
.eyebrow {
    font-size:.6rem;
    letter-spacing:.13em;
    color:var(--muted)
}
.intro-note p {
    font-size:.83rem;
    line-height:1.9;
    margin:17px 0
}
.intro-note a {
    font-size:.72rem
}
.journal-heading {
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid var(--line-strong);
    border-bottom:1px solid var(--line);
    padding:16px 0;
    gap:1rem
}
.journal-heading h2 {
    font-size:1rem;
    margin:0;
    letter-spacing:0
}
.journal-heading h2 span {
    color:var(--muted)
}
.journal-heading>span {
    font-size:.65rem;
    color:var(--muted)
}
.journal-layout {
    gap:60px!important;
    margin-top:0!important;
    align-items:flex-start!important
}
.journal-layout>.wp-block-column {
    min-width:0
}
.journal-query .wp-block-post-template {
    margin:0;
    padding:0
}
.journal-query .wp-block-post-template>li {
    margin-top:0
}
.post-entry {
    padding:34px 0 30px;
    border-bottom:1px solid var(--line)
}
.entry-meta-row {
    gap:16px!important;
    color:var(--muted);
    font-size:.65rem;
    letter-spacing:.01em
}
.entry-meta-row a {
    color:var(--muted);
    text-decoration:none
}
.entry-meta-row .wp-block-post-terms:before {
    content:"/";
    margin-right:16px;
    color:var(--line-strong)
}
.post-entry .wp-block-post-title {
    font-size:clamp(1.25rem,2.5vw,1.8rem);
    line-height:1.35;
    letter-spacing:-.045em;
    margin:15px 0!important;
    font-weight:500
}
.post-entry .wp-block-post-title a {
    text-decoration:none
}
.post-entry .wp-block-post-title a:hover {
    text-decoration:underline
}
.post-entry .wp-block-post-excerpt {
    font-size:.82rem;
    line-height:1.95;
    margin:0 0 20px!important;
    max-width:65ch;
    color:var(--ink)
}
.wp-block-post-excerpt__excerpt {
    margin:0
}
.wp-block-post-excerpt__more-text {
    display:none
}
.post-entry .wp-block-read-more {
    font-size:.7rem;
    text-decoration:none;
    border-bottom:1px solid var(--line-strong);
    padding-bottom:3px
}
.journal-query .wp-block-query-pagination {
    margin:32px 0;
    font-size:.75rem;
    gap:1rem
}
.wp-block-query-pagination a {
    text-decoration:none
}
.wp-block-query-pagination-numbers {
    display:flex;
    gap:14px
}
.page-numbers.current {
    color:var(--bg);
    background:var(--accent);
    padding:0 6px
}
.journal-query[data-wp-router-region] {
    min-height:280px
}
.console-sidebar {
    padding-top:34px
}
.side-panel {
    margin:0 0 36px;
    padding-bottom:30px;
    border-bottom:1px solid var(--line)
}
.side-panel h2 {
    font-size:.78rem;
    letter-spacing:0;
    margin:0 0 22px
}
.side-panel h2>span {
    color:var(--muted);
    font-size:.65rem;
    margin-right:7px
}
.side-panel p {
    font-size:.75rem;
    line-height:1.95;
    color:var(--muted);
    margin:17px 0
}
.side-panel>a {
    font-size:.69rem
}
.ascii-icon {
    font-size:1rem;
    line-height:1.15;
    color:var(--accent);
    white-space:nowrap;
    margin-top:-4px
}
.topic-list,.year-list {
    list-style:none;
    padding:0;
    margin:0;
    font-size:.75rem
}
.topic-list li+li,.year-list li+li {
    margin-top:10px
}
.topic-list a {
    display:flex;
    justify-content:space-between;
    gap:10px;
    text-decoration:none;
    color:var(--ink)
}
.topic-list a:hover {
    color:var(--accent)
}
.topic-count {
    font-size:.65rem;
    color:var(--muted)
}
.year-list {
    color:var(--muted);
    margin-bottom:18px
}
.year-list a {
    text-decoration:none
}
.feed-panel {
    border:1px solid var(--line);
    padding:22px;
    background:var(--panel)
}
.feed-panel h2 {
    font-size:.85rem;
    margin:0
}
.feed-panel p {
    font-size:.7rem
}
.breadcrumb {
    padding:32px 0;
    font-size:.72rem;
    color:var(--muted);
    overflow-wrap:anywhere
}
.breadcrumb a {
    text-decoration:underline
}
.breadcrumb>span {
    margin:0 8px
}
.page-title {
    font-size:clamp(2rem,5vw,3rem);
    margin:10px 0 32px!important;
    letter-spacing:-.05em
}
.reading-room {
    max-width:800px;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-top:6px
}
.article-title {
    font-size:clamp(2rem,4.9vw,3.1rem);
    margin:20px 0!important;
    line-height:1.2
}
.article-category {
    font-size:.7rem;
    text-transform:uppercase;
    letter-spacing:.12em
}
.article-category a {
    text-decoration:none
}
.article-meta {
    display:flex;
    flex-wrap:wrap;
    gap:13px;
    color:var(--muted);
    font-size:.7rem;
    margin:20px 0 42px!important
}
.article-meta+figure {
    margin-bottom:35px
}
.console-content {
    font-size:.96rem;
    line-height:1.95
}
.console-content>p {
    max-width:74ch
}
:is(.console-content,.editor-styles-wrapper) h2 {
    font-size:1.7rem;
    margin-top:2.8rem
}
:is(.console-content,.editor-styles-wrapper) h3 {
    font-size:1.3rem;
    margin-top:2rem
}
:is(.console-content,.editor-styles-wrapper) li {
    margin-bottom:.5rem
}
:is(.console-content,.editor-styles-wrapper) figure {
    margin:2rem 0
}
:is(.console-content,.editor-styles-wrapper) figcaption {
    font-size:.75rem;
    color:var(--muted)
}
:is(.console-content,.editor-styles-wrapper) table {
    font-size:.85rem
}
:is(.console-content,.editor-styles-wrapper) td,:is(.console-content,.editor-styles-wrapper) th {
    border-color:var(--line-strong);
    padding:.75rem
}
:is(.console-content,.editor-styles-wrapper) .wp-block-table {
    overflow:auto
}
:is(.console-content,.editor-styles-wrapper) hr {
    border:0;
    border-top:1px solid var(--line);
    margin:3rem 0
}
:is(.console-content,.editor-styles-wrapper) blockquote {
    border-left:3px solid var(--accent);
    padding:1rem 1.5rem;
    margin:2rem 0;
    background:var(--panel)
}
:is(.console-content,.editor-styles-wrapper) blockquote cite {
    color:var(--muted);
    font-size:.8rem
}
.is-style-terminal-note {
    border:1px solid var(--line);
    padding:1.25rem!important;
    background:var(--panel)
}
.is-style-terminal-note:before {
    content:"NOTE / ";
    color:var(--accent);
    font-weight:bold
}
.article-tags {
    border-top:1px solid var(--line);
    padding-top:25px;
    font-size:.75rem;
    margin-top:45px!important
}
.post-navigation {
    border-block:1px solid var(--line);
    padding:28px 0;
    margin-top:40px!important;
    font-size:.8rem;
    gap:24px
}
.post-navigation>.wp-block-post-navigation-link {
    flex:1 1 250px;
    min-width:0
}
.post-navigation.is-layout-flex {
    align-items:flex-start
}
.post-navigation>.wp-block-post-navigation-link:empty {
    display:none
}
.post-navigation a {
    display:block;
    text-decoration:none;
    line-height:1.65
}
.post-navigation-link__label {
    display:block;
    color:var(--muted);
    font-size:.7rem;
    margin-bottom:8px
}
.post-navigation-link__title {
    display:block;
    text-decoration:underline;
    text-underline-offset:.3em
}
.console-comments {
    margin-top:55px!important;
    font-size:.8rem
}
.console-comments h2,.comment-reply-title {
    font-size:1.3rem
}
.console-comments .comment-entry {
    border-bottom:1px solid var(--line);
    padding:20px 0
}
.wp-block-comment-date {
    font-size:.65rem;
    color:var(--muted)
}
.wp-block-comment-content {
    overflow-wrap:anywhere
}
.console-comments input:not([type=checkbox]):not([type=submit]),.console-comments textarea {
    display:block;
    width:100%;
    margin-top:6px
}
.console-comments label {
    color:var(--muted)
}
input:not([type=radio]):not([type=checkbox]),textarea {
    border:1px solid var(--line-strong);
    border-radius:0;
    background:var(--panel);
    color:var(--ink);
    padding:.75rem;
    max-width:100%
}
input[type=submit] {
    cursor:pointer;
    background:var(--accent)!important;
    color:var(--bg)!important
}
input[type=radio],input[type=checkbox] {
    accent-color:var(--accent)
}
.wp-block-search__button {
    background:var(--accent);
    color:var(--bg);
    font-family:inherit;
    border-radius:0
}
.wp-block-search__label {
    font-size:.75rem;
    margin-bottom:8px;
    display:block
}
.page-search {
    max-width:700px;
    margin-bottom:22px!important
}
.archive-summary {
    color:var(--muted);
    font-size:.86rem
}
.archive-jump {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:25px 0 42px
}
.archive-jump a {
    border:1px solid var(--line);
    padding:5px 12px;
    font-size:.76rem;
    text-decoration:none
}
.archive-index section {
    margin-bottom:42px
}
.archive-index h2 {
    font-size:1.6rem;
    border-bottom:1px solid var(--line-strong);
    padding-bottom:16px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    scroll-margin-top:24px
}
.archive-index h2 span {
    font-size:.67rem;
    color:var(--muted);
    letter-spacing:0
}
.archive-index ul {
    list-style:none;
    padding:0
}
.archive-index li {
    display:grid;
    grid-template-columns:70px 1fr 16px;
    gap:16px;
    padding:18px 0;
    border-bottom:1px solid var(--line);
    align-items:baseline;
    margin:0
}
.archive-index time {
    font-size:.7rem;
    color:var(--muted)
}
.archive-index li a {
    font-size:.86rem;
    text-decoration:none
}
.archive-index li a:hover {
    text-decoration:underline
}
.archive-arrow {
    color:var(--muted)
}
.not-found {
    max-width:720px;
    margin:50px auto 90px
}
.not-found h1 {
    font-size:clamp(5rem,18vw,10rem);
    margin:12px 0
}
.not-found .wp-block-search {
    margin:40px 0
}
.recovery-links {
    display:flex;
    flex-wrap:wrap;
    gap:18px 28px;
    margin-top:36px
}
.command-output {
    max-width:760px;
    margin:56px auto 80px;
    line-height:1.85
}
.command-output h1 {
    font-size:clamp(1.8rem,5vw,3rem);
    line-height:1.25
}
.command-output h2 {
    font-size:1.3rem;
    margin-top:36px
}
.command-output ul {
    padding-left:1.5em
}
.command-output li {
    margin-block:14px
}
.command-reference {
    display:grid;
    grid-template-columns:max-content minmax(0,1fr);
    gap:16px 28px;
    padding-block:24px;
    border-block:1px solid var(--line)
}
.command-reference dd {
    margin:0
}
.terminal-note {
    border-left:2px solid var(--accent);
    padding:12px 18px;
    background:var(--panel)
}
.console-footer {
    max-width:1136px;
    margin:0 auto;
    padding:32px 0 38px;
    border-top:1px solid var(--line-strong);
    display:flex;
    justify-content:space-between;
    gap:30px;
    font-size:.73rem
}
.console-footer a {
    text-decoration:none
}
.console-footer p {
    color:var(--muted);
    font-size:.64rem;
    margin:8px 0
}
.footer-links {
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    align-content:center;
    align-items:center
}
.footer-links>span {
    font-size:.62rem;
    color:var(--muted)
}
dialog {
    color:var(--ink);
    background:var(--bg);
    border:1px solid var(--accent);
    width:min(660px,calc(100% - 32px));
    padding:28px;
    max-height:85dvh;
    overflow:auto;
    box-shadow:0 18px 90px #0009
}
dialog::backdrop {
    background:#020804d9;
    backdrop-filter:blur(4px)
}
.dragon-art { margin:24px 0 }
.dragon-art pre {
    width:max-content;
    margin:0 auto 20px;
    color:var(--accent);
    font-size:clamp(.7rem,2vw,1rem);
    line-height:1.4
}
.dragon-art figcaption { font-size:.85rem }
.dialog-top {
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:16px;
    margin-bottom:24px
}
.dialog-top h2 {
    font-size:1.1rem;
    margin:0
}
.dialog-top button {
    font-size:.72rem;
    border:0;
    padding:5px;
    white-space:nowrap
}
dialog label,dialog legend {
    font-size:.78rem
}
dialog label {
    display:block;
    margin-bottom:8px
}
.search-input-row {
    display:flex;
    align-items:center;
    gap:12px;
    border-bottom:1px solid var(--accent);
    padding:8px 0
}
.search-input-row input {
    border:0;
    background:transparent;
    padding:8px 0;
    min-width:0;
    width:100%;
    font-size:1rem
}
.search-input-row>span {
    color:var(--accent)
}
.search-input-row button {
    font-size:.7rem;
    white-space:nowrap
}
.dialog-bottom {
    border-top:1px solid var(--line);
    padding-top:16px;
    font-size:.7rem
}
.muted,#search-status {
    color:var(--muted);
    font-size:.73rem
}
#search-results {
    padding:0;
    list-style:none;
    margin:0 0 24px
}
#search-results a {
    display:block;
    padding:13px 0;
    border-bottom:1px solid var(--line);
    text-decoration:none;
    font-size:.85rem
}
#display-settings fieldset {
    border:0;
    border-top:1px solid var(--line);
    padding:20px 0;
    margin:20px 0
}
#display-settings legend {
    color:var(--accent);
    padding-right:16px
}
#display-settings label {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-right:22px
}
.reset-display {
    font-size:.75rem
}
.console-editor-component {
    border:1px dashed var(--line);
    padding:12px
}
.editor-styles-wrapper {
    --bg:#080d0a;
    --ink:#00ff00;
    --accent:#00ff00;
    --muted:#00aa00;
    --panel:#101912;
    --line:#005500;
    --line-strong:#00aa00;
    font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace
}
.editor-styles-wrapper :where(p,li) {
    line-height:1.85
}
:root:not([data-effects="off"]) body:not(.wp-admin):not(.editor-styles-wrapper):after {
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:99999;
    background:repeating-linear-gradient(transparent 0px,transparent 3px,#0002 3px,#0002 4px)
}
:root:not([data-effects="off"]) body:not(.wp-admin):not(.editor-styles-wrapper) :where(h1,.brand-mark) {
    text-shadow:0 0 18px color-mix(in srgb,var(--accent) 25%,transparent)
}
:root[data-palette="amber"]:not([data-intensity="soft"]):not([data-effects="off"]) body:not(.wp-admin):not(.editor-styles-wrapper) :where(h1,.brand-mark) {
    text-shadow:0 0 18px color-mix(in srgb,var(--accent) 40%,transparent)
}
.welcome-command {
    display:inline-block
}
.terminal-spinner {
    display:inline-block;
    width:1ch;
    height:1em;
    margin-inline-end:.65ch;
    overflow:hidden;
    vertical-align:-.1em;
    color:var(--accent)
}
.terminal-spinner>span {
    display:block;
    white-space:pre;
    line-height:1em
}
@media(prefers-reduced-motion:no-preference) {
    :root:not([data-effects="off"]) .welcome-command.is-typing {
        animation:command-type 900ms steps(15,end)
    }
    :root:not([data-effects="off"]) a:is(:hover,:focus-visible) {
        animation:phosphor-glow 600ms ease-out
    }
    :root:not([data-effects="off"]) .terminal-spinner:not([hidden])>span {
        animation:terminal-spin 800ms steps(4,end) infinite
    }
    @keyframes command-type {
        from { clip-path:inset(0 100% 0 0) }
        to { clip-path:inset(0 0 0 0) }
    }
    @keyframes phosphor-glow {
        from { text-shadow:0 0 2px var(--accent),0 0 12px var(--accent) }
        to { text-shadow:0 0 0 transparent }
    }
    @keyframes terminal-spin {
        to { transform:translateY(-4em) }
    }
    @view-transition {
        navigation:auto
    }
    ::view-transition-old(root) {
        animation:fade-out 100ms ease-out both
    }
    ::view-transition-new(root) {
        animation:fade-in 150ms ease-out both
    }
    .console-header {
        view-transition-name:console-header
    }
    :root:not([data-effects="off"]) body:not(.wp-admin):not(.editor-styles-wrapper) .cursor {
        animation:cursor-blink 1.4s step-end infinite
    }
    @keyframes fade-in {
        from {
            opacity:0
        }
        to {
            opacity:1
        }
    }
    @keyframes fade-out {
        to {
            opacity:0
        }
    }
    @keyframes cursor-blink {
        50% {
            opacity:0
        }
    }
}
@media(max-width:1000px) {
    .header-inner {
        gap:20px
    }
    .primary-nav {
        gap:14px
    }
    .journal-layout {
        gap:36px!important
    }
    .footer-links {
        gap:12px
    }
    .console-footer {
        margin-inline:32px
    }
}
@media(max-width:781px) {
    .header-inner {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        padding:16px 22px;
        gap:12px
    }
    .brand {
        gap:8px;
        font-size:.85rem
    }
    .brand-mark {
        width:30px;
        height:30px;
        flex-shrink:0;
        font-size:1rem
    }
    .brand small {
        font-size:.48rem;
        letter-spacing:.04em
    }
    .header-actions {
        gap:2px
    }
    .search-open,.display-open {
        display:grid;
        place-items:center;
        width:36px;
        min-height:44px;
        padding:0
    }
    .search-label,.search-open kbd {
        display:none
    }
    .search-icon {
        display:block
    }
    .primary-nav {
        grid-column:1/-1;
        order:3;
        width:100%;
        border-top:1px solid var(--line);
        padding-top:12px;
        justify-content:space-between
    }
    .primary-nav a[aria-current] {
        text-underline-offset:5px
    }
    .site-main {
        padding:0 22px 44px
    }
    .console-intro {
        padding-top:32px
    }
    .intro-grid {
        grid-template-columns:1fr;
        gap:24px;
        padding-bottom:32px
    }
    .intro-grid h1 {
        font-size:clamp(2.5rem,9vw,4rem)
    }
    .intro-note {
        display:none
    }
    .intro-description {
        font-size:.85rem
    }
    .command-line {
        font-size:.63rem;
        margin-bottom:23px
    }
    .journal-heading>span {
        font-size:.59rem
    }
    .journal-layout {
        gap:10px!important
    }
    .console-sidebar {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:26px;
        padding-top:24px
    }
    .side-panel {
        margin:0
    }
    .side-panel:first-child {
        display:none
    }
    .side-panel.feed-panel {
        grid-column:1/-1
    }
    .console-footer {
        margin:0 22px;
        flex-direction:column;
        gap:14px;
        padding:25px 0
    }
    .article-title {
        font-size:clamp(1.65rem,8vw,2rem)
    }
    .article-meta {
        font-size:.62rem;
        gap:10px;
        margin-bottom:30px!important
    }
    .console-content {
        font-size:.9rem
    }
    .archive-index li {
        gap:10px;
        grid-template-columns:52px 1fr 12px
    }
    .archive-index li a {
        font-size:.78rem
    }
    .archive-index time {
        font-size:.62rem
    }
    dialog {
        padding:20px
    }
    .dialog-top h2 {
        font-size:.95rem
    }
    .search-input-row button {
        padding:8px;
        font-size:.65rem
    }
}
@media(max-width:380px) {
    .journal-heading {
        align-items:flex-start;
        flex-direction:column;
        gap:6px
    }
    .console-sidebar {
        grid-template-columns:1fr
    }
    .side-panel.feed-panel {
        grid-column:auto
    }
    .search-input-row {
        flex-wrap:wrap
    }
    .search-input-row input {
        width:80%
    }
}
@media(prefers-reduced-motion:reduce) {
    *,*:before,*:after {
        scroll-behavior:auto!important;
        animation:none!important;
        transition:none!important
    }
    ::view-transition-old(root),::view-transition-new(root) {
        animation:none!important
    }
}
@media print {
    body,.editor-styles-wrapper {
        background:white!important;
        color:black!important;
        font-size:11pt
    }
    .console-header,.console-sidebar,.console-footer,.breadcrumb,.post-navigation,.console-comments,dialog,.toc,.copy-code,.image-open,body:after {
        display:none!important
    }
    .site-main,.reading-room {
        max-width:none!important;
        padding:0!important
    }
    h1,h2,h3,a {
        color:black!important;
        text-shadow:none!important
    }
    a {
        text-decoration:underline
    }
    :is(.console-content,.editor-styles-wrapper) blockquote,pre {
        background:#f5f5f5!important;
        color:black!important
    }
    details>* {
        display:block!important
    }
    details {
        border:1px solid #999!important
    }
    .wp-block-columns {
        display:block!important
    }
}