[data-slot=content-grid]{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-top:24px}[data-slot=content-list]{display:grid;gap:8px;margin:0;padding-top:24px;list-style:none}[data-slot=card-kicker],[data-slot=card-meta],[data-slot=empty-state],[data-slot=detail-meta],[data-slot=small-label]{color:var(--text-soft);font-size:12px;line-height:1.55}[data-slot=card-kicker][data-as-kicker]{margin:0;font-weight:400}[data-slot=chip-row],[data-slot=action-row],[data-slot=post-nav]{display:flex;flex-wrap:wrap;gap:8px}[data-slot=chip]{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;background:transparent;border:1px solid var(--border-control);border-radius:4px;color:var(--text-soft);font-size:12px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform var(--dur-press) var(--ease-out)}[data-slot=chip]:hover{background:var(--surface-raised);color:var(--text-strong)}[data-slot=chip]:active{transform:scale(var(--press-scale))}[data-slot=chip]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}[data-component=route-tabs]{padding-top:24px}[data-component=route-tabs] [data-slot=tablist]{display:flex;flex-wrap:wrap;gap:8px}[data-component=route-tabs] [data-slot=tab]{min-height:30px;padding:0 12px;background:transparent;border:1px solid var(--border-control);border-radius:4px;color:var(--text-soft);font-family:var(--font-family-sans);font-size:13px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform var(--dur-press) var(--ease-out)}[data-component=route-tabs] [data-slot=tab]:hover{color:var(--text-strong)}[data-component=route-tabs] [data-slot=tab]:active{transform:scale(var(--press-scale))}[data-component=route-tabs] [data-slot=tab][data-selected]{background:var(--surface-raised);border-color:var(--border-control);color:var(--text-strong)}[data-component=route-tabs] [data-slot=tab]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}[data-component=route-tabs] [data-slot=panel]{outline:none}[data-component=route-tabs] [data-slot=content-list]{padding-right:0;padding-left:0}@media(pointer:coarse){[data-slot=chip],[data-component=route-tabs] [data-slot=tab]{min-height:44px}}[data-slot=detail-shell]{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;padding-top:32px}[data-slot=detail-main]{display:grid;align-content:start;gap:24px;min-width:0}[data-slot=detail-aside]{display:grid;align-content:start;gap:14px}[data-slot=project-media-grid],[data-slot=case-study-grid],[data-slot=metric-grid]{display:grid;gap:12px;margin-bottom:12px}[data-slot=project-media-grid]{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}[data-slot=case-study-grid],[data-slot=metric-grid]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-slot=project-media]{display:grid;gap:8px;margin:0}[data-slot=project-media] img{display:block;width:100%;aspect-ratio:16 / 10;background:var(--surface-muted);border:1px solid var(--border-muted);border-radius:6px;object-fit:cover}[data-slot=project-media] figcaption,[data-slot=metric-card] span{color:var(--text-soft);font-size:12px;line-height:1.45}[data-slot=detail-list],[data-slot=lesson-list]{display:grid;gap:12px;margin:0;padding:0}[data-slot=lesson-list]{padding-left:18px}[data-slot=detail-item],[data-slot=metric-card]{display:grid;gap:6px}[data-slot=detail-item] strong,[data-slot=metric-card] strong{color:var(--text-strong);font-size:13px;font-weight:400}[data-slot=post-nav]{margin-top:36px;padding-top:20px;border-top:1px solid var(--border-muted)}[data-slot=post-nav] a{flex:1 1 220px;padding:14px;background:transparent;border:1px solid var(--border-muted);border-radius:4px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform var(--dur-press) var(--ease-out)}[data-slot=post-nav] a:hover{background:var(--surface-raised);border-color:var(--border-base)}[data-slot=post-nav] a:active{transform:scale(.99)}[data-slot=media-frame]{overflow:hidden;aspect-ratio:16 / 9;background:#0a0a0a;border:1px solid var(--border-muted);border-radius:6px}[data-slot=media-frame] iframe,[data-slot=media-frame] img{width:100%;height:100%;border:0;object-fit:cover}[data-slot=favorite-section]{display:grid;gap:10px;padding-top:28px}[data-slot=eval-grid],[data-slot=project-grid],[data-slot=video-grid]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px}[data-slot=favorite-grid]{display:grid;padding-top:14px}[data-slot=favorite-card]{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:12px 8px;margin:0 -8px;background:transparent;color:inherit;text-decoration:none;border-bottom:1px solid var(--border-muted);transition:background-color .15s ease,transform var(--dur-press) var(--ease-out)}[data-slot=favorite-grid] [data-slot=favorite-card]:last-child{border-bottom:none}[data-slot=favorite-card]:hover{background:var(--surface-raised)}[data-slot=favorite-card][data-pressable]:active{transform:scale(.99)}[data-slot=favorite-card] img{width:72px;height:72px;border:1px solid var(--border-muted);border-radius:4px;object-fit:cover}[data-slot=favorite-card][data-has-image=false]>div{grid-column:2}[data-slot=favorite-card] h3,[data-slot=video-card] h3{margin:0;color:var(--text-strong);font-size:13px;font-weight:400;line-height:1.4}[data-slot=favorite-card] p{margin:6px 0 0;color:var(--text-muted);font-size:12px;line-height:1.55}[data-slot=video-card]{display:grid;gap:10px;color:inherit;text-decoration:none;transition:transform var(--dur-press) var(--ease-out)}[data-slot=video-card]:active{transform:scale(.99)}[data-slot=video-thumb]{overflow:hidden;aspect-ratio:16 / 9;background:var(--surface-muted);border:1px solid var(--border-muted);border-radius:6px;transition:border-color .15s ease}[data-slot=video-card]:hover [data-slot=video-thumb]{border-color:var(--border-base)}[data-slot=video-card]:hover h3{text-decoration:underline;text-underline-offset:4px}[data-slot=video-thumb] img{width:100%;height:100%;object-fit:cover}[data-slot=eval-section]{display:grid;gap:12px;padding-top:28px}[data-slot=eval-card]{display:grid;gap:10px;margin:0}[data-slot=eval-card] img{width:100%;aspect-ratio:1 / 1;background:var(--surface-muted);border:1px solid var(--border-muted);border-radius:6px;object-fit:cover}[data-slot=eval-card] figcaption{display:grid;gap:2px;color:var(--text-soft);font-size:12px;line-height:1.45}[data-slot=eval-card] strong{color:var(--text-strong);font-weight:400}@media(max-width:860px){[data-slot=detail-shell],[data-slot=eval-grid],[data-slot=case-study-grid],[data-slot=metric-grid],[data-slot=project-media-grid],[data-slot=project-grid],[data-slot=video-grid]{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){[data-route=content] *{transition:none!important}}