.ok-page-ders-notlari .dn-badge{display:inline-flex;align-items:center;padding:6px 14px;background:#fff;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:700;color:var(--primary-700);letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}.ok-page-ders-notlari .dn-title{margin:0 0 14px;color:var(--ink-900)}.ok-page-ders-notlari .dn-lead{max-width:560px;margin:0}.ok-page-ders-notlari .dn-list-section{padding:48px 0 88px}.ok-page-ders-notlari .dn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 22px}.ok-page-ders-notlari .dn-card{display:flex;min-width:0;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.ok-page-ders-notlari .dn-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lifted)}.ok-page-ders-notlari .dn-card__spine{flex:0 0 6px;background:linear-gradient(180deg,var(--dn-accent),color-mix(in srgb,var(--dn-accent) 70%,#0B0F1A))}.ok-page-ders-notlari .dn-card__inner{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;min-width:0;flex:1}.ok-page-ders-notlari .dn-card__media{display:block;aspect-ratio:16/10;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--dn-accent) 12%,#fff),var(--ink-25));border:1px solid var(--border);position:relative;margin-bottom:2px}.ok-page-ders-notlari .dn-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease-out)}.ok-page-ders-notlari .dn-card:hover .dn-card__media img{transform:scale(1.04)}.ok-page-ders-notlari .dn-card__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-40);font-weight:800;color:color-mix(in srgb,var(--dn-accent) 35%,#fff)}.ok-page-ders-notlari .dn-card__chip{align-self:flex-start;display:inline-flex;padding:3px 8px;border-radius:6px;background:color-mix(in srgb,var(--dn-accent) 10%,#fff);color:var(--dn-accent);font-size:11px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase}.ok-page-ders-notlari .dn-card__title{font-size:var(--fs-16);font-weight:700;line-height:var(--lh-snug);color:var(--ink-900);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ok-page-ders-notlari .dn-card:hover .dn-card__title{color:var(--primary-600)}.ok-page-ders-notlari .dn-card__excerpt{font-size:var(--fs-13);line-height:1.55;color:var(--fg-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ok-page-ders-notlari .dn-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;border-top:1px dashed var(--border);font-size:var(--fs-12);color:var(--fg-subtle)}.ok-page-ders-notlari .dn-card__foot time{font-family:var(--font-mono)}.ok-page-ders-notlari .dn-card__open{font-weight:700;color:var(--dn-accent);transition:transform var(--dur-fast) var(--ease-out)}.ok-page-ders-notlari .dn-card:hover .dn-card__open{transform:translateX(3px)}.ok-page-ders-notlari .dn-pager{display:flex;justify-content:center;gap:8px;margin-top:48px}.ok-page-ders-notlari .dn-pager__link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--border);background:#fff;font-size:var(--fs-14);font-weight:600;color:var(--fg);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ok-page-ders-notlari .dn-pager__link:hover{background:var(--ink-10)}.ok-page-ders-notlari .dn-pager__link.is-current{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.ok-page-ders-notlari .dn-empty{max-width:480px;margin:24px auto 0;text-align:center;padding:48px 28px;background:var(--ink-10);border:1px dashed var(--border-strong);border-radius:var(--r-xl)}.ok-page-ders-notlari .dn-empty__icon{display:block;font-size:var(--fs-32);margin-bottom:12px}.ok-page-ders-notlari .dn-empty__title{font-size:var(--fs-20);font-weight:700;color:var(--ink-900);margin:0 0 8px}.ok-page-ders-notlari .dn-empty__text{font-size:var(--fs-15);color:var(--fg-muted);margin:0}.ok-page-ders-notlari .dn-empty__text a{color:var(--primary-600);font-weight:600}@media (max-width:1024px){.ok-page-ders-notlari .dn-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.ok-page-ders-notlari .dn-grid{grid-template-columns:repeat(2,1fr);gap:18px 14px}.ok-page-ders-notlari .dn-title{font-size:38px}.ok-page-ders-notlari .dn-list-section{padding:36px 0 64px}}@media (max-width:480px){.ok-page-ders-notlari .dn-grid{grid-template-columns:1fr}}