/* Links to distinct kitchen services, aligned with the site's footer. */
.funnel-page .topic-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px}
.funnel-page .topic-directory>span{grid-column:1/-1}
.funnel-page .topic-directory a{line-height:1.45}
@media(max-width:760px){.funnel-page .topic-directory{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 20px;gap:14px 18px}}

/* Answer-first market example on the kitchen pricing page. */
.topic-price-guide .topic-price-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}
.topic-price-example{padding:22px;border:1px solid #46515a;border-radius:18px;background:#1d2831}
.topic-price-example strong{display:block;color:#e4b18c;font-size:clamp(25px,2.6vw,38px);font-weight:500;line-height:1.1}
.topic-price-example h3{margin:14px 0 8px;font-size:17px;color:#f2eee8}
.topic-price-example p{margin:0;font-size:14px;line-height:1.65;color:#bac4cb}
.topic-price-source{grid-column:1/-1;margin:2px 0 0;font-size:12px;line-height:1.6;color:#aebac3}
.topic-price-guide .editorial-guide-topics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.topic-price-guide .editorial-guide-topics article,.topic-price-guide .editorial-guide-topics article:first-child{border-top:1px solid #48545e;padding:22px 0 0}
@media(max-width:1100px){.topic-price-guide .topic-price-examples{grid-template-columns:1fr}}
@media(max-width:900px){.topic-price-guide .editorial-guide-topics{grid-template-columns:1fr}}

/* Concept galleries on service pages; completed work remains in Projects. */
.topic-examples-section .topic-example-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.topic-example-card{min-width:0;margin:0}
.topic-example-card[hidden],.topic-example-more[hidden]{display:none!important}
.topic-example-card a{display:block;overflow:hidden;border:1px solid #35414a;border-radius:18px;background:#202a32}
.topic-example-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .35s ease}
.topic-example-card a:hover img,.topic-example-card a:focus-visible img{transform:scale(1.035)}
.topic-example-card figcaption{padding:14px 3px 0;color:#e9e5df;font-size:15px;line-height:1.4}
.topic-example-more{display:block;margin:34px auto 0;padding:15px 34px;border:1px solid #966c52;border-radius:999px;background:#bf825b;color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .2s ease,transform .2s ease}
.topic-example-more:hover{background:#d0936b;transform:translateY(-2px)}
.topic-example-more:focus-visible{outline:2px solid #f4d0aa;outline-offset:3px}
.topic-example-note{margin:24px 0 0;color:#aeb9c3;font-size:13px;line-height:1.6}
.topic-example-note a{color:#e3b795;text-decoration:underline;text-underline-offset:4px}
.topic-example-dialog{width:min(1100px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:12px;border:1px solid #54616b;border-radius:20px;background:#19232b;color:#f2eee8;box-shadow:0 30px 90px #000b}
.topic-example-dialog::backdrop{background:#000c}
.topic-example-dialog img{display:block;width:100%;height:auto;max-height:calc(100vh - 110px);object-fit:contain;border-radius:12px}
.topic-example-dialog p{margin:10px 8px 2px;font-size:14px}
.topic-example-close{position:absolute;right:22px;top:22px;width:42px;height:42px;border:1px solid #ffffff80;border-radius:50%;background:#18232bd9;color:#fff;font-size:26px;line-height:1;cursor:pointer}
@media(max-width:760px){.topic-examples-section .topic-example-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.topic-example-card figcaption{font-size:13px}.topic-example-dialog{padding:8px;border-radius:14px}.topic-example-more{width:100%}}
@media(prefers-reduced-motion:reduce){.topic-example-card img{transition:none}}