@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;transition:color var(--duration-fast), rotate var(--duration-fast);background:currentColor;rotate:90deg;-webkit-mask-size:100% 100%;mask-size:100% 100%}.Pagination .sorting select:open::picker-icon{rotate:270deg}.Pagination .sorting select option{--option-ease:cubic-bezier(0, 0, .2, 1);white-space:normal;color:var(--joh-c-text-1);background-color:var(--joh-c-bg);transition-property:color,background-color;transition-duration:var(--duration-quick);transition-timing-function:var(--option-ease);border-radius:4px;padding-block-start:.375rem;padding-block-end:.375rem;padding-inline-start:.75rem;padding-inline-end:.75rem}.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;transition:color var(--duration-fast);font-size:12px;line-height:1;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;position:relative}.Journal .container:before,.Journal .container:after{content:"";z-index:1;background:var(--joh-c-neutral);pointer-events:none;width:2px;height:calc(100% - 2px);position:absolute;top:0}.Journal .container:before{left:2px}.Journal .container:after{display:none;right:2px}.Journal .container[data-right-taller]:before{display:none}.Journal .container[data-right-taller]:after{display:block}.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{background-color:var(--joh-c-bg);box-sizing:border-box;border:2px solid var(--joh-c-neutral);border-left:0;width:491px;margin:-2px 0 0}.Journal .container[data-right-taller]>.Section{border-right:0;border-left:2px solid var(--joh-c-neutral)}.Journal .FrontPage.Section{background-color:var(--joh-c-journal-frontpage-bg)}.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}@media (max-width:1150px){.Journal .container{opacity:1;display:block!important}.Journal .Section{width:100%}.Journal .FrontPage{height:115px}.Journal .FrontPage svg:first-child{width:88%;height:88%}.Journal .FrontPage svg:nth-child(2){display:none}}@supports (display:grid-lanes){.Content .Journal>.container,.Journal .container{grid-template-columns:repeat(auto-fit,minmax(min(100%,491px),1fr));grid-auto-flow:normal;opacity:1;grid-auto-rows:auto;display:grid-lanes!important}.Journal .Section{grid-row:auto;width:auto}}@media (max-width:719px){.Journal{padding:0}}@supports (view-transition-name:none){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:var(--duration-page-flip);animation-timing-function:var(--ease-standard)}html[data-page-transition=active][data-page-transition-direction=forward]::view-transition-old(journal-page-content){animation:journal-page-forward-old var(--duration-page-flip) var(--ease-standard) both}html[data-page-transition=active][data-page-transition-direction=forward]::view-transition-new(journal-page-content){animation:journal-page-forward-new var(--duration-page-flip) var(--ease-standard) both}html[data-page-transition=active][data-page-transition-direction=backward]::view-transition-old(journal-page-content){animation:journal-page-backward-old var(--duration-page-flip) var(--ease-standard) both}html[data-page-transition=active][data-page-transition-direction=backward]::view-transition-new(journal-page-content){animation:journal-page-backward-new var(--duration-page-flip) var(--ease-standard) both}}}