@layer components{.Pagination{background-color:var(--joh-c-bg);position:relative}.Pagination .container{max-width:var(--joh-layout-max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 4px;display:flex}.Pagination .sorting{flex-shrink:0;align-items:flex-end;margin-right:24px;display:flex;position:relative}@supports ((-webkit-appearance:base-select) or (appearance:base-select)){.Pagination .sorting{margin-right:0}}.Pagination .sorting select{height:34px;line-height:24px;font-family:var(--joh-font-family-base);color:var(--joh-c-text-1);background-color:var(--joh-c-bg);cursor:pointer;border-radius:4px;font-size:1rem;font-weight:400}.Pagination .sorting select:focus-visible{box-shadow:0 0 0 2px var(--joh-c-focus-ring)}.Pagination .sorting select option{color:var(--joh-c-text-1);background-color:var(--joh-c-bg)}@supports ((-webkit-appearance:base-select) or (appearance:base-select)){.Pagination .sorting select{-webkit-appearance:base-select;appearance:base-select;align-items:center}.Pagination .sorting select::picker(select){border:1px solid var(--joh-c-border);box-shadow:none;background-color:var(--joh-c-bg);border-radius:4px;padding:4px 0}.Pagination .sorting select::picker-icon{color:var(--joh-c-text-1);width:20px;height:20px;-webkit-mask:var(--joh-icon-svg-arrow-down) no-repeat;-webkit-mask:var(--joh-icon-svg-arrow-down) no-repeat;-webkit-mask:var(--joh-icon-svg-arrow-down) no-repeat;mask:var(--joh-icon-svg-arrow-down) no-repeat;background:currentColor;transition:color .25s,rotate .25s;rotate:90deg;-webkit-mask-size:100% 100%;mask-size:100% 100%}.Pagination .sorting select:open::picker-icon{rotate:270deg}.Pagination .sorting select option{white-space:normal;color:var(--joh-c-text-1);background-color:var(--joh-c-bg);border-radius:4px;padding-block-start:.375rem;padding-block-end:.375rem;padding-inline-start:.75rem;padding-inline-end:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.Pagination .sorting select option:hover,.Pagination .sorting select option:focus{background-color:var(--joh-c-bg-soft);color:var(--joh-c-text-1)}.Pagination .sorting select option:checked{color:var(--joh-c-text-1);background-color:var(--joh-c-bg);font-weight:500}}@supports ((-webkit-appearance:base-select) or (appearance:base-select)){.Pagination .sorting label{display:none}}.Pagination .sorting label{color:var(--joh-c-text-2);pointer-events:none;font-size:12px;line-height:1;transition:color .25s;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}:is(.Pagination .sorting:hover,.Pagination .sorting:focus-within) label{color:var(--joh-c-text-1)}.Pagination site-pagination{width:100%;display:block}.Pagination .paging{width:100%}.Pagination .pagination-fallback,.Pagination .paging-mobile{text-align:right;justify-content:flex-end;align-items:center;gap:8px;display:flex}.Pagination .paging-mobile{display:none}.Pagination .paging-desktop .pagination-list{flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-left:32px;padding:0;list-style:none;display:flex}.Pagination .paging-desktop .pagination-list li{text-align:center;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:0 4px;display:flex}.Pagination .pagination-link,.Pagination .pagination-previous,.Pagination .pagination-next{justify-content:center;align-items:center;min-width:24px;min-height:24px;display:inline-flex}.Pagination .is-current{text-align:center;letter-spacing:0;cursor:default;font-size:16px;font-weight:700;line-height:1}.Pagination .pager-more{color:var(--joh-c-text-muted);cursor:default;padding:5px 4px!important}@media (max-width:719px){.Pagination .paging-mobile{display:flex}.Pagination .paging-desktop{display:none}}@keyframes journal-page-forward-old{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-44px)}}@keyframes journal-page-forward-new{0%{opacity:0;transform:translate(44px)}to{opacity:1;transform:translate(0)}}@keyframes journal-page-backward-old{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(44px)}}@keyframes journal-page-backward-new{0%{opacity:0;transform:translate(-44px)}to{opacity:1;transform:translate(0)}}.Journal{max-width:calc(var(--joh-layout-max-width) + 4px);margin:0 auto}.Content .Journal>.container,.Journal .container{box-sizing:border-box;counter-reset:count;grid-template-columns:repeat(auto-fit,min(100%,491px));grid-auto-rows:1px;grid-auto-flow:dense;opacity:0;gap:0;max-width:none;padding:2px}.Journal .FrontPage{background-color:var(--joh-c-journal-frontpage-bg);flex-direction:column;justify-content:center;align-items:center;height:212px;display:flex}.Journal .FrontPage svg:first-child{width:455px;height:128px}.Journal .FrontPage svg:nth-child(2){width:455px;height:60px}.Journal .Section{border:2px solid var(--joh-c-neutral);background-color:var(--joh-c-bg);box-sizing:border-box;width:491px;margin:-2px 0 0}.Journal .container.is-waterfall-right-border-owner>.Section.is-waterfall-left-column{border-right-width:0}.Journal .container.is-waterfall-left-border-owner>.Section.is-waterfall-right-column{border-left-width:0}.Journal .container.is-waterfall-left-border-owner>.Section.is-waterfall-left-column,.Journal .container.is-waterfall-right-border-owner>.Section.is-waterfall-right-column{border-right-width:2px}.Journal .FrontPage.Section{background-color:var(--joh-c-journal-frontpage-bg)}.Journal .Section.is-below-frontpage{border-top:none}.Journal .Article{padding:12px;font-size:.875rem}.Journal .Article .article-content{text-indent:2em;margin-top:6px}.Journal .Article .article-cover{margin:12px 0}.Journal .Article .article-cover::part(img){aspect-ratio:3/2;object-fit:cover}.Journal .Article .article-title{font-size:1.5rem;font-weight:900;line-height:2.25rem;font-family:var(--joh-font-family-serif)}.Journal .Article .article-title:hover>span{text-underline-offset:2px;text-decoration:underline}.Journal .Article .article-subtitle{white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.25rem;overflow:hidden}.Journal .Article .article-meta{color:var(--joh-c-text-muted);font-variation-settings:"opsz" auto;justify-content:space-between;margin-top:6px;font-size:.75rem;line-height:1.25rem;display:flex}.Journal .Article .article-meta .author-name{color:var(--joh-c-text-1);font-variation-settings:"opsz" auto;font-weight:700}.Journal .Article .article-meta .author-name:hover{text-underline-offset:2px;text-decoration:underline}.Journal .Section:last-child{margin-bottom:0}@media (max-width:1150px){.Journal .container{opacity:1;display:block!important}.Journal .Section{border-left-width:2px;border-right-width:2px;width:100%;margin:-2px 0 0}.Journal .FrontPage{height:115px}.Journal .FrontPage svg:first-child{width:88%;height:88%}.Journal .FrontPage svg:nth-child(2){display:none}}@media (max-width:719px){.Journal{padding:0}}.PostTitleTransition{width:-moz-fit-content;width:fit-content;max-width:100%;display:inline-block}@supports (view-transition-name:none){html[data-page-transition=active] .Journal .PostTitleTransition{view-transition-name:none!important}html[data-page-transition=active] .Journal>.container{view-transition-name:journal-page-content;contain:layout}html[data-page-transition=active]::view-transition-group(journal-page-content){animation-duration:.32s;animation-timing-function:cubic-bezier(.33,0,.13,1)}html[data-page-transition=active][data-page-transition-direction=forward]::view-transition-old(journal-page-content){animation:.32s cubic-bezier(.33,0,.13,1) both journal-page-forward-old}html[data-page-transition=active][data-page-transition-direction=forward]::view-transition-new(journal-page-content){animation:.32s cubic-bezier(.33,0,.13,1) both journal-page-forward-new}html[data-page-transition=active][data-page-transition-direction=backward]::view-transition-old(journal-page-content){animation:.32s cubic-bezier(.33,0,.13,1) both journal-page-backward-old}html[data-page-transition=active][data-page-transition-direction=backward]::view-transition-new(journal-page-content){animation:.32s cubic-bezier(.33,0,.13,1) both journal-page-backward-new}}}