.dg .sub-card{position:relative;background:var(--navy);color:#FFFFFF;border-radius:24px;padding:30px;overflow:hidden;isolation:isolate}
.dg .sub-card::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/img/topo-dark.svg) center/cover no-repeat}
.dg .sub-card h2{font-family:"Unbounded",system-ui,sans-serif;font-weight:500;font-size:20px;line-height:1.3}
.dg .sub-card p{margin-top:10px;color:var(--soft);font-size:15px}
.dg .sub-card .btn{margin-top:20px}
.dg .pub-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.dg .srch{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 18px;border-radius:999px;background:#FFFFFF;border:1px solid var(--line);flex:0 1 380px;transition:border-color .2s ease,box-shadow .2s ease}
.dg .srch:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(42,74,138,.12)}
.dg .srch svg{width:20px;height:20px;color:var(--muted);flex:none}
.dg .srch input{border:0;outline:0;background:transparent;font:inherit;font-size:15.5px;color:var(--ink);width:100%;min-height:44px}
.dg .featured{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:#FFFFFF;border:1px solid var(--line);border-radius:28px;overflow:hidden;text-decoration:none;color:var(--ink);margin-top:28px}
.dg .featured:hover{color:var(--ink)}
.dg .featured-img{position:relative;min-height:420px;overflow:hidden;background:var(--sky)}
.dg .featured-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dg .featured-b{padding:40px 44px;display:flex;flex-direction:column;gap:16px;justify-content:center}
.dg .featured h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;font-size:36px;line-height:1.1}
.dg .featured p{color:var(--muted);font-size:16px}
.dg .featured .more{font-size:15.5px}
.dg .pub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}
.dg .empty{margin-top:28px;padding:40px;border-radius:24px;background:#FFFFFF;border:1px dashed #B9C3D8;text-align:center;color:var(--muted)}
.dg .empty b{display:block;color:var(--ink);font-size:18px;margin-bottom:6px}
.dg .more-row{display:flex;justify-content:center;margin-top:36px}
.dg .topics{margin-top:56px;padding:30px;border-radius:26px;background:#FFFFFF;border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.dg .topics h2{font-family:"Unbounded",system-ui,sans-serif;font-weight:500;font-size:18px}
.dg .topics .chips{display:flex;flex-wrap:wrap;gap:10px}
.dg .topics .chips a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14.5px;font-weight:500;transition:border-color .2s ease,color .2s ease}
.dg .topics .chips a:hover{border-color:var(--blue);color:var(--blue)}
@media (max-width:1180px){
  .dg .featured{grid-template-columns:minmax(0,1fr)}
  .dg .pub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .dg .srch{flex:1 1 100%}
  .dg .featured-img{min-height:0;aspect-ratio:16/10}
  .dg .featured-b{padding:24px 20px 26px}
  .dg .featured h2{font-size:28px}
  .dg .pub-grid{grid-template-columns:minmax(0,1fr)}
  .dg .topics{padding:22px 18px}
}