@layer components{.blog-layout{display:grid;gap:clamp(28px,4vw,48px)}.blog-layout__heading{margin-bottom:14px}.blog-grid{display:grid;gap:18px}@media (min-width:700px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}.blog-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--color-ee-rule-warm);border-radius:var(--radius-ee-plate);background:var(--color-ee-paper-warm);transition:transform var(--duration-ee-component) var(--ease-ee),box-shadow var(--duration-ee-component) var(--ease-ee),border-color var(--duration-ee-component) var(--ease-ee)}.blog-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-ee-accent-warm) 55%,var(--color-ee-rule-warm));box-shadow:0 24px 50px -32px rgb(63 45 18/.5)}.blog-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--color-ee-ink-night)}.blog-card__media img{object-fit:contain;transition:transform .7s var(--ease-ee)}.blog-card:hover .blog-card__media img{transform:scale(1.04)}.blog-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(5 5 6/.35),transparent 40%);pointer-events:none}.blog-card__placeholder{position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--color-ee-accent-bright) 25%,transparent),transparent 60%)}.blog-card__date{position:absolute;top:14px;left:14px;z-index:1;display:grid;justify-items:center;min-width:50px;padding:6px 8px;border-radius:var(--radius-ee-control);background:var(--color-ee-paper-warm);color:var(--color-ee-ink-warm);line-height:1.1;box-shadow:0 8px 18px -10px rgb(0 0 0/.6)}.blog-card__date strong{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}.blog-card__date span{color:var(--color-ee-muted-warm);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.blog-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:20px 22px 22px}.blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;color:var(--color-ee-muted-warm);font-size:12px}.blog-card__meta>span:first-child{color:var(--color-ee-accent-warm-ink);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.blog-card__meta svg{display:inline;vertical-align:-2px}.blog-card__title{font-size:clamp(18px,1.5vw,21px);font-weight:600;line-height:1.25;letter-spacing:-.02em}.blog-card__title a:after{content:"";position:absolute;inset:0;border-radius:inherit}.blog-card__title a:focus-visible{outline:none}.blog-card:has(.blog-card__title a:focus-visible){outline:2px solid var(--color-ee-ink-warm);outline-offset:3px}.blog-card__excerpt{display:-webkit-box;overflow:hidden;color:var(--color-ee-muted-warm);font-size:15px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card__more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;color:var(--color-ee-accent-warm-ink);font-size:14px;font-weight:600}.blog-card__more svg{transition:transform var(--duration-ee-micro) var(--ease-ee)}.blog-card:hover .blog-card__more svg{transform:translate(2px,-2px)}.blog-card--featured{border-color:var(--color-ee-ink-night);background:var(--color-ee-ink-night);color:var(--color-ee-paper-night)}.blog-card--featured .blog-card__body{justify-content:center;gap:14px;padding:clamp(24px,3.5vw,48px)}.blog-card__flag{justify-self:start;align-self:flex-start;padding:6px 12px;border-radius:var(--radius-ee-seal);background:rgb(216 169 79/.14);color:var(--color-ee-accent-bright);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.blog-card--featured .blog-card__meta{color:var(--color-ee-muted-night)}.blog-card--featured .blog-card__meta>span:first-child{color:var(--color-ee-accent-bright)}.blog-card--featured .blog-card__title{font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.035em}.blog-card--featured .blog-card__excerpt{color:var(--color-ee-label-night);font-size:16px}.blog-card--featured .blog-card__more{color:var(--color-ee-accent-bright)}.blog-card--featured:has(.blog-card__title a:focus-visible){outline-color:var(--color-ee-accent-warm)}@media (min-width:960px){.blog-card--featured{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.blog-card--featured .blog-card__media{aspect-ratio:auto;min-height:400px}}.post-hero__lead{max-width:62ch;margin-top:clamp(14px,1.6vw,20px);font-size:clamp(15px,1.15vw,18px);line-height:1.6}.post-hero__lead,.post-meta{color:var(--color-ee-label-night)}.post-meta{margin-top:clamp(16px,1.8vw,24px);display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px}.post-meta li{display:inline-flex;align-items:center;gap:8px}.post-meta svg{color:var(--color-ee-accent-bright)}.page-hero:has(.post-meta) h1{max-width:22ch;font-size:clamp(30px,4.4vw,60px);line-height:1.04;letter-spacing:-.035em}.post-shell{display:grid;gap:clamp(28px,4vw,48px);padding-top:clamp(20px,3vw,40px)}.post-cover{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-ee-plate);background:var(--color-ee-ink-night)}.post-cover img{object-fit:contain}.post-layout{padding-top:0}.post-disclaimer.research-disclaimer--full{display:grid;gap:10px;max-width:72ch;margin-top:2.4em;padding:18px 20px;border-radius:var(--radius-ee-card);background:var(--color-ee-band-warm);color:var(--color-ee-muted-warm);font-size:13px;line-height:1.6}.post-disclaimer p+p{margin-top:0}.post-nav{display:grid;gap:14px}@media (min-width:700px){.post-nav{grid-template-columns:1fr 1fr}}.post-nav__link{display:grid;gap:6px;padding:20px 22px;border:1px solid var(--color-ee-rule-warm);border-radius:var(--radius-ee-plate);background:var(--color-ee-paper-warm);transition:border-color var(--duration-ee-micro) var(--ease-ee)}.post-nav__link:hover{border-color:var(--color-ee-accent-warm)}.post-nav__link span{display:inline-flex;align-items:center;gap:6px;color:var(--color-ee-accent-warm-ink);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.post-nav__link strong{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.post-nav__link--older{text-align:right}.post-nav__link--older span{justify-self:end}.related-notes{padding-block:clamp(40px,6vw,72px)}.post-related h2{margin-bottom:18px;font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.03em}.blog-filters{display:grid;gap:14px}}@layer components{@media (min-width:900px){.blog-filters{grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:center;gap:20px}}.blog-filters__search{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 6px 0 18px;border:1px solid var(--color-ee-rule-warm);border-radius:var(--radius-ee-seal);background:var(--color-ee-paper-warm);transition:border-color var(--duration-ee-micro) var(--ease-ee),box-shadow var(--duration-ee-micro) var(--ease-ee)}.blog-filters__search:focus-within{border-color:var(--color-ee-ink-warm);box-shadow:0 0 0 4px var(--color-ee-band-warm)}.blog-filters__search>svg{flex:none;color:var(--color-ee-muted-warm)}.blog-filters__search input{flex:1;min-width:0;min-height:48px;border:0;background:transparent;color:var(--color-ee-ink-warm);font-size:16px;outline:none}.blog-filters__search input::-webkit-search-cancel-button{display:none}.blog-filters__topics{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.blog-filters__topics::-webkit-scrollbar{display:none}@media (min-width:900px){.blog-filters__topics{flex-wrap:wrap;overflow:visible}}.blog-filters__topics .chip{flex:none;gap:8px;border-radius:var(--radius-ee-seal);border-color:var(--color-ee-rule-warm);background:var(--color-ee-paper-warm);scroll-snap-align:start}.blog-filters__topics .chip:hover{border-color:var(--color-ee-ink-warm)}.blog-filters__topics .chip[aria-current=true]{background:var(--color-ee-ink-warm);border-color:var(--color-ee-ink-warm);color:var(--color-ee-paper-warm)}.blog-filters__count{color:var(--color-ee-muted-warm);font-size:12px;font-variant-numeric:tabular-nums}.chip[aria-current=true] .blog-filters__count{color:inherit;opacity:.7}.blog-results{display:grid;gap:20px}.blog-results__summary{color:var(--color-ee-muted-warm);font-size:15px}.blog-results__summary strong{color:var(--color-ee-ink-warm)}.blog-results__empty h2{font-size:var(--text-ee-title)}}