.topics-intro{max-width:820px;margin-bottom:30px}
.topics-intro h2{margin:10px 0 17px;font-size:clamp(30px,3vw,43px);letter-spacing:-.025em}
.topics-intro p{max-width:760px;margin:0;color:#3d3830;font-size:16px;line-height:1.8}
.topics-intro+.inline-search{max-width:820px;margin:0 0 42px}
.topics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:8px}
.topics-card{display:flex;flex-direction:column;min-width:0;padding:31px 32px 25px;border-top:3px solid #acc6ac;background:#f0ede5}
.topics-card:last-child:nth-child(odd){grid-column:1/-1}
.topics-card:last-child:nth-child(odd) .topics-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.topics-card-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 20px;margin-bottom:25px}
.topics-number{color:var(--stoa-accent);font:400 27px/1 "Playfair Display",Georgia,serif}
.topics-count{color:#7a7060;font:600 var(--stoa-text-xs)/1.5 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.topics-card-header h3{grid-column:1/-1;margin:10px 0 2px;color:#1a1714;font:400 29px/1.2 "Playfair Display",Georgia,serif;letter-spacing:-.02em}
.topics-card-header p{grid-column:1/-1;margin:0;color:#3d3830;font:14px/1.7 Arial,Helvetica,sans-serif}
.topics-featured{position:relative;display:grid;gap:7px;padding:21px 44px 20px 21px;background:#f9f7f2;color:#1a1714;text-decoration:none!important}
.topics-featured>span{color:#7a7060;font:600 var(--stoa-text-xs)/1.5 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.topics-featured strong{font:400 20px/1.35 "Playfair Display",Georgia,serif}
.topics-featured p{margin:0;color:#3d3830;font:var(--stoa-text-sm)/1.65 Arial,Helvetica,sans-serif}
.topics-featured i{position:absolute;right:19px;top:20px;color:var(--stoa-accent);font:normal 18px/1 Arial,Helvetica,sans-serif}
.topics-featured:hover{background:#fff;color:var(--stoa-accent)}
.topics-links{list-style:none!important;margin:22px 0 0!important;padding:0!important;border-top:1px solid #d5d1c7}
.topics-links li{margin:0!important;border-bottom:1px solid #d5d1c7}
.topics-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 2px;color:#1a1714!important;text-decoration:none!important;font:14px/1.45 Arial,Helvetica,sans-serif}
.topics-links a:hover{color:var(--stoa-accent)!important}
.topics-links i{flex-shrink:0;color:var(--stoa-accent);font-style:normal}
.topics-card-footer{margin-top:auto;padding-top:23px}
.topics-card-footer a{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--stoa-accent)!important;font:600 var(--stoa-text-xs)/1.5 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-decoration:none!important;text-transform:uppercase}
.topics-card-footer a:hover{color:var(--stoa-accent-hover)!important}
.topics-card-footer span{font-size:17px}
@media(max-width:850px){.topics-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .topics-intro h2{font-size:31px}
  .topics-intro+.inline-search{margin-bottom:32px}
  .topics-card{padding:26px 22px 22px}
  .topics-card-header h3{font-size:26px}
  .topics-featured{padding-left:17px}
  .topics-card:last-child:nth-child(odd){grid-column:auto}
  .topics-card:last-child:nth-child(odd) .topics-links{display:block}
}
