/* Article */
.contentWidth { margin-block: 0; max-inline-size: 1240px }
.contentWidth { padding-block: 0; padding-inline: 19px; margin-inline: auto }
.masthead { position: sticky; inset-block-start: 0 }
.masthead { backdrop-filter: blur(9px); background-color: #0b0b09db; z-index: 30; border-block-end: 1px solid var(--t-rule) }
.topbarInner { column-gap: 19px; min-block-size: 54px; display: flex; row-gap: 19px; align-items: center; justify-content: space-between; flex-wrap: wrap }
.homeLink { font-size: 1.05rem }
.homeLink { font-weight: 700; align-items: center; color: var(--t-text); letter-spacing: -.01em; text-decoration: none; font-family: 'Josefin Sans', 'Segoe UI', Roboto, sans-serif; display: inline-flex; gap: 9px }
.homeLink svg { block-size: 22px; inline-size: 22px }
.links { row-gap: 2px; display: flex; column-gap: 2px }
.links a { border-radius: 6px; color: var(--t-text-2); font-size: .86em; text-decoration: none; padding-block: 6px; padding-inline: 11px }
.links a:hover { background-color: var(--t-wash); color: var(--t-link) }
/* Cards */
.jumbo { background: radial-gradient(ellipse 60% 50% at 50% 0%, #e2b23629, transparent 70%); text-align: center; padding: 43px 0 27px }
.jumbo h1 { letter-spacing: -.02em }
.jumbo h1 { font-size: 2.6rem; margin: 0 auto 9px; max-inline-size: 760px }
.subtitle { font-size: 1.08em }
.subtitle { max-inline-size: 620px; color: var(--t-text-2); margin-block-end: 14px }
.jumbo .subtitle { margin: 0 auto 27px }
.categories { display: flex; flex-wrap: wrap }
.categories { gap: 8px; justify-content: center }
.tag { white-space: nowrap; padding-block: 6px; max-inline-size: 100%; font-size: .84em; text-decoration-line: none; display: inline-block; color: var(--t-text-2); background-color: var(--t-panel); overflow: hidden; padding-inline: 13px; border: 1px solid var(--t-rule); text-overflow: ellipsis; transition: border-color .15s,color .15s; border-radius: 982px }
.tag:hover { border-color: var(--t-link); color: var(--t-link) }
.tag.labelj { font-weight: 700; letter-spacing: 0; background-color: var(--t-link); font-size: .84em; color: var(--t-page); border-color: var(--t-link); margin: 0; text-transform: none }
/* Layout */
.stage { padding: 24px 0 74px }
.dot { border: 1px solid #e2b23659; font-family: Menlo, Consolas, 'Liberation Mono', monospace; font-size: .74em; color: var(--t-link); align-items: center; column-gap: 6px; background-color: #e2b2361a; row-gap: 6px; display: inline-flex }
.dot { white-space: nowrap; padding-inline: 9px; border-radius: 993px; padding-block: 3px }
.spotlight { grid-template-columns: minmax(0,5fr) minmax(0,4fr); background-color: var(--t-panel); display: grid; overflow: hidden; border: 1px solid var(--t-rule); gap: 0; margin: 0 0 35px; border-radius: 10px }
.spotlight { box-shadow: 0 0 0 1px #e2b23614, 0 30px 80px -30px #e2b23659; color: inherit; text-decoration-line: none }
.spotlight img { inline-size: 100%; object-fit: cover }
.spotlight img { block-size: 100%; min-block-size: 240px }
.spotlight>div { display: flex; padding-block: 27px; padding-inline: 29px; flex-direction: column; row-gap: 12px; align-items: flex-start; column-gap: 12px }
.spotlight h2 { margin: 0; font-size: 1.6rem }
.spotlight p { margin: 0; color: var(--t-text-2) }
.spotlight .button { padding: 10px 21px 10px 21px; color: var(--t-page); background-color: var(--t-link); border-radius: 8px; margin-block-start: auto }
/* Footer */
.locator { font-family: Menlo, Consolas, 'Liberation Mono', monospace; color: var(--t-highlight); text-decoration: none; font-size: .8em; overflow-wrap: anywhere }
.locator:hover { text-decoration: underline }
.block { border-block-end: 1px solid var(--t-rule); margin-block-end: 18px; align-items: baseline; justify-content: space-between }
.block { padding: 0 0 10px; display: flex }
.block h2 { font-size: 1.25rem; margin: 0px }
.allLink { text-decoration: none; font-size: .88em; color: var(--t-text-2) }
.allLink:hover { color: var(--t-link) }
.articleList { margin: 0 0 41px; grid-template-columns: repeat(3,minmax(0,1fr)) }
.articleList { row-gap: 16px; column-gap: 16px; display: grid }
.articleList .teaser { transition: border-color .15s,box-shadow .15s; padding: 16px 18px 17px; gap: 10px }
.articleList .teaser:hover { box-shadow: 0 0 0 1px #e2b23640, 0 12px 40px -20px #e2b23659; border-color: #e2b23699 }
/* Blocks */
.articleList .articleHeader { display: flex; row-gap: 10px; column-gap: 10px }
.articleList .articleHeader { justify-content: space-between; align-items: flex-start }
.articleList h3 { line-height: 1.3; font-size: 1.02em }
.articleList h3 a { color: var(--t-text); text-decoration-line: none }
.articleList h3 a:hover { color: var(--t-link) }
.articleList img { inline-size: 100%; object-fit: cover; aspect-ratio: 16/10 }
.articleList img { border: 1px solid var(--t-rule); border-radius: 6px }
.articleList p { display: -webkit-box; font-size: .9em; -webkit-line-clamp: 3 }
.articleList p { overflow: hidden; -webkit-box-orient: vertical }
.articleHeader h1 { font-size: 2.3rem }
.articleHeader h1 { letter-spacing: -.02em; max-inline-size: 860px; margin: 10px 0 11px }
/* Typography */
.articleHeader .subtitle { max-inline-size: 760px; margin-block-end: 14px }
.twoCol { column-gap: 43px; grid-template-columns: minmax(0,1fr) 280px; display: grid; row-gap: 43px }
.twoCol { margin-block-start: 23px; align-items: start }
.sideColumn { display: grid; position: sticky; inset-block-start: 74px }
.sideColumn { grid-template-columns: minmax(0,1fr); gap: 16px }
.module { background-color: var(--t-panel); border-radius: 10px }
.module { padding-block: 16px; padding-inline: 18px; font-size: .9em; border: 1px solid var(--t-rule) }
.module strong,.module summary { display: block; text-transform: uppercase; color: var(--t-text-2); margin-block-end: 10px; font-size: .78em; letter-spacing: 0.1em; cursor: pointer; font-family: Menlo, Consolas, 'Liberation Mono', monospace }
.module ul { counter-reset: t }
.module ol { counter-reset: t }
.module ol,.module ul { list-style-type: none; margin: 0; padding: 0 }
/* Responsive */
.entryContent>.module { margin-block-end: 27px }
.entryContent>.module a { text-decoration: none; color: var(--t-text) }
.module li { margin: 0; border-block-start: 1px solid var(--t-rule) }
.module li a { padding-block-start: 7px; display: block }
.module li a { color: var(--t-text); text-decoration: none; padding-block-end: 7px }
.module li a::before { margin-inline-end: 10px }
.module li a::before { font-size: .85em; content: counter(t, decimal-leading-zero); counter-increment: t }
.module li a::before { font-family: Menlo, Consolas, 'Liberation Mono', monospace; color: var(--t-link) }
.module li a:hover { color: var(--t-link) }
.module .categories { justify-content: flex-start }
.visual { margin-block-end: 28px }
/* Header */
.visual img { border: 1px solid var(--t-rule); inline-size: 100%; border-radius: 10px }
.pageEnd { border-block-start: 1px solid var(--t-rule); padding: 45px 0 0; color: var(--t-text-2) }
.pageEnd { font-size: .9em; background: linear-gradient(var(--t-page), var(--t-panel)) }
.bottomInner { display: grid; padding-block-end: 31px; grid-template-columns: 2fr 1fr 1fr; gap: 30px }
/* media */