/*!
 * Styles
 */
.layout{grid-template-columns:minmax(300px,38%) minmax(0,1fr);display:grid;min-block-size:100vh}
.layout.rail-right{grid-template-columns:minmax(0,1fr) minmax(300px,38%)}
.frame{block-size:100vh;overflow:auto;position:sticky}
.frame{flex-direction:column;inset-block-start:0;display:flex;background-color:var(--t-card);padding-inline:40px;padding-block:42px;gap:27px;color:var(--t-foreground)}
.wordmark{color:inherit;font-weight:normal;font-family:var(--t-font-display);text-decoration:none;font-size:1.7rem;display:inline-flex;gap:var(--t-spacing-6);align-items:center}
.wordmark svg{inline-size:36px;block-size:36px}
.strapline{opacity:.8;margin:var(--t-spacing-4) 0 0;font-size:1.05em}
.navigation{gap:var(--t-spacing-2);display:flex;flex-direction:column}
.navigation a{font-weight:600;color:inherit}
.navigation a{padding-inline:13px;padding-block:8px}
.navigation a{text-decoration:none;border-radius:5px;font-size:1.05em}
.navigation a:hover{color:var(--t-foreground);background-color:rgba(255,255,255,.12)}
.scene{max-inline-size:340px}
.meta-foot{display:flex;opacity:.8}
.meta-foot{gap:var(--t-spacing-2);flex-direction:column}
.meta-foot{margin-block-start:auto;font-size:.84em}
.meta-foot a{color:inherit;text-decoration:none}
.meta-foot small{display:block;margin-block-start:9px}
.page-body{padding-block-end:45px;padding-block-start:45px}
.container{padding-block:0;max-inline-size:760px;margin-inline:auto;margin-block:0;padding-inline:31px}
.intro{margin-block-end:39px}
.intro h1{font-size:2.6rem;margin:0 0 0.3em}
.intro p{font-size:1.12em;color:var(--t-muted-foreground)}
.entries{gap:0;margin:0 0 33px}
.entries{border-block-start:1px solid var(--t-border);display:grid}
.row-item{border-block-end:1px solid var(--t-border);gap:21px;padding-inline:0;padding-block:24px;grid-template-columns:96px minmax(0,1fr);display:grid}
.row-item{color:inherit;text-decoration:none;align-items:start}
.row-item img{block-size:96px;inline-size:96px}
.row-item img{object-fit:cover;border-radius:var(--t-radius)}
.count{color:var(--t-secondary);font-family:var(--t-font-display);line-height:1}
.count{font-size:2rem;font-weight:800}
.row-item h2{font-size:1.3rem;margin:0 0 7px}
.row-item:hover h2{color:var(--t-primary)}
.row-item p{color:var(--t-muted-foreground);margin-block-end:var(--t-spacing-4)}
.headline-area{margin-block-end:29px}
.headline-area h1{font-size:2.3rem}
.standfirst{color:var(--t-muted-foreground);font-size:1.1em}
.cover-image{margin:0 0 var(--t-spacing-11)}
.cover-image img{border-radius:var(--t-radius)}
.jump-links{background-color:var(--t-muted);padding-inline:18px;padding-block:12px;font-size:.92em;margin-block-end:var(--t-spacing-12);border-radius:var(--t-radius)}
.jump-links ol,.jump-links ul{padding-inline-start:1.34em;margin:var(--t-spacing-3) 0 0}
.jump-links a{text-decoration:none;color:inherit}
.columns.aside-left{grid-template-columns:260px minmax(0,1fr)}
.scene{margin:0 auto 17px;inline-size:min(286px, 70vw)}
.scene svg{block-size:auto;inline-size:100%;display:block}
.share-bar{display:flex;gap:7px}
.share-bar{margin:26px 0 26px 0;align-items:center}
.share-bar a{display:inline-flex;border:1px solid var(--t-border);inline-size:36px}
.share-bar a{align-items:center;color:var(--t-muted-foreground);justify-content:center;border-radius:5px;block-size:36px}
.share-bar a:hover{border-color:var(--t-primary);color:var(--t-primary)}
.share-bar svg{inline-size:18px;fill:currentColor;block-size:18px}
.toast{font-size:.92em;position:fixed;inset-block-end:16px}
.toast{transform:translateX(-50%);color:var(--t-background);border-radius:9px;box-shadow:0 10px 30px #ede9e840;background-color:var(--t-foreground);z-index:90;padding:11px 17px 11px 17px;inset-inline-start:50%}
blockquote cite{font-size:.88em;color:var(--t-muted-foreground)}
blockquote cite{margin-block-start:var(--t-spacing-5);font-style:normal;display:block}
blockquote cite::before{content:"— "}
kbd{font:inherit;background-color:var(--t-card);padding-block:2px;padding-inline:6px;border:1px solid var(--t-border);border-block-end-width:2px;font-size:.85em;border-radius:var(--t-radius)}
mark{padding-block:0;background-color:#70e46759;color:inherit;border-radius:2px;padding-inline:3px}
abbr[title]{text-decoration:underline dotted;cursor:help}
hr,.hr-line{block-size:2px;border:0}
hr,.hr-line{margin-block-end:var(--t-spacing-12);background-color:var(--t-border);margin-block-start:var(--t-spacing-12)}
::selection,::-moz-selection{background-color:var(--t-primary);color:#fff}
pre{font-size:.9em;padding-inline:19px;color:var(--t-foreground);margin-block-end:1.34em;background-color:var(--t-card);line-height:1.5;padding-block:18px;border-radius:var(--t-radius)}
pre{margin-block-start:1.34em;overflow:auto}
pre code{color:inherit;background-color:transparent;border-radius:0;padding:0;font-size:inherit}
.assistive{padding:0;overflow:hidden;inline-size:1px;margin:-1px;position:absolute;block-size:1px}
.assistive{clip:rect(0,0,0,0);border:0;white-space:nowrap}
.a11y-skip{background-color:var(--t-primary);inset-block-start:-40px;position:absolute}
.a11y-skip{padding-inline:14px;color:#fff;z-index:100;transition:top .15s;padding-block:9px}
.a11y-skip{inset-inline-start:8px;border-radius:0 0 6px 6px}
.a11y-skip:focus{inset-block-start:0}
.marker{font-size:.76em;padding-inline:7px;display:inline-block;letter-spacing:0.04em;font-weight:600;padding-block:1px;color:var(--t-primary);text-transform:none;background-color:var(--t-muted);border-radius:var(--t-radius)}
.marker.badge-alt{color:var(--t-secondary);background-color:#70e46726}
.dropcap::first-letter{color:var(--t-secondary);font-size:2.9em;float:inline-start;font-family:var(--t-font-display);font-weight:bold;line-height:.8;padding:var(--t-spacing-3) var(--t-spacing-4) 0 0}
.message{border:1px solid var(--t-border);background-color:var(--t-card);border-radius:var(--t-radius)}
.message{margin:17px 0 17px 0;border-inline-start-width:4px}
.message{padding-inline:17px;padding-block:11px}
.message.alert-info{border-left-color:var(--t-primary)}
.message.alert-warn{border-left-color:#da8e0b}
.message.alert-ok{border-left-color:#279b57}
.message p:last-child{margin:0}
.scroll-x{margin-block-start:1.17em;-webkit-overflow-scrolling:touch;overflow-x:auto;margin-block-end:1.17em}
.scroll-x table{margin:0;display:table;min-inline-size:520px}
input,textarea,select{color:var(--t-foreground);border-radius:var(--t-radius)}
input,textarea,select{inline-size:100%;padding-block:9px;padding-inline:12px;background-color:var(--t-card)}
input,textarea,select{font:inherit;border:1px solid var(--t-border)}
input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #d2cb6a33;border-color:var(--t-primary);outline:none}
label{font-weight:600;font-size:.92em;display:block;margin:0 0 var(--t-spacing-3)}
textarea{resize:vertical;min-block-size:96px}
.contact-form{gap:var(--t-spacing-7);display:grid;max-inline-size:560px}
.tag-cloud{display:flex;gap:9px;flex-wrap:wrap}
.tag-cloud a{font-size:.86em;border-radius:var(--t-radius);background-color:var(--t-muted)}
.tag-cloud a{color:var(--t-foreground);text-decoration:none}
.tag-cloud a{padding-block:4px;padding-inline:10px}
.tag-cloud a:hover{color:#fff;background-color:var(--t-primary)}
dialog{max-inline-size:min(560px,92vw);border:0;border-radius:var(--t-radius)}
dialog{background-color:var(--t-card);box-shadow:0 30px 80px #ede9e84d}
dialog{padding:22px;color:var(--t-foreground)}
dialog::backdrop{background-color:#ede9e880}
.overlay{z-index:80;place-items:center}
.overlay{inset:0;display:grid;position:fixed}
:focus-visible{outline:2px solid var(--t-primary);outline-offset:1px}
:focus:not(:focus-visible){outline:none}
a:focus-visible{border-radius:2px}
@media (max-width:900px){.layout,.layout.rail-right{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.frame{padding:25px var(--t-spacing-10) 25px var(--t-spacing-10);gap:var(--t-spacing-7)}}
@media (max-width:900px){.frame{block-size:auto;position:relative}}
@media (max-width:900px){.layout.rail-right .frame{order:-1}}
@media (max-width:900px){.burger{inset-block-start:26px;display:flex}}
@media (max-width:900px){.burger{position:absolute;inset-inline-end:22px}}
@media (max-width:900px){.navigation,.scene,.meta-foot{display:none}}
@media (max-width:900px){.nav-toggle:checked~.navigation,.nav-toggle:checked~.meta-foot{display:flex}}
@media (max-width:900px){.page-body{padding:var(--t-spacing-12) 0 var(--t-spacing-12) 0}}
@media (max-width:900px){.container{padding:0 21px 0 21px}}
@media (max-width:640px){.intro h1,.headline-area h1{font-size:1.8rem}}
@media (max-width:640px){.row-item{grid-template-columns:64px 1fr;gap:13px}}
@media (max-width:640px){.row-item img{block-size:64px;inline-size:64px}}
@media (max-width:900px){.columns.aside-left{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}