:root{color-scheme:light}
body.journal-page{margin:0;background:#effaf8;color:#263d3b;font:clamp(16px,2vw,17px)/1.9 "Yu Gothic",system-ui,sans-serif}
.journal-page *{box-sizing:border-box}
.journal-page [hidden],.compact-section [hidden]{display:none!important}
.journal-page a{color:#1b51a4;text-underline-offset:.25em}
.journal-page :focus-visible,.compact-section :focus-visible{outline:2px solid #1b51a4;outline-offset:3px}
.journal-page>header,.journal-page>main,.journal-page>footer{width:min(920px,calc(100% - 2rem));margin:auto}
.journal-page>header{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:1rem 0}
.journal-page>header img{display:block;width:auto;height:48px}
.journal-page>main{background:white;border:1px solid #d0e7e1;border-radius:20px;padding:clamp(1rem,5vw,3rem);overflow-wrap:anywhere}
.journal-page>footer{padding:1.5rem 0 3rem}
.journal-page h1{font-size:clamp(1.65rem,5vw,2.6rem);margin:0 0 .5em;line-height:1.4}
.journal-page h1 img{width:min(250px,100%);height:auto}
.journal-page h2,.journal-page h3{line-height:1.5}
.journal-page img,.journal-page video{max-width:100%;height:auto}
.article-page .post_content{margin-top:2rem}
.article-page .post_content :is(h2,h3){margin:2rem 0 .7rem;scroll-margin-top:1rem}
.article-page .post_content h2{border-left:4px solid #78b4a8;padding-left:.7em}
.article-page .post_content img,.article-page main>img{border-radius:12px}
.article-page .post_content p img{display:block;margin-inline:auto}
.article-page main>img{display:block;width:100%;max-height:560px;object-fit:contain;background:#f1faf8}
.article-page figure{margin:1.5rem 0}.article-page blockquote{border-left:3px solid #b8d8d0;padding-left:1rem}
.article-page table{display:block;overflow:auto}.article-page .p-toc:has(>span:only-child){display:none}
.article-page .article-toc{padding:.7rem 1rem;margin:1.25rem 0;background:#effaf8;border-radius:10px}
.article-page .article-toc summary{cursor:pointer;font-weight:700}
.archive-tools{display:grid;grid-template-columns:2fr 1fr;gap:.75rem}
.archive-tools label{font-weight:700}.archive-tools :is(input,select){display:block;width:100%;padding:.65rem;border:1px solid #8ea9a4;border-radius:8px;background:white;color:inherit;font:inherit}
.archive-page main>ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.archive-page main>ul>li{background:#f6fbfa;border:1px solid #dcebe7;border-radius:12px;padding:1rem}
.archive-page li a{display:block;font-weight:700;line-height:1.6}.archive-page li small{display:block;margin-top:.35rem;color:#4b6864}
.archive-pager,.compact-controls,.compact-tabs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.archive-pager button,.compact-section button{border:1px solid #8ab1aa;border-radius:999px;background:#fff;color:#294b47;padding:.45rem .9rem;font:inherit;cursor:pointer}
.archive-pager button:disabled,.compact-section button:disabled{opacity:.45;cursor:default}
.compact-section button[aria-pressed=true]{background:#315d58;color:#fff}
.compact-section .compact-nav{display:grid;gap:.65rem;margin:1rem 0;padding:1rem;border:1px solid #c7ded8;border-radius:14px;background:#effaf8}
.compact-section .compact-controls{justify-content:space-between}
.compact-section .compact-panel{margin-block:0 1.5rem}
.compact-section.results-switcher .compact-panel{max-height:28rem;overflow:auto;scrollbar-gutter:stable;padding:0 .55rem 1rem 0}
.compact-section.results-switcher .compact-panel h3{margin-top:0}
@media(max-width:600px){.archive-tools,.archive-page main>ul{grid-template-columns:1fr}.compact-section.results-switcher .compact-panel{max-height:25rem}}

.top-text.top-intro{width:min(800px,calc(100% - 2.5rem));margin:clamp(2rem,5vw,4rem) auto clamp(1.5rem,4vw,3rem);line-height:1.85}