.DPCCXq_page{gap:var(--space-10);max-width:var(--content-max);padding:var(--space-10) var(--space-6) var(--space-16);flex-direction:column;margin:0 auto;display:flex}.DPCCXq_head{gap:var(--space-3);flex-direction:column;max-width:44rem;display:flex}.DPCCXq_title{font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-display);color:var(--fg-strong);margin:0}@media (width>=901px){.DPCCXq_title{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}.DPCCXq_subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--fg-muted);margin:0}.DPCCXq_empty{color:var(--fg-muted);margin:0}.DPCCXq_learn{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--fg);transition:background var(--duration-fast) var(--ease-out);text-decoration:none;display:flex}.DPCCXq_learn:hover{background:var(--surface-3)}.DPCCXq_learnBadge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--primary);color:var(--primary-fg);font-size:var(--text-caps);text-transform:uppercase;letter-spacing:var(--tracking-caps);flex:none}.DPCCXq_learnCopy{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.DPCCXq_learnTitle{font-size:var(--text-base);color:var(--fg-strong)}.DPCCXq_learnNote{font-size:var(--text-2xs);color:var(--fg-muted)}.DPCCXq_learnGo{font-size:var(--text-lg);color:var(--fg-subtle);margin-left:auto}.DPCCXq_grid{gap:var(--space-8) var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=1024px){.DPCCXq_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.DPCCXq_grid{grid-template-columns:minmax(0,1fr)}.DPCCXq_page{padding-top:var(--space-6)}}.DPCCXq_item{min-width:0;display:flex}.DPCCXq_card{gap:var(--space-4);min-width:0;color:inherit;border-radius:var(--radius-xl);outline:none;flex-direction:column;flex:1;text-decoration:none;display:flex}.DPCCXq_card:focus-visible .DPCCXq_cover{box-shadow:0 0 0 var(--ring-width) var(--ring-color)}.DPCCXq_cover{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-2);isolation:isolate;transition:border-color var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);display:block;position:relative;overflow:hidden}.DPCCXq_coverMedia{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);display:block}.DPCCXq_card:hover .DPCCXq_cover{border-color:var(--border-strong);transform:translateY(-2px)}.DPCCXq_card:hover .DPCCXq_coverMedia{transform:scale(1.04)}.DPCCXq_badge{top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--primary);color:var(--primary-fg);font-size:var(--text-caps);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;box-shadow:var(--shadow-md);line-height:1.2;position:absolute}.DPCCXq_pill{left:var(--space-3);bottom:var(--space-3);padding:var(--space-1) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--scrim-medium);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg-strong);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.3;position:absolute}.DPCCXq_body{gap:var(--space-2);padding:0 var(--space-1);flex-direction:column;display:flex}.DPCCXq_meta{align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;display:flex}.DPCCXq_category{color:var(--fg-muted)}.DPCCXq_reading{color:var(--fg-subtle)}.DPCCXq_cardTitle{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--fg-strong);margin:0}.DPCCXq_description{-webkit-line-clamp:2;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--fg-muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.DPCCXq_more{align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-strong);transition:color var(--duration) var(--ease-out), gap var(--duration) var(--ease-out);display:inline-flex}.DPCCXq_card:hover .DPCCXq_more{gap:var(--space-2);color:var(--fg-strong)}@media (prefers-reduced-motion:reduce){.DPCCXq_cover,.DPCCXq_coverMedia,.DPCCXq_more{transition:none}}