/* Page styles (see lib/site-assets.ts) */
.found{border:2px solid var(--red);background:rgba(245,69,92,.12);border-radius:12px;padding:clamp(8px,1vw,14px);display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,18px);align-items:center}
.found b{display:block;font-size:clamp(11px,1.05vw,16px)}
.found span{font-size:clamp(9px,.8vw,13px);color:var(--muted-d)}
.dev{display:grid;grid-template-columns:180px minmax(0,1fr) auto;grid-template-areas:"k q b" "k a a";gap:4px 20px;padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}
.dev:last-child{border-bottom:0}
.dev button{grid-area:b;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;padding:8px 12px;white-space:nowrap;cursor:pointer}
.dev button:hover{border-color:#fff}
.dev.open button{background:#fff;color:var(--ink)}
.dev .a{grid-area:a;font-size:16px;line-height:1.5;color:#7BD69E;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease,opacity .45s ease,margin .45s}
.dev.open .a{max-height:140px;opacity:1;margin-top:4px}
.dev .a::before{content:"ROCKET.CHAT  ";font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;color:#fff}
@media (max-width:899px){
.dev{grid-template-columns:1fr;grid-template-areas:"k" "q" "b" "a"}
.dev button{justify-self:start}
}