:root {
--csl-ink: #071510;
--csl-ink-soft: #10241b;
--csl-green: #b9f14a;
--csl-green-deep: #276a3d;
--csl-cream: #f5f4ed;
--csl-paper: #fffef9;
--csl-line: rgba( 7, 21, 16, .14 );
--csl-muted: #5d6962;
--csl-shell: min( 1360px, calc( 100vw - 88px ) );
--csl-reading: 760px;
--csl-display: Georgia, 'Times New Roman', serif;
--csl-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
html { scroll-behavior: smooth; }
body.csl-site { margin: 0; color: var( --csl-ink ); background: var( --csl-cream ); font-family: var( --csl-sans ); font-size: 16px; line-height: 1.65; overflow-x: hidden; }
.csl-site *, .csl-site *::before, .csl-site *::after { box-sizing: border-box; }
.csl-site a { color: inherit; text-decoration: none; }
.csl-site img { display: block; max-width: 100%; height: auto; }
.csl-site button, .csl-site input, .csl-site textarea, .csl-site select { font: inherit; }
.csl-site .csl-shell { width: var( --csl-shell ); margin-inline: auto; }
.csl-site .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect( 0, 0, 0, 0 ); white-space: nowrap; border: 0; }
.csl-skip-link { position: fixed; left: 16px; top: -90px; z-index: 9999; padding: 12px 18px; color: var( --csl-ink ); background: var( --csl-green ); border-radius: 8px; font-weight: 800; }
.csl-skip-link:focus { top: 16px; }
.csl-site-header { position: sticky; top: 0; z-index: 1000; color: #fff; background: rgba( 7, 21, 16, .97 ); border-bottom: 1px solid rgba( 255, 255, 255, .1 ); transition: box-shadow .2s ease, backdrop-filter .2s ease; }
.admin-bar .csl-site-header { top: 32px; }
.csl-site-header.is-scrolled { backdrop-filter: blur( 18px ); box-shadow: 0 14px 38px rgba( 7, 21, 16, .2 ); }
.csl-site-header__inner { display: flex; align-items: center; gap: 40px; min-height: 80px; }
.csl-brand { display: inline-grid; grid-template-columns: 38px auto; grid-template-rows: auto auto; align-items: center; column-gap: 10px; flex: 0 0 auto; }
.csl-brand__mark { grid-row: 1 / span 2; position: relative; width: 38px; height: 38px; border: 1px solid rgba( 185, 241, 74, .58 ); border-radius: 50%; }
.csl-brand__mark::before, .csl-brand__mark::after, .csl-brand__mark i { content: ''; position: absolute; left: 50%; top: 50%; background: var( --csl-green ); transform-origin: 0 0; border-radius: 100% 0 100% 0; }
.csl-brand__mark::before { width: 8px; height: 16px; transform: translate( -2px, -14px ) rotate( 43deg ); }
.csl-brand__mark::after { width: 7px; height: 14px; transform: translate( -2px, -1px ) rotate( -137deg ); }
.csl-brand__mark i { width: 6px; height: 12px; transform: translate( -1px, -6px ) rotate( 90deg ); }
.csl-brand__type { display: flex; color: #fff; font-size: 19px; line-height: 1; letter-spacing: -.03em; }
.csl-brand__type strong, .csl-brand__type span { font-weight: 800; }
.csl-brand__type span { color: var( --csl-green ); }
.csl-brand small { grid-column: 2; margin-top: 5px; color: rgba( 255, 255, 255, .52 ); font-size: 8px; font-weight: 800; letter-spacing: .18em; line-height: 1; text-transform: uppercase; }
.csl-site-nav { margin-left: auto; }
.csl-site-nav .csl-menu { display: flex; gap: 30px; margin: 0; padding: 0; list-style: none; }
.csl-site-nav .menu-item { position: relative; margin: 0; }
.csl-site-nav a { display: block; color: rgba( 255, 255, 255, .72 ); font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.csl-site-nav a:hover, .csl-site-nav a:focus-visible { color: var( --csl-green ); }
.csl-site-nav .menu-item-has-children > a::after { content: '⌄'; margin-left: 6px; color: var( --csl-green ); font-size: 9px; }
.csl-site-nav .sub-menu { position: absolute; left: -18px; top: calc( 100% + 16px ); display: grid; gap: 2px; min-width: 250px; margin: 0; padding: 10px; visibility: hidden; opacity: 0; background: rgba( 7, 21, 16, .99 ); border: 1px solid rgba( 255, 255, 255, .13 ); border-radius: 10px; box-shadow: 0 20px 45px rgba( 0, 0, 0, .28 ); list-style: none; transform: translateY( 8px ); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
.csl-site-nav .sub-menu::before { content: ''; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }
.csl-site-nav .sub-menu a { padding: 8px 9px; border-radius: 6px; }
.csl-site-nav .sub-menu a:hover { background: rgba( 255, 255, 255, .06 ); }
.csl-site-nav .menu-item:hover > .sub-menu, .csl-site-nav .menu-item:focus-within > .sub-menu { visibility: visible; opacity: 1; transform: translateY( 0 ); }
.csl-site-header__actions { display: flex; align-items: center; gap: 13px; }
.csl-header-search { display: flex; align-items: center; gap: 10px; padding: 9px 13px; color: #fff; border: 1px solid rgba( 255, 255, 255, .17 ); border-radius: 999px; font-size: 11px; font-weight: 800; }
.csl-header-search > span, .csl-inline-search__icon { position: relative; width: 13px; height: 13px; border: 1.5px solid currentColor; border-radius: 50%; }
.csl-header-search > span::after, .csl-inline-search__icon::after { content: ''; position: absolute; right: -5px; bottom: -2px; width: 6px; height: 1.5px; background: currentColor; transform: rotate( 45deg ); }
.csl-menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; background: transparent; border: 1px solid rgba( 255, 255, 255, .17 ); border-radius: 50%; cursor: pointer; }
.csl-menu-toggle > span { display: block; width: 100%; height: 1px; margin: 4px 0; background: #fff; }
.csl-main { min-height: 60vh; }
.csl-eyebrow { margin: 0 0 14px; color: var( --csl-green-deep ); font-size: 10px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.csl-breadcrumbs { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-bottom: 68px; color: rgba( 255, 255, 255, .45 ); font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.csl-breadcrumbs a:hover { color: var( --csl-green ); }
.csl-article-hero { position: relative; overflow: hidden; padding: 55px 0 82px; color: #fff; background: var( --csl-ink ); }
.csl-article-hero::after { content: ''; position: absolute; width: 680px; height: 680px; right: -220px; top: -300px; border-radius: 50%; background: radial-gradient( circle, rgba( 185, 241, 74, .15 ), transparent 68% ); }
.csl-article-hero__inner { position: relative; z-index: 1; max-width: 1040px; }
.csl-article-hero__meta-top { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
.csl-level-pill { display: inline-flex; padding: 6px 10px; color: var( --csl-ink ); background: var( --csl-green ); border-radius: 999px; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.csl-level-pill--intermediate { background: #f1cf7a; }
.csl-level-pill--advanced { color: #fff; background: #49678f; }
.csl-topic-link { color: rgba( 255, 255, 255, .57 ); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.csl-article-hero h1 { max-width: 1000px; margin: 0; color: #fff; font: 400 clamp( 48px, 5.8vw, 84px )/.98 var( --csl-display ); letter-spacing: -.055em; }
.csl-article-hero__dek { max-width: 780px; margin: 26px 0 0; color: rgba( 255, 255, 255, .67 ); font-size: clamp( 16px, 1.45vw, 20px ); line-height: 1.65; }
.csl-article-byline { display: flex; align-items: center; gap: 12px; margin-top: 34px; }
.csl-author-mark { display: grid; place-items: center; width: 38px; height: 38px; color: var( --csl-green ); border: 1px solid rgba( 185, 241, 74, .45 ); border-radius: 50%; font-size: 9px; font-weight: 900; }
.csl-article-byline div { display: grid; gap: 2px; }
.csl-article-byline strong { color: #fff; font-size: 11px; }
.csl-article-byline div span { color: rgba( 255, 255, 255, .43 ); font-size: 9px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.csl-article-featured { position: relative; z-index: 2; max-width: 1240px; margin-top: -34px; }
.csl-article-featured__image { width: 100%; max-height: 690px; object-fit: cover; border: 8px solid var( --csl-cream ); border-radius: 18px; box-shadow: 0 24px 65px rgba( 7, 21, 16, .14 ); }
.csl-article-layout { display: grid; grid-template-columns: minmax( 190px, 220px ) minmax( 0, var( --csl-reading ) ) minmax( 240px, 300px ); gap: clamp( 30px, 3vw, 48px ); align-items: start; padding-top: 80px; padding-bottom: 82px; }
.csl-article-aside { position: sticky; top: 108px; }
.admin-bar .csl-article-aside { top: 140px; }
.csl-toc-card { max-height: calc( 100vh - 135px ); padding: 22px 20px 20px; overflow: auto; background: var( --csl-paper ); border: 1px solid var( --csl-line ); border-top: 3px solid var( --csl-green-deep ); border-radius: 13px; box-shadow: 0 16px 42px rgba( 7, 21, 16, .1 ); scrollbar-width: thin; scrollbar-color: rgba( 39, 106, 61, .35 ) transparent; }
.admin-bar .csl-toc-card { max-height: calc( 100vh - 167px ); }
.csl-toc { padding: 0; }
.csl-toc > p { margin: 0 0 15px; color: var( --csl-ink ); font-size: 9px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.csl-toc nav { display: grid; gap: 9px; }
.csl-toc nav a { color: var( --csl-muted ); font-size: 11px; line-height: 1.35; }
.csl-toc nav a:hover, .csl-toc nav a.is-active { color: var( --csl-green-deep ); }
.csl-toc.is-empty { display: none; }
.csl-toc-exits { display: grid; gap: 9px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var( --csl-line ); }
.csl-toc-exits a { display: flex; align-items: center; gap: 7px; color: var( --csl-green-deep ); font-size: 9px; font-weight: 900; letter-spacing: .08em; line-height: 1.35; text-transform: uppercase; }
.csl-toc-exits a:hover { color: var( --csl-ink ); }
.csl-article-content { grid-column: 2; min-width: 0; color: #27332d; font-family: Georgia, 'Times New Roman', serif; font-size: 19px; line-height: 1.86; }
.csl-article-content > *:first-child { margin-top: 0; }
.csl-article-content p { margin: 0 0 1.45em; }
.csl-article-content h2, .csl-article-content h3, .csl-article-content h4 { scroll-margin-top: 115px; color: var( --csl-ink ); font-family: var( --csl-display ); letter-spacing: -.035em; }
.csl-article-content h2 { margin: 2.15em 0 .7em; font-size: clamp( 32px, 3.2vw, 47px ); line-height: 1.08; }
.csl-article-content h3 { margin: 1.8em 0 .6em; font-size: 28px; line-height: 1.15; }
.csl-article-content h4 { margin: 1.6em 0 .5em; font-size: 22px; }
.csl-article-content a { color: var( --csl-green-deep ); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.csl-article-content strong { color: var( --csl-ink ); }
.csl-article-content ul, .csl-article-content ol { margin: 0 0 1.6em; padding-left: 1.25em; }
.csl-article-content li { margin: .55em 0; padding-left: .25em; }
.csl-article-content blockquote { margin: 2.2em 0; padding: 5px 0 5px 27px; color: var( --csl-ink ); border-left: 4px solid var( --csl-green ); font: 400 25px/1.55 var( --csl-display ); }
.csl-article-content figure { margin: 2.4em 0; }
.csl-article-content figcaption { margin-top: 8px; color: var( --csl-muted ); font: 11px/1.5 var( --csl-sans ); }
.csl-article-content table { width: 100%; margin: 2em 0; border-collapse: collapse; font: 14px/1.55 var( --csl-sans ); }
.csl-article-content th, .csl-article-content td { padding: 13px 14px; text-align: left; border: 1px solid var( --csl-line ); }
.csl-article-content th { background: var( --csl-ink ); color: #fff; }
.csl-article-content code { padding: 2px 5px; background: #e8eadf; border-radius: 4px; font-size: .82em; }
.csl-article-sidebar { grid-column: 3; display: grid; gap: 20px; min-width: 0; }
.csl-article-sidebar .widget { min-width: 0; margin: 0; padding: 22px; background: var( --csl-paper ); border: 1px solid var( --csl-line ); border-radius: 13px; box-shadow: 0 12px 34px rgba( 7, 21, 16, .065 ); }
.csl-article-sidebar .widget-title { margin: 0 0 15px; color: var( --csl-ink ); font: 400 21px/1.15 var( --csl-display ); letter-spacing: -.025em; }
.csl-article-sidebar .widget-title:empty { display: none; }
.csl-article-sidebar .swidget, .csl-article-sidebar .sidebar-title-border { margin: 0; padding: 0; border: 0; }
.csl-article-sidebar ul { margin: 0; padding: 0; list-style: none; }
.csl-article-sidebar li { margin: 0; padding: 9px 0; border-bottom: 1px solid var( --csl-line ); }
.csl-article-sidebar li:last-child { padding-bottom: 0; border-bottom: 0; }
.csl-article-sidebar li:first-child { padding-top: 0; }
.csl-article-sidebar a { color: #34423b; font-size: 12px; line-height: 1.45; }
.csl-article-sidebar a:hover { color: var( --csl-green-deep ); }
.csl-article-sidebar .wp-block-search__label { display: block; margin-bottom: 9px; color: var( --csl-ink ); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.csl-article-sidebar .wp-block-search__inside-wrapper { display: grid; grid-template-columns: minmax( 0, 1fr ) auto; gap: 7px; }
.csl-article-sidebar .wp-block-search__input { min-width: 0; width: 100%; padding: 10px 11px; background: #fff; border: 1px solid var( --csl-line ); border-radius: 7px; font-size: 12px; }
.csl-article-sidebar .wp-block-search__button { margin: 0; padding: 10px 12px; color: var( --csl-ink ); background: var( --csl-green ); border: 0; border-radius: 7px; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.csl-article-sidebar .superbaddons-recentposts-item a { display: block; }
.csl-article-sidebar .superbaddons-recentposts-item-inner { display: grid; grid-template-columns: 45px minmax( 0, 1fr ); gap: 11px; align-items: center; }
.csl-article-sidebar .superbaddons-recentposts-item-left img { width: 45px; height: 45px; object-fit: cover; border-radius: 7px; }
.csl-article-sidebar .superbaddons-recentposts-item-right { min-width: 0; }
.csl-article-sidebar .superbaddons-recentposts-item-right > span:first-child { display: none; }
.csl-article-sidebar .superbaddons-recentposts-item-right > span:last-child { color: #34423b !important; font-size: 12px !important; line-height: 1.35; }
.csl-article-footer { padding-bottom: 90px; }
.csl-article-tags { display: flex; flex-wrap: wrap; gap: 8px; max-width: var( --csl-reading ); margin: 0 auto 55px; }
.csl-article-tags > span { width: 100%; margin-bottom: 5px; color: var( --csl-muted ); font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.csl-article-tags a { padding: 6px 10px; background: rgba( 39, 106, 61, .08 ); border: 1px solid rgba( 39, 106, 61, .12 ); border-radius: 999px; color: var( --csl-green-deep ); font-size: 10px; }
.csl-research-note { display: grid; grid-template-columns: 65px 1fr auto; gap: 26px; align-items: center; padding: 33px 36px; color: #fff; background: var( --csl-ink-soft ); border-radius: 16px; }
.csl-research-note__mark { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid rgba( 185, 241, 74, .45 ); border-radius: 50%; }
.csl-research-note__mark i { width: 19px; height: 31px; background: var( --csl-green ); border-radius: 100% 0 100% 0; transform: rotate( -15deg ); }
.csl-research-note h2 { margin: 0 0 5px; color: #fff; font: 400 25px/1.15 var( --csl-display ); }
.csl-research-note p { margin: 0; color: rgba( 255, 255, 255, .58 ); font-size: 12px; }
.csl-research-note > a { color: var( --csl-green ); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.csl-post-navigation { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 22px; }
.csl-post-navigation > div { min-width: 0; padding: 23px 25px; border: 1px solid var( --csl-line ); border-radius: 12px; }
.csl-post-navigation > div:last-child { text-align: right; }
.csl-post-navigation small { display: block; margin-bottom: 6px; color: var( --csl-muted ); font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.csl-post-navigation a { color: var( --csl-ink ); font: 400 20px/1.2 var( --csl-display ); }
.csl-related { padding: 85px 0 100px; background: var( --csl-paper ); border-top: 1px solid var( --csl-line ); }
.csl-collection-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 30px; }
.csl-collection-heading h2 { margin: 0; font: 400 clamp( 36px, 4vw, 57px )/1 var( --csl-display ); letter-spacing: -.045em; }
.csl-collection-grid { display: grid; grid-template-columns: repeat( 4, minmax( 0, 1fr ) ); gap: 18px; }
.csl-card { overflow: hidden; background: var( --csl-paper ); border: 1px solid var( --csl-line ); border-radius: 12px; transition: transform .24s ease, box-shadow .24s ease; }
.csl-card:hover { transform: translateY( -6px ); box-shadow: 0 22px 50px rgba( 7, 21, 16, .12 ); }
.csl-card__link { display: flex; flex-direction: column; height: 100%; }
.csl-card__media { position: relative; aspect-ratio: 16 / 10.2; overflow: hidden; background: var( --csl-ink-soft ); }
.csl-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.csl-card:hover .csl-card__image { transform: scale( 1.035 ); }
.csl-card__placeholder { display: grid; place-items: center; width: 100%; height: 100%; background: radial-gradient( circle at 70% 20%, rgba( 185, 241, 74, .25 ), transparent 34% ), var( --csl-ink-soft ); }
.csl-card__placeholder span { width: 62px; height: 62px; border: 1px solid rgba( 185, 241, 74, .38 ); border-radius: 50%; }
.csl-card__level { position: absolute; left: 12px; bottom: 12px; padding: 5px 8px; color: var( --csl-ink ); background: var( --csl-green ); border-radius: 999px; font-size: 7px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.csl-card__level--intermediate { background: #f1cf7a; }
.csl-card__level--advanced { color: #fff; background: #49678f; }
.csl-card__body { display: flex; flex-direction: column; flex: 1; padding: 20px; }
.csl-card h3 { margin: 0 0 10px; color: var( --csl-ink ); font: 400 clamp( 20px, 1.65vw, 25px )/1.13 var( --csl-display ); letter-spacing: -.028em; }
.csl-card p { margin: 0 0 18px; color: var( --csl-muted ); font-size: 11px; line-height: 1.6; }
.csl-card__read { margin-top: auto; color: var( --csl-ink ); font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.csl-card__read span { margin-left: 5px; color: var( --csl-green-deep ); }
.csl-page-hero, .csl-collection-hero, .csl-search-hero { padding: 82px 0 64px; background: var( --csl-paper ); border-bottom: 1px solid var( --csl-line ); }
.csl-page-hero__inner { max-width: 1000px; }
.csl-page-hero h1, .csl-collection-hero h1, .csl-search-hero h1, .csl-not-found h1 { max-width: 1050px; margin: 0; color: var( --csl-ink ); font: 400 clamp( 48px, 6vw, 84px )/.98 var( --csl-display ); letter-spacing: -.055em; }
.csl-page-hero__inner > p:last-child { max-width: 760px; margin: 24px 0 0; color: var( --csl-muted ); font-size: 18px; }
.csl-page-layout { display: grid; grid-template-columns: minmax( 0, 840px ); justify-content: center; padding-top: 70px; padding-bottom: 105px; }
.csl-page-content { color: #27332d; font-family: Georgia, 'Times New Roman', serif; font-size: 18px; line-height: 1.85; }
.csl-page-content h2, .csl-page-content h3 { color: var( --csl-ink ); font-family: var( --csl-display ); letter-spacing: -.035em; }
.csl-page-content h2 { margin: 1.8em 0 .6em; font-size: 40px; line-height: 1.1; }
.csl-page-content h3 { margin: 1.6em 0 .5em; font-size: 27px; }
.csl-page-content a { color: var( --csl-green-deep ); text-decoration: underline; text-underline-offset: 3px; }
.csl-page-content .frm_forms { margin-top: 45px; padding: 32px; background: var( --csl-paper ); border: 1px solid var( --csl-line ); border-radius: 14px; }
.csl-collection-hero { padding-bottom: 0; }
.csl-collection-hero__grid { display: grid; grid-template-columns: 1fr .75fr; gap: 70px; align-items: end; }
.csl-collection-hero__description { max-width: 600px; color: var( --csl-muted ); font-size: 15px; line-height: 1.75; }
.csl-collection-hero__description p { margin: 0; }
.csl-level-tabs { display: flex; gap: 32px; margin-top: 52px; }
.csl-level-tabs a { padding: 18px 0 16px; color: var( --csl-muted ); border-bottom: 3px solid transparent; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.csl-level-tabs a:hover { color: var( --csl-green-deep ); border-color: var( --csl-green ); }
.csl-collection-results { padding-top: 48px; padding-bottom: 105px; }
.csl-results-bar { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 30px; }
.csl-results-bar > span { color: var( --csl-muted ); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.csl-results-bar .csl-inline-search { max-width: 470px; }
.csl-search-hero { color: #fff; background: var( --csl-ink ); border: 0; }
.csl-search-hero .csl-eyebrow { color: var( --csl-green ); }
.csl-search-hero h1 { color: #fff; }
.csl-search-hero .csl-inline-search { max-width: 760px; margin-top: 35px; }
.csl-inline-search { display: grid; grid-template-columns: auto 1fr auto; align-items: center; width: 100%; padding: 6px; background: #fff; border: 1px solid var( --csl-line ); border-radius: 11px; box-shadow: 0 13px 35px rgba( 7, 21, 16, .08 ); }
.csl-inline-search__icon { margin: 0 11px; color: var( --csl-muted ); }
.csl-inline-search input { min-width: 0; height: 44px; padding: 0; color: var( --csl-ink ); background: transparent; border: 0; outline: 0; font-size: 13px; }
.csl-inline-search button { height: 42px; padding: 0 17px; color: var( --csl-ink ); background: var( --csl-green ); border: 0; border-radius: 7px; cursor: pointer; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.csl-empty-state { max-width: 760px; margin: 50px auto; padding: 55px; text-align: center; background: var( --csl-paper ); border: 1px solid var( --csl-line ); border-radius: 16px; }
.csl-empty-state > span { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 22px; color: var( --csl-green-deep ); border: 1px solid var( --csl-green-deep ); border-radius: 50%; font: 400 30px/1 var( --csl-display ); }
.csl-empty-state h2 { margin: 0 0 12px; font: 400 37px/1.1 var( --csl-display ); }
.csl-empty-state p { color: var( --csl-muted ); }
.csl-empty-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 24px; }
.csl-empty-links a { padding: 8px 13px; color: var( --csl-green-deep ); background: rgba( 39, 106, 61, .08 ); border-radius: 999px; font-size: 10px; font-weight: 800; }
.navigation.pagination { margin-top: 50px; }
.nav-links { display: flex; justify-content: center; gap: 6px; }
.nav-links .page-numbers { display: grid; place-items: center; min-width: 38px; height: 38px; padding: 0 10px; background: var( --csl-paper ); border: 1px solid var( --csl-line ); border-radius: 7px; font-size: 11px; font-weight: 800; }
.nav-links .current, .nav-links a:hover { color: var( --csl-ink ); background: var( --csl-green ); border-color: var( --csl-green ); }
.csl-not-found { display: grid; align-items: center; min-height: 70vh; padding: 90px 0; background: var( --csl-paper ); }
.csl-not-found__grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: center; }
.csl-not-found__number { color: transparent; -webkit-text-stroke: 1px rgba( 39, 106, 61, .35 ); font: 400 clamp( 150px, 20vw, 300px )/.8 var( --csl-display ); letter-spacing: -.1em; }
.csl-not-found p:not( .csl-eyebrow ) { max-width: 680px; color: var( --csl-muted ); font-size: 16px; }
.csl-not-found .csl-inline-search { max-width: 650px; margin-top: 28px; }
.csl-comments-wrap { padding-bottom: 95px; }
.csl-comments { max-width: 840px; margin: 0 auto; padding-top: 55px; border-top: 1px solid var( --csl-line ); }
.csl-comments h2, .csl-comments .comment-reply-title { margin: 0 0 25px; font: 400 34px/1.1 var( --csl-display ); }
.comment-list { margin: 0 0 45px; padding: 0; list-style: none; }
.comment-list .comment-body { margin-bottom: 14px; padding: 22px; background: var( --csl-paper ); border: 1px solid var( --csl-line ); border-radius: 10px; }
.comment-meta { font-size: 11px; }
.comment-content { margin-top: 12px; font-size: 14px; }
.comment-form { display: grid; gap: 14px; }
.comment-form p { margin: 0; }
.comment-form label { display: block; margin-bottom: 5px; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.comment-form input:not( [type='submit'] ), .comment-form textarea { width: 100%; padding: 12px 14px; background: #fff; border: 1px solid var( --csl-line ); border-radius: 8px; }
.comment-form .submit { padding: 11px 18px; color: var( --csl-ink ); background: var( --csl-green ); border: 0; border-radius: 7px; cursor: pointer; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.csl-site-footer { padding: 68px 0 25px; color: rgba( 255, 255, 255, .57 ); background: var( --csl-ink ); }
.csl-site-footer__grid { display: grid; grid-template-columns: 1fr 190px 190px; gap: 75px; padding-bottom: 55px; }
.csl-brand--footer { color: #fff; }
.csl-site-footer__about p { max-width: 350px; margin: 20px 0 0; font-size: 13px; }
.csl-site-footer h2 { margin: 0 0 16px; color: #fff; font: 800 10px/1 var( --csl-sans ); letter-spacing: .13em; text-transform: uppercase; }
.csl-site-footer__grid > div:not( :first-child ) { display: flex; flex-direction: column; gap: 8px; }
.csl-site-footer__grid > div:not( :first-child ) a { font-size: 12px; }
.csl-site-footer__grid a:hover { color: var( --csl-green ); }
.csl-site-footer .csl-footer-menu { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.csl-site-footer .csl-footer-menu li { margin: 0; }
.csl-site-footer__bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 22px; border-top: 1px solid rgba( 255, 255, 255, .1 ); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
@media ( max-width: 1220px ) {
.csl-article-layout { grid-template-columns: 180px minmax( 0, var( --csl-reading ) ); gap: 42px; }
.csl-article-content { grid-column: 2; }
.csl-article-sidebar { grid-column: 1 / -1; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); margin-top: 12px; }
}
@media ( max-width: 1120px ) {
:root { --csl-shell: min( 100% - 56px, 1080px ); }
.csl-site-nav { gap: 20px; }
.csl-collection-grid { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }
}
@media ( max-width: 900px ) {
.admin-bar .csl-site-header { top: 46px; }
.csl-site-nav { position: absolute; inset: 80px 0 auto; display: none; padding: 22px 28px 28px; background: var( --csl-ink ); border-top: 1px solid rgba( 255, 255, 255, .1 ); box-shadow: 0 22px 35px rgba( 0, 0, 0, .2 ); }
.csl-site-nav.is-open { display: block; }
.csl-site-nav .csl-menu { display: grid; gap: 3px; }
.csl-site-nav .csl-menu > li > a { padding: 8px 0; font-size: 14px; }
.csl-site-nav .sub-menu { position: static; display: grid; gap: 2px; min-width: 0; margin: 2px 0 7px 13px; padding: 4px 0 4px 13px; visibility: visible; opacity: 1; background: transparent; border: 0; border-left: 1px solid rgba( 185, 241, 74, .3 ); border-radius: 0; box-shadow: none; transform: none; }
.csl-menu-toggle { display: block; }
.csl-header-search { margin-left: auto; }
.csl-article-layout { grid-template-columns: 1fr; padding-top: 60px; }
.csl-article-aside { position: static; }
.csl-toc-card { max-width: var( --csl-reading ); max-height: none; margin: 0 auto; padding: 20px; overflow: visible; }
.csl-toc nav { grid-template-columns: repeat( 2, 1fr ); }
.csl-article-content { grid-column: 1; width: min( 100%, var( --csl-reading ) ); margin-inline: auto; }
.csl-article-sidebar { grid-column: 1; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); width: min( 100%, var( --csl-reading ) ); margin: 10px auto 0; }
.csl-collection-grid { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }
.csl-collection-hero__grid { grid-template-columns: 1fr; gap: 25px; }
.csl-not-found__grid { grid-template-columns: 1fr; gap: 35px; }
.csl-not-found__number { font-size: 160px; }
}
@media ( max-width: 620px ) {
:root { --csl-shell: calc( 100% - 36px ); }
.csl-site-header__inner { min-height: 70px; }
.csl-site-nav { inset: 70px 0 auto; }
.csl-brand { grid-template-columns: 34px auto; column-gap: 8px; }
.csl-brand__mark { width: 34px; height: 34px; }
.csl-brand__type { font-size: 17px; }
.csl-header-search { width: 40px; height: 40px; justify-content: center; padding: 0; font-size: 0; }
.csl-article-hero { padding: 35px 0 65px; }
.csl-breadcrumbs { margin-bottom: 45px; }
.csl-article-hero h1, .csl-page-hero h1, .csl-collection-hero h1, .csl-search-hero h1, .csl-not-found h1 { font-size: clamp( 42px, 13vw, 62px ); }
.csl-article-featured { width: 100%; margin-top: -28px; }
.csl-article-featured__image { border-width: 5px; border-radius: 10px; }
.csl-article-layout { padding-top: 43px; gap: 35px; }
.csl-toc nav { grid-template-columns: 1fr; }
.csl-article-sidebar { grid-template-columns: 1fr; }
.csl-article-content { font-size: 17px; line-height: 1.78; }
.csl-article-content h2 { font-size: 34px; }
.csl-article-content h3 { font-size: 25px; }
.csl-research-note { grid-template-columns: 48px 1fr; padding: 26px 23px; }
.csl-research-note__mark { width: 46px; height: 46px; }
.csl-research-note > a { grid-column: 2; }
.csl-post-navigation { grid-template-columns: 1fr; }
.csl-post-navigation > div:last-child { text-align: left; }
.csl-collection-grid { grid-template-columns: 1fr; }
.csl-page-hero, .csl-collection-hero, .csl-search-hero { padding-top: 60px; }
.csl-level-tabs { gap: 20px; overflow-x: auto; }
.csl-results-bar { align-items: flex-start; flex-direction: column; }
.csl-inline-search { grid-template-columns: auto 1fr; }
.csl-inline-search button { grid-column: 1 / -1; width: 100%; margin-top: 4px; }
.csl-empty-state { padding: 36px 20px; }
.csl-site-footer__grid { grid-template-columns: 1fr 1fr; gap: 42px 25px; }
.csl-site-footer__about { grid-column: 1 / -1; }
.csl-site-footer__bottom { display: grid; }
}
@media ( prefers-reduced-motion: reduce ) {
html { scroll-behavior: auto; }
.csl-site *, .csl-site *::before, .csl-site *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}