.article-catalog{margin-top:3rem}.article-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.article-category-disclosure--grid{container:article-categories/inline-size}.article-category-toggle{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--accent-dark);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem .875rem;font-size:.8125rem;display:flex}.article-category-toggle:hover{border-color:var(--accent)}.article-category-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.article-category-toggle svg{flex:none}.article-category-disclosure.is-expanded>.article-category-toggle svg{transform:rotate(180deg)}.article-category-disclosure--aside>.article-category-toggle{width:100%}.article-category-disclosure--grid:not(.is-expanded)>.article-catalog-grid>:nth-child(n+3),.article-category-disclosure--aside:not(.is-expanded)>.article-catalog-aside-list>:nth-child(n+4){display:none}@container article-categories (min-width:47rem){.article-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-category-disclosure--grid:not(.is-expanded)>.article-catalog-grid>:nth-child(3){display:flex}.article-catalog-grid:not(:has(>:nth-child(4)))+.article-category-toggle{display:none}}@container article-categories (min-width:63rem){.article-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.article-category-disclosure--grid:not(.is-expanded)>.article-catalog-grid>:nth-child(4){display:flex}.article-catalog-grid:not(:has(>:nth-child(5)))+.article-category-toggle{display:none}}@container article-categories (min-width:79rem){.article-catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.article-category-disclosure--grid:not(.is-expanded)>.article-catalog-grid>:nth-child(5){display:flex}.article-catalog-grid:not(:has(>:nth-child(6)))+.article-category-toggle{display:none}}@container article-categories (min-width:95rem){.article-catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.article-category-disclosure--grid:not(.is-expanded)>.article-catalog-grid>:nth-child(6){display:flex}.article-catalog-grid:not(:has(>:nth-child(7)))+.article-category-toggle{display:none}}.article-catalog-card{border:1px solid var(--line);background:var(--surface);min-height:14rem;color:var(--foreground);flex-direction:column;padding:1rem;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.article-catalog-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 14px 30px #2528231a}.article-catalog-card:focus-visible,.article-catalog-aside-item:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.article-catalog-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(var(--foreground), var(--foreground)) left top / 9px 2px no-repeat, linear-gradient(var(--foreground), var(--foreground)) left top / 2px 9px no-repeat, linear-gradient(var(--foreground), var(--foreground)) right bottom / 9px 2px no-repeat, linear-gradient(var(--foreground), var(--foreground)) right bottom / 2px 9px no-repeat;opacity:.55;position:absolute;inset:6px}.article-catalog-card-photo{pointer-events:none;position:absolute;inset:3.75rem 0 0}.article-catalog-card-photo img{object-fit:cover;object-position:center;mix-blend-mode:multiply}.article-catalog-card-photo.is-cutout,.article-catalog-card-photo.is-paper{width:125%;height:70%;inset:auto 0 0 auto}.article-catalog-card-photo.is-icon{inset:3.75rem -.75rem -.5rem 18%}.article-catalog-card-photo.is-cutout img,.article-catalog-card-photo.is-paper img,.article-catalog-card-photo.is-icon img{object-fit:contain;object-position:right bottom;mix-blend-mode:normal}.article-catalog-card-name,.article-catalog-card-count{z-index:2;position:relative}.article-catalog-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:700;line-height:1.25rem;display:-webkit-box;overflow:hidden}.article-catalog-card-count{border:1px solid var(--line);white-space:nowrap;color:var(--green-dark);background:#fffdf6e6;align-self:flex-start;margin-top:auto;padding:.1875rem .5rem;font-size:.75rem;font-weight:600}@media (max-width:639px){.article-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.article-catalog-card{min-height:11rem;padding:.75rem}.article-catalog-card-photo{inset:4.25rem 0 0}.article-catalog-card-name{-webkit-line-clamp:3;font-size:.8125rem;line-height:1.15rem}}.article-catalog-aside{display:none}.article-catalog-aside-label{border-top:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark);margin:0 0 .625rem;padding-top:.625rem;font-size:.6875rem}.article-catalog-aside-list{gap:.5rem;display:grid}.article-catalog-aside-item{border:1px solid var(--line);background:var(--surface);min-height:4.5rem;color:var(--foreground);grid-template-columns:3.75rem minmax(0,1fr);align-items:center;gap:.625rem;padding:.5rem .625rem .5rem .5rem;text-decoration:none;transition:border-color .16s;display:grid}.article-catalog-aside-item:hover{border-color:var(--accent)}.article-catalog-aside-thumb{grid-column:1;width:3.75rem;height:3rem;position:relative}.article-catalog-aside-thumb img{object-fit:contain;object-position:center}.article-catalog-aside-thumb.is-photo img{mix-blend-mode:multiply}.article-catalog-aside-text{grid-column:2;gap:.25rem;min-width:0;display:grid}.article-catalog-aside-name{-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.article-catalog-aside-count{color:var(--green-dark);font-size:.75rem;font-weight:600}@media (max-width:1439px){.article-catalog-aside-item{grid-template-columns:minmax(0,1fr);min-height:0;padding:.5rem .625rem}.article-catalog-aside-thumb{display:none}.article-catalog-aside-text{grid-column:1}}@media (min-width:1360px){.article-catalog-aside{top:calc(var(--site-header-height,5rem) + 1rem);width:100%;max-width:16rem;max-height:calc(100dvh - var(--site-header-height,5rem) - 2rem);scrollbar-width:thin;scrollbar-gutter:stable;align-self:start;display:block;position:sticky;overflow-y:auto}}
.article-page{max-width:100rem}.article-breadcrumbs{min-width:0;color:var(--muted);flex-wrap:nowrap;gap:.5rem;margin-bottom:1.25rem;font-size:.8125rem;display:flex;overflow:hidden}.article-breadcrumbs a{flex:none}.article-breadcrumbs a:hover{color:var(--foreground)}.article-breadcrumbs>span:last-child{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);overflow:hidden}.article-hero{border:1px solid var(--line);background:var(--surface);display:grid;overflow:hidden}.article-hero-copy{flex-direction:column;justify-content:center;min-height:21rem;padding:clamp(1.25rem,3vw,2.75rem);display:flex}.article-meta{font-family:var(--font-utility);text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:.45rem .75rem;font-size:.6875rem;display:flex}.article-meta a{color:var(--accent-dark);text-decoration:none}.article-meta a:hover{text-underline-offset:3px;text-decoration:underline}.article-title{text-transform:uppercase;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;max-width:52rem;margin-top:1rem;font-size:clamp(1.9rem,8vw,2.35rem);font-weight:900;line-height:1}.article-lead{color:#212121;max-width:50rem;margin-top:1.25rem;font-size:1rem;line-height:1.7rem}.article-cover{aspect-ratio:16/9;border-top:1px solid var(--line);background:var(--surface-strong);min-height:0;position:relative;overflow:hidden}.article-cover img{object-fit:cover}.article-cover figcaption{max-width:calc(100% - 2rem);color:var(--surface);background:#252823e0;padding:.55rem .75rem;font-size:.6875rem;line-height:1rem;position:absolute;bottom:0;right:0}.article-layout{gap:1rem;width:min(100%,56rem);margin:2rem auto 0;display:grid}.article-content{border:1px solid var(--line);background:var(--surface);min-width:0;padding:clamp(1rem,2.25vw,2.25rem)}@media (min-width:1100px){.article-layout{grid-template-columns:minmax(12rem,15rem) minmax(0,56rem);justify-content:center;gap:1.25rem;width:100%;display:grid}.article-layout .article-content{grid-column:2}}@media (min-width:1360px){.article-layout.has-aside{grid-template-columns:minmax(12rem,1fr) minmax(0,52rem) minmax(12rem,1fr)}.article-layout.has-aside .article-catalog-aside{grid-column:3}}.article-body{gap:0;min-width:0;display:grid}.article-body>*{min-width:0;max-width:100%}.article-markdown.markdown{color:#212121;font-size:1rem;line-height:1.8}.article-markdown.markdown p,.article-markdown.markdown li{color:#212121}.article-markdown.markdown p{margin-block:1rem}.article-markdown.markdown h2{border-top:1px solid var(--line);font-family:var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:2.75rem 0 1rem;padding-top:1rem;font-size:clamp(1.65rem,4vw,2.5rem);font-weight:900;line-height:1}.article-markdown.markdown h3{font-family:var(--font-display);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:2rem 0 .75rem;font-size:1.4rem;line-height:1.1}.article-markdown.markdown blockquote{border:1px solid var(--line);border-left:5px solid var(--accent);background:var(--surface);margin-block:1.5rem;padding:1rem 1.25rem;font-style:normal}.article-markdown.markdown table{margin-block:1.5rem;font-size:.875rem}.article-inline-image{width:min(100%,640px);margin:2rem auto}.article-inline-image img{object-fit:contain;border:1px solid var(--line);background:var(--surface-strong);width:100%;height:auto;max-height:420px}.article-inline-image figcaption{border-left:2px solid var(--accent);color:var(--muted);margin-top:.5rem;padding-left:.75rem;font-size:.75rem;line-height:1.25rem}.article-related{margin-top:3rem}.article-related-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:720px){.article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.article-hero.has-cover{grid-template-columns:minmax(0,1.05fr) minmax(26rem,.95fr)}.article-cover{aspect-ratio:auto;border-top:0;border-left:1px solid var(--line);min-height:27rem}.article-title{font-size:clamp(2.75rem,4vw,3.5rem)}}@media (min-width:1200px){.article-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}