.technology-label{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.5}
.technology-label img{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.technology-label strong{display:block;color:var(--ink);font-size:17px}
.topic-intro-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.topic-intro-grid .lead{margin-bottom:20px}
.topic-intro-grid .screen-gallery{margin:0}
.topic-intro-grid .screen-slide{background:#fff}
.topic-case-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.topic-case-grid .screen-gallery{margin:0}
.technology-resource{display:inline-flex;align-items:center;gap:12px;max-width:100%}
.technology-resource img{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.technology-resource span{min-width:0}
.technology-credits{margin:0 0 28px;font-size:12px;line-height:1.65;color:var(--muted)}
.technology-credits summary{cursor:pointer;max-width:max-content}
.technology-credits p{margin:10px 0 0;max-width:760px}
@media(max-width:800px){.topic-intro-grid,.topic-case-grid{grid-template-columns:1fr;gap:26px}.topic-intro-grid .screen-gallery{max-width:650px}}
@media(max-width:560px){.technology-label{gap:12px;margin-bottom:18px}.technology-label img{width:42px;height:42px}.technology-label strong{font-size:16px}.topic-case-grid{gap:20px}}