.content-index{--content-accent:#166534;--content-accent-hover:#14532d;--content-amber:#a44d0a;--content-border:#d5dcd6;--content-muted:#343a36;--content-surface:#ffffff;--content-soft:#f3f5f2;color:#172019;margin:0 auto;max-width:1240px;padding:4px 0 40px}.dark .content-index{--content-accent:#4ade80;--content-accent-hover:#86efac;--content-amber:#f2a968;--content-border:#38453b;--content-muted:#d7dbd7;--content-surface:#18211b;--content-soft:#111814;color:#edf4ee}.content-index-header{align-items:end;display:flex;gap:24px;justify-content:space-between;min-height:74px;padding-bottom:14px}.content-index-header h1{font-size:clamp(1.72rem, 2.6vw, 2.12rem);font-weight:760;letter-spacing:-.035em;line-height:1.08;margin:0}.content-index-header p{color:var(--content-muted);font-size:.882rem;line-height:1.45;margin:6px 0 0;max-width:620px}.content-index-count{color:var(--content-muted);flex:0 0 auto;font-size:.794rem;font-weight:700;padding-bottom:2px}.content-index-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.content-filters{border-bottom:1px solid var(--content-border);display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px;padding:8px 0 12px}.content-filters a{align-items:center;border:1px solid var(--content-border);border-radius:6px;color:inherit;display:inline-flex;font-size:.784rem;font-weight:680;height:32px;padding:0 11px}.content-filters a:hover,.content-filters a[aria-current=page]{background:var(--content-accent);border-color:var(--content-accent);color:#fff}.content-tabs{gap:0;padding-bottom:0}.content-tabs a{border:0;border-bottom:3px solid transparent;border-radius:0;height:40px;padding:0 14px}.content-tabs a:first-child{padding-left:0}.content-tabs a:hover,.content-tabs a[aria-current=page]{background:0 0;border-color:var(--content-accent);color:var(--content-accent)}.tutorials-search{border-bottom:1px solid var(--content-border);margin-bottom:22px;padding:7px 0 12px}.tutorials-search>label{display:block;font-size:.774rem;font-weight:700;margin-bottom:5px}.tutorials-search>div{align-items:center;display:flex;max-width:460px;position:relative}.tutorials-search i{color:var(--content-muted);font-size:.814rem;left:10px;position:absolute}.tutorials-search input{background:var(--content-surface);border:1px solid var(--content-border);border-radius:6px;color:inherit;font:inherit;font-size:.834rem;height:34px;padding:0 88px 0 30px;width:100%}.tutorials-search input:focus{border-color:var(--content-accent);outline:2px solid color-mix(in srgb,var(--content-accent) 15%,transparent);outline-offset:1px}.tutorials-search a{color:var(--content-accent);font-size:.764rem;font-weight:700;position:absolute;right:10px}.tutorial-lead{border-top:3px solid var(--content-amber);padding-top:14px}.content-lead{border-bottom:1px solid var(--content-border);display:grid;gap:24px;grid-template-columns:304px minmax(0,1fr);min-height:188px;padding-bottom:18px}.content-lead-media{background:var(--content-soft);border-radius:6px;display:block;height:188px;overflow:hidden}.content-lead-media img{height:100%;object-fit:cover;width:100%}.content-lead-copy{align-self:center;min-width:0;padding-right:8px}.content-category{color:var(--content-amber);display:block;font-size:.754rem;font-weight:800;letter-spacing:.035em;margin:0 0 6px;text-transform:uppercase}.content-lead h2,.content-row h2{font-weight:740;letter-spacing:-.02em;line-height:1.22;margin:0;overflow-wrap:anywhere}.content-lead h2{font-size:clamp(1.25rem, 2vw, 1.55rem)}.content-row h2{font-size:.96rem}.content-lead h2 a:hover,.content-row h2 a:hover,.labs-table-title a:hover{color:var(--content-accent)}.content-lead-copy>p,.content-row p,.labs-table-title p{color:var(--content-muted);line-height:1.45;overflow-wrap:anywhere}.content-lead-copy>p{font-size:.894rem;margin:8px 0 0;max-width:620px}.content-meta{color:var(--content-muted);display:flex;flex-wrap:wrap;font-size:.764rem;gap:5px 13px;margin-top:8px}.content-meta>span,.content-meta>time{align-items:center;display:inline-flex;gap:5px}.content-lead-meta{border-top:1px solid var(--content-border);margin-top:14px;padding-top:11px}.content-continuation{margin-top:16px}.content-section-heading{align-items:baseline;display:flex;justify-content:space-between;margin:0 0 7px}.content-section-heading h2{color:var(--content-accent);font-size:.874rem;font-weight:750;margin:0}.content-list{border-top:1px solid var(--content-border)}.content-row{align-items:center;border-bottom:1px solid var(--content-border);display:grid;gap:14px;grid-template-columns:112px minmax(0,1fr);min-height:98px;padding:11px 0}.content-row-media{background:var(--content-soft);border-radius:5px;display:block;height:74px;overflow:hidden}.content-row-image{height:100%;object-fit:cover;width:100%}.content-row p{display:-webkit-box;font-size:.824rem;margin:5px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.labs-lead{grid-template-columns:304px minmax(0,1fr)}.labs-lead-copy{align-self:stretch;border-left:1px solid var(--content-border);display:flex;flex-direction:column;justify-content:center;padding-left:22px}.labs-lead-topline{align-items:baseline;display:flex;gap:16px;justify-content:space-between}.labs-lead-topline time{color:var(--content-muted);flex:0 0 auto;font-size:.774rem}.labs-lead-facts{border-top:1px solid var(--content-border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:13px 0 0;padding-top:9px}.labs-lead-facts div{display:grid;gap:8px;grid-template-columns:auto 1fr}.labs-lead-facts dd,.labs-lead-facts dt{font-size:.774rem;margin:0}.labs-lead-facts dt{color:var(--content-muted)}.labs-lead-facts dd{font-weight:680}.labs-table{border-top:1px solid var(--content-border)}.labs-table-header,.labs-table-row{display:grid;gap:14px;grid-template-columns:120px minmax(220px,2fr) minmax(90px,0.8fr) minmax(110px,1fr) 80px}.labs-table-header{color:var(--content-accent);font-size:.744rem;font-weight:740;padding:9px 8px}.labs-table-row{align-items:center;border-top:1px solid var(--content-border);color:var(--content-muted);font-size:.794rem;min-height:60px;padding:8px}.labs-table-row .content-category{margin:0}.labs-table-title a{color:inherit;display:block;font-size:.874rem;font-weight:720}.labs-table-title p{font-size:.764rem;margin:3px 0 0}.content-empty{color:var(--content-muted);font-size:.894rem;padding:24px 0}.content-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:18px}.content-pagination a,.content-pagination span{align-items:center;border:1px solid var(--content-border);border-radius:5px;display:inline-flex;font-size:.774rem;height:30px;justify-content:center;min-width:30px;padding:0 8px}.content-pagination span[aria-current=page]{background:var(--content-accent);border-color:var(--content-accent);color:#fff}@media (max-width:760px){.content-index-header{align-items:flex-start;flex-direction:column;gap:6px}.content-lead,.labs-lead{gap:15px;grid-template-columns:220px minmax(0,1fr)}.content-lead-media{height:164px}.labs-lead-copy{padding-left:15px}.labs-table-header{display:none}.labs-table-row{gap:4px 12px;grid-template-columns:minmax(0,1fr) auto}.labs-table-title{grid-column:1/-1;grid-row:1}.labs-table-row .content-category{grid-column:1}}@media (max-width:560px){.content-index-header{min-height:0}.content-filters{flex-wrap:nowrap;margin-bottom:16px;overflow-x:auto;padding-bottom:9px;scrollbar-width:thin}.content-filters a{flex:0 0 auto}.content-lead,.labs-lead{display:block}.content-lead-media{height:170px}.content-lead-copy{padding:13px 0 0}.labs-lead-copy{border-left:0;padding-left:0}.content-row{grid-template-columns:84px minmax(0,1fr)}.content-row-media{height:66px}}