.classy-portrait-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 28px}
.classy-portrait-card{display:flex;align-items:center;gap:12px;min-width:0;padding:8px;border:1px solid #dededb;border-radius:8px;background:#f5f5f2;color:#202320;text-decoration:none}
.classy-portrait-card img{flex:0 0 48px;width:48px;height:48px;object-fit:cover;border-radius:5px;display:block}
.classy-portrait-card>span{min-width:0}
.classy-portrait-card small,.classy-portrait-card em{display:none}
.classy-portrait-card strong{display:block;font-size:15px;line-height:1.4;font-weight:600}
.classy-portrait-card:hover,.classy-portrait-card[aria-current=page]{background:#eae9f2;border-color:#706186;color:#312b44;text-decoration:none}
.classy-portrait-card:focus-visible{outline:3px solid #234bdd;outline-offset:3px}
.archive-head{padding-top:28px;padding-bottom:14px;margin-bottom:12px}
.archive-head h1{margin-top:12px;margin-bottom:12px}
details.dd-hub-guide{padding:14px 18px;margin:0 0 24px}
.dd-hub-guide summary{cursor:pointer;font-size:15px;font-weight:600}
.dd-hub-guide summary:focus-visible{outline:3px solid #234bdd;outline-offset:4px}
details.dd-hub-guide[open] summary{margin-bottom:20px}
@media(max-width:1100px){.classy-portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.classy-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 18px}.classy-portrait-card{gap:8px;padding:7px}.classy-portrait-card img{width:32px;height:32px;flex-basis:32px}.classy-portrait-card strong{font-size:13px;overflow-wrap:anywhere}.archive-head{padding-top:18px}.archive-head h1{font-size:clamp(25px,6vw,36px);line-height:1.35}.archive-head p{font-size:14px;line-height:1.65}}
@media(max-width:340px){.classy-portrait-grid{grid-template-columns:1fr}}