.genre-tech{--radius:0.9rem;--radius-sm:0.55rem;background:var(--bg)}.genre-tech .site-header{border-top:3px solid #3b6192;background:var(--surface)}.genre-tech .site-brand--genre{font-weight:700;letter-spacing:.035em}.genre-tech .section-nav{background:var(--bg)}.genre-tech .breadcrumbs li{min-width:0;overflow-wrap:anywhere}.genre-tech .page-hero{padding-block:clamp(1.5rem,4vw,2.5rem);border-bottom:1px solid var(--line)}.genre-tech .page-hero>div{min-width:0}.genre-tech .page-hero h1,.genre-tech .article__header h1{max-width:none;font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.45;letter-spacing:.01em;overflow-wrap:anywhere}.genre-tech .page-hero__description,.genre-tech .article__summary{font-size:1rem;line-height:1.8}.genre-tech .intro{margin-block:1.25rem 0;color:var(--muted)}.genre-tech .latest,.genre-tech .topic-section{padding-block:clamp(1.75rem,4vw,3rem)}.genre-tech .topic-section+.latest{padding-top:0}.genre-tech .section-heading,.genre-tech .topic-section>h2{padding-bottom:.65rem;border-bottom:1px solid var(--line)}.genre-tech .section-heading h2,.genre-tech .topic-section>h2{font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.5;letter-spacing:.02em}.genre-tech .article-card h2{font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.55;letter-spacing:0}.genre-tech .article-card__meta,.genre-tech .article__meta{font-weight:400;font-variant-numeric:tabular-nums}.genre-tech .article-card p{line-height:1.8}.genre-tech .tech-card-figure{margin:1rem 0 0}.genre-tech .tech-card-visual{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--line);border-radius:.4rem;background:var(--bg)}.genre-tech .tech-card-visual img{display:block;width:auto;height:auto;max-width:100%;max-height:10rem;object-fit:contain}@media(max-width:38rem){.genre-tech .tech-card-visual img{max-height:8.75rem}}.genre-tech .topic-list a{min-height:2.75rem;gap:.45rem;padding:.45rem .8rem;border-radius:999px;color:var(--text)}.genre-tech .topic-list a:is(:hover,:active,:focus-visible){color:var(--accent-strong)}.genre-tech .article__header{padding-block:clamp(1.5rem,4vw,2.5rem)2rem}.genre-tech .article__body{padding-block:2rem}.genre-tech .prose{line-height:1.9;overflow-wrap:anywhere}.genre-tech .prose h1,.genre-tech .prose h2,.genre-tech .prose h3,.genre-tech .prose h4{line-height:1.55;letter-spacing:.01em}.genre-tech .prose h1{font-size:clamp(1.65rem,3vw,2rem)}.genre-tech .prose h2{padding-bottom:.55rem;font-size:clamp(1.4rem,2.5vw,1.65rem)}.genre-tech .prose h3{font-size:clamp(1.15rem,2vw,1.3rem)}.genre-tech .prose h4{font-size:1.05rem}.genre-tech .prose blockquote{border-left-width:2px;background:var(--surface-muted);color:var(--text)}.genre-tech .prose pre{max-width:100%;font-size:.9rem;line-height:1.75;tab-size:4;white-space:pre;overflow-wrap:normal}.genre-tech .prose pre code{font-size:inherit}.genre-tech .prose table{max-width:100%;line-height:1.7;overflow-wrap:normal}.genre-tech .prose th{white-space:nowrap}.genre-tech .prose th,.genre-tech .prose td{vertical-align:top}@media(prefers-color-scheme:dark){.genre-tech{--bg:#111720;--surface:#0e131a;--surface-muted:#1b2430;--text:#edf1f7;--muted:#bcc8d6;--line:#3c4a60;--accent-soft:#253e53}.genre-tech .article-card__link{--surface:#182a39}.genre-tech .topic-list a{--surface:#1b2b38;--muted:#aabac7;color:#dce6ed}:where(.genre-tech) .article-card__link{border-color:#52627a}:where(.genre-tech) .topic-list a{border-color:#3c4a60}.genre-tech .prose pre{background:#111721;color:var(--text)}}