.sf-topic-directory{box-sizing:border-box;width:min(92%,1200px);margin:48px auto;padding:clamp(22px,4vw,42px);background:#edf3f0;color:#193f43;border:1px solid #ccd9d3;border-radius:18px}.sf-topic-directory .sf-topic-eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700}.sf-topic-directory h2{font-size:clamp(25px,3.2vw,38px);line-height:1.2;margin:12px 0 16px}.sf-topic-directory>p{max-width:76ch;line-height:1.65}.sf-topic-directory ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:24px 0 0;list-style:none}.sf-topic-directory li{min-width:0}.sf-topic-directory a{display:flex;flex-direction:column;gap:10px;height:100%;box-sizing:border-box;padding:18px;background:#fff;border:1px solid #c3d4cb;border-radius:12px;color:#193f43;text-decoration:none;overflow-wrap:anywhere}.sf-topic-directory a span{font-size:16px;font-weight:700;line-height:1.4}.sf-topic-directory a small{margin-top:auto;font-size:13px;color:#43655c}.sf-topic-directory a:hover{border-color:#306f67;background:#f8fcfa}.sf-topic-directory a:focus-visible{outline:3px solid #b57b2e;outline-offset:3px}.sf-hub-card .sf-course-note{padding-top:12px;border-top:1px solid #d7e1dc;font-size:.94rem}.sf-hub-questions details{border-bottom:1px solid #bdcec7;padding:18px 0}.sf-hub-questions summary{font-weight:700;cursor:pointer}.sf-hub-questions p{line-height:1.65;max-width:85ch}.sf-hub-note li{margin:12px 0;line-height:1.65}@media(max-width:900px){.sf-topic-directory ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.sf-topic-directory{width:94%;padding:22px 16px;margin:30px auto}.sf-topic-directory ul{grid-template-columns:1fr}.sf-topic-directory a{flex-direction:row;align-items:center;gap:16px}.sf-topic-directory a small{margin:0 0 0 auto;white-space:nowrap}}