/* Landing-page psychology navigation: five established guides, then other topics. */
#topics .topic-group{margin:0}
#topics .topic-group + .topic-group{margin-top:43px}
#topics .topic-group-heading{
  display:flex;align-items:end;justify-content:space-between;
  gap:12px 24px;flex-wrap:wrap;
  margin:0 0 18px;padding:0 0 13px;
  border-bottom:1px solid #dce5d9;
}
#topics .topic-group-kicker{
  display:block;margin:0 0 7px;
  font:600 11px/1.35 Georgia,serif;
  letter-spacing:.17em;color:#9b8867;
}
#topics .topic-group-heading h3{
  margin:0;color:#345a47;
  font:600 clamp(21px,2.3vw,26px)/1.55 var(--font-heading,"Shippori Mincho",serif);
  letter-spacing:.018em;
}
#topics .topic-group-heading p{
  margin:0 0 4px;
  font-size:12px;line-height:1.9;color:#7a8c7e;
}
#topics .topics--featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#topics .topics--featured .cognitive-feature{grid-column:span 2}
#topics .topics--featured .topic{
  min-height:110px;
  padding:19px 21px;
  border-radius:15px;
  border-color:#cfded1;
  background:linear-gradient(140deg,#fffefa,#f2f6ee);
}
#topics .topics--featured .cognitive-feature{
  background:
    radial-gradient(ellipse at 86% 24%,#e1e8d7,transparent 60%),
    linear-gradient(115deg,#eef4e9,#f8f6eb);
  border-color:#c7d6c3;
}
#topics .topic-main-copy{
  display:flex;flex-direction:column;gap:7px;
  min-width:0;flex:1;
}
#topics .topics--featured .topic-main-copy strong{
  font:600 clamp(15px,1.48vw,18px)/1.6 var(--font-heading,"Shippori Mincho",serif);
  color:#365b49;
}
#topics .topics--featured .topic-main-copy small{
  font-size:11px;font-weight:400;line-height:1.8;color:#718478;
}
#topics .topics--featured .topic-arrow{
  font-size:15px;color:#6b9077;align-self:center;flex-shrink:0;
}
#topics .topics--featured .topic:hover{
  background:#edf5eb;border-color:#a2bea9;
}
#topics .topics--other{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
#topics .topics--other .topic{
  min-height:64px;padding:15px 18px;border-radius:11px;
  background:rgba(255,254,249,.78);
}
#topics .topics--other .topic:hover{background:#f2f6ef}
@media(max-width:900px){
  #topics .topics--featured{grid-template-columns:repeat(2,minmax(0,1fr))}
  #topics .topics--featured .cognitive-feature{grid-column:span 2}
  #topics .topics--other{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
  #topics .topic-group + .topic-group{margin-top:32px}
  #topics .topic-group-heading{margin-bottom:13px;padding-bottom:12px}
  #topics .topic-group-heading p{font-size:11px}
  #topics .topics--featured{grid-template-columns:1fr;gap:9px}
  #topics .topics--featured .cognitive-feature{grid-column:span 1}
  #topics .topics--featured .topic{min-height:90px;padding:15px 16px}
  #topics .topics--featured .topic-main-copy strong{font-size:16px}
  #topics .topics--featured .topic-main-copy small{font-size:11px}
  #topics .topics--other{gap:8px}
  #topics .topics--other .topic{min-height:65px;padding:12px;font-size:12px;line-height:1.6}
}
@media(max-width:375px){
  #topics .topics--other .topic{font-size:11px;padding:11px 10px}
}