.topics-hero{background:linear-gradient(180deg,#fbeaf1 0,#fff8fb 78%,#fff 100%);}
.topics-hero .kicker{font-size:.73rem;
  line-height:normal;}

.topics-title-row h1{
  margin:0;
  font-size:clamp(2.2rem,3.8vw,3.5rem);
  line-height:1.2;
  letter-spacing:.01em;
}
.topics-title-row p{
  margin:0;
  color:var(--muted);
  font-size:.95rem;
  font-weight:700;
  line-height:1.55;
}

.topics-list-section{padding:14px 0 36px}
.topics-list{border-top:1px solid #efd9e2}
.topics-row{display:grid;grid-template-columns:110px 94px minmax(0,1fr);gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid #f1e2e8}
.topics-row time{color:#947481;font-size:.8rem;font-weight:800}
.topics-category{display:inline-flex;justify-content:center;padding:3px 7px;border-radius:999px;font-size:.7rem;font-weight:900;background:#f8e9ef;color:#9b4e6b}
.topics-category.type-estate{background:#f7eee1;color:#986022}
.topics-category.type-technote{background:#eaf4ff;color:#2a71bd}
.topics-category.type-manual{background:#f1ecf7;color:#735b91}
.topics-row p{margin:0;font-size:.9rem;font-weight:700;line-height:1.7}
.topics-row p a{color:#2563a6;text-decoration:underline;text-decoration-color:#9bbddd;text-underline-offset:3px}
.topics-row p a:hover{color:#174f88;text-decoration-color:#6f9fc9}
.topics-empty{padding:30px;border:1px dashed #e6c5d2;border-radius:12px;color:var(--muted)}

@media(max-width:760px){
  
  
  .topics-title-row h1{font-size:clamp(2rem,10vw,2.8rem)}
  .topics-title-row p{margin-top:5px}
  .topics-list-section{padding:10px 0 28px}
  .topics-row{grid-template-columns:82px 82px minmax(0,1fr);gap:8px}
  .topics-category{font-size:.64rem}
  .topics-row p{font-size:.82rem}
}
@media(max-width:520px){
  .topics-row{grid-template-columns:78px minmax(0,1fr)}
  .topics-category{grid-column:1}
  .topics-row p{grid-column:2;grid-row:1 / span 2}
}

/* Responsive grid safety */
.topics-row > *{
  min-width:0;
}
.topics-row p{
  overflow-wrap:anywhere;
}