/* Beautech — page styles: Services. Loaded after assets/site.css. */
/* export-support grid */
.exp-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.exp-grid .ex{ background:var(--surface-2); padding:20px; display:flex; gap:12px; align-items:flex-start; transition: background var(--dur-slow); }
.exp-grid .ex:hover{ background:var(--accent-tint); }
.exp-grid .ex svg{ width:20px; height:20px; color:var(--accent); flex:none; margin-top:2px; }
.exp-grid .ex .exn{ font-family:var(--f-mono); font-size: var(--fs-micro); color:var(--muted); letter-spacing: var(--track-wide); display:block; margin-bottom:4px; }
.exp-grid .ex .ext{ font-size: var(--fs-base); color:var(--ink); font-weight:var(--fw-med); }
@media(max-width:760px){ .exp-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .exp-grid{ grid-template-columns:1fr; } }