.cafe-topic-directory{margin:22px 44px 0;padding:28px 30px 26px;border:0;border-radius:14px;background:#f3f7f4}
.cafe-topic-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.cafe-topic-heading h2{margin:3px 0 0;color:#203a2a;font-size:24px;font-weight:600}
.cafe-topic-heading>span{color:#6e7b72;font-size:12px}
.cafe-topic-reset{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:12px;font-weight:600;text-decoration:none}
.cafe-topic-reset:before{content:"←"}
.cafe-topic-reset:hover{text-decoration:underline;text-underline-offset:3px}
.cafe-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px;margin-top:22px}
.cafe-topic-group{min-width:0;padding:10px 0 12px}
.cafe-topic-group h3{margin:0 0 10px;padding:0;color:#263b2e;font-size:16px;font-weight:600;line-height:1.4}
.cafe-topic-group ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.cafe-topic-group a{display:flex;align-items:center;gap:11px;min-height:36px;padding:5px 8px;border-radius:6px;color:#53635a;font-size:15px;text-decoration:none;transition:background-color .16s ease,color .16s ease,transform .16s ease}
.cafe-topic-icon{flex:0 0 5px;width:5px;height:5px;margin-left:0;border-radius:50%;background:#78a986}
.cafe-topic-group a:hover{background:rgba(255,255,255,.65);color:var(--green);transform:translateX(2px)}
.cafe-topic-group a.is-selected{background:#e8f1ea;color:var(--green);font-weight:600}
.cafe-topic-group a.is-selected .cafe-topic-icon{background:#218653}
.cafe-topic-group a:focus-visible,.cafe-topic-reset:focus-visible{outline:2px solid #218653;outline-offset:2px}
@media(max-width:900px){.cafe-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:8px}}
@media(max-width:760px){.cafe-topic-directory{margin:20px 20px 0;padding:22px 20px 20px}}
@media(max-width:480px){.cafe-topic-heading{align-items:start;flex-direction:column;gap:6px}.cafe-topic-grid{grid-template-columns:minmax(0,1fr);row-gap:2px;margin-top:13px}.cafe-topic-group{padding:10px 0 7px}}