/* "For …" solution pages (general-practice, specialty-practice, allied-health, dentists).
   Feature cards with brand icon boxes, integration tiles with status tags, a compact phones section, quotes. */
.metrics.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.metrics.three{grid-template-columns:1fr}}

.sf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sf-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:26px 24px}
.sf-card h3{font-size:18px;margin:16px 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sf-card h3 em,.st-tag{font-style:normal;font-family:var(--font-body);font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill)}
.sf-card h3 em,.st-tag.beta{background:var(--pink-50);color:var(--pink-500)}
.st-tag.dev{background:var(--mist);color:var(--slate-700)}
.sf-card p{font-size:15px;color:var(--muted);line-height:1.6}
.sf-more{margin-top:24px}

/* brand icon box: a colour and a cropped brand shape in the corner (same as the homepage feature icons) */
.b-ico{position:relative;overflow:hidden;width:44px;height:44px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.b-ico::before{content:"";position:absolute;inset:0;background:var(--c2);opacity:.55;-webkit-mask:var(--shape) center/100% 100% no-repeat;mask:var(--shape) center/100% 100% no-repeat}
.b-ico svg{position:relative;width:20px;height:20px;fill:none;stroke:var(--c);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.b-blue{--c:var(--blue-500);--c2:var(--blue-200)}.b-teal{--c:var(--teal-500);--c2:var(--teal-200)}.b-orange{--c:var(--orange-500);--c2:var(--orange-200)}.b-magenta{--c:var(--magenta-500);--c2:var(--magenta-200)}

.si-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.si-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;transition:border-color var(--duration-base),box-shadow var(--duration-base)}
a.si-card:hover{border-color:var(--blue-100);box-shadow:var(--shadow-md)}
.si-logo{height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--surface-sunken)}
.si-logo img{max-height:30px;max-width:78%;object-fit:contain}
.si-name{font-weight:600;font-size:14.5px;color:var(--ink)}
.si-go{font-size:13px;font-weight:600;color:var(--brand-primary)}
.si-note{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:18px;padding:22px 26px;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--line)}
.si-note h3{font-size:17px;margin-bottom:4px}
.si-note p{font-size:14.5px;color:var(--muted);max-width:46em}

.sp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.sp-modes{display:flex;flex-direction:column;gap:14px}
.sp-mode{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px}
.sp-mode b{display:block;font-family:var(--font-display);font-weight:600;font-size:16px;margin-bottom:4px}
.sp-mode b small{font-family:var(--font-body);font-weight:500;font-size:12.5px;color:var(--muted);margin-left:6px}
.sp-mode p{font-size:14.5px;color:var(--muted)}
.sp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px}
.sp-chip{padding:10px 16px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--border-default);font-family:var(--font-display);font-weight:600;font-size:14.5px;color:var(--ink);box-shadow:var(--shadow-xs)}
.sp-links{display:flex;flex-wrap:wrap;gap:18px}

.sq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sq-grid.one{grid-template-columns:minmax(0,760px)}
.sq-card{margin:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:30px}
.sq-card blockquote{font-family:var(--font-display);font-size:19px;line-height:1.5;color:var(--ink);letter-spacing:-.01em}
.sq-by{display:flex;align-items:center;gap:12px}
.sq-by img,.sq-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.sq-av{display:flex;align-items:center;justify-content:center;background:var(--blue-50);color:var(--brand-primary);font-weight:700;font-size:15px}
.sq-nm{font-weight:600;font-size:14.5px;color:var(--ink)}
.sq-ro{font-size:13px;color:var(--muted)}
.sq-by a{margin-left:auto}

@media(max-width:1000px){.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sf-grid,.sq-grid,.sp-split{grid-template-columns:1fr}}