.phpdev-channels .contact-grid{display:grid;gap:clamp(1rem,2.2vw,1.5rem);grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.phpdev-channels .contact-grid{grid-template-columns:minmax(0,1fr)}}.phpdev-channels .contact-card{background:linear-gradient(180deg,var(--s2),var(--s1));border:1px solid var(--line);border-radius:var(--r);box-shadow:inset 0 1px 0 var(--hi);display:flex;flex-direction:column;gap:.55rem;padding:clamp(1.4rem,2.8vw,2rem);position:relative;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.phpdev-channels .contact-card:hover{border-color:rgba(127,176,255,.4);box-shadow:inset 0 1px 0 var(--hi),0 0 32px -18px rgba(77,141,255,.6)}.phpdev-channels .contact-card .k{color:var(--ink-dim);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase}.phpdev-channels .contact-card .v{color:var(--ink);font-size:clamp(1.05rem,1.8vw,1.4rem);font-weight:600;letter-spacing:-.022em;transition:color .3s ease-in-out}.phpdev-channels .contact-card:hover .v{color:var(--accent-2)}.phpdev-channels .contact-card .note{color:var(--ink-soft);font-size:var(--fs-sm);margin:0}.phpdev-channels .contact-card .v:before{border-radius:inherit;content:"";inset:0;position:absolute}.phpdev-channels .spec{background:linear-gradient(180deg,var(--s2),var(--s1));border:1px solid var(--line-2);border-radius:var(--r);box-shadow:inset 0 1px 0 var(--hi);display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(1.25rem,2.4vw,1.75rem);overflow:hidden}.phpdev-channels .spec>div{border-left:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem;padding:clamp(1.1rem,2.2vw,1.6rem) clamp(1.1rem,2vw,1.7rem)}.phpdev-channels .spec>div:first-child{border-left:0}.phpdev-channels .spec>div:before{background:var(--accent);border-radius:1px;content:"";height:2px;opacity:.55;width:1.5rem}@media (max-width:820px){.phpdev-channels .spec{grid-template-columns:repeat(2,minmax(0,1fr))}.phpdev-channels .spec>div:nth-child(odd){border-left:0}.phpdev-channels .spec>div:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:480px){.phpdev-channels .spec{grid-template-columns:minmax(0,1fr)}.phpdev-channels .spec>div{border-left:0}.phpdev-channels .spec>div+div{border-top:1px solid var(--line)}}.phpdev-channels .spec .k{color:var(--ink-dim);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase}.phpdev-channels .spec .v{color:var(--ink);font-size:var(--fs-sm);line-height:1.4}
/*# sourceMappingURL=channels.css.map */