/* tuitioncentres.sg badge: hosted stylesheet. Edit here to restyle every embedded badge. */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&display=swap");

.tcb { --tcb-bg:#f4f2f0; --tcb-label:#8a8481; --tcb-ink:#2b2724; --tcb-star:#6f6965; --tcb-line:#2b2724; --tcb-link:#6f6965;
  box-sizing:border-box; display:block; width:100%; max-width:360px; margin:0; padding:0; text-align:left;
  font-family:Archivo,'Arial Narrow',Arial,sans-serif; }
.tcb *, .tcb *::before, .tcb *::after { box-sizing:border-box; }

.tcb a.tcb__badge { display:flex; align-items:center; gap:10px; width:100%; max-width:360px; padding:14px 16px;
  background:var(--tcb-bg); border:0; border-radius:0; box-shadow:none; text-decoration:none; font-family:inherit; }
.tcb .tcb__main { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.tcb .tcb__label { font-size:9px; line-height:1.2; letter-spacing:.16em; text-transform:uppercase; color:var(--tcb-label); }
.tcb .tcb__mark { font-size:19px; line-height:1; font-weight:800; font-stretch:74%; text-transform:uppercase; overflow-wrap:anywhere; color:var(--tcb-ink); }
.tcb .tcb__stars { flex:none; white-space:nowrap; font-size:11px; letter-spacing:.12em; color:var(--tcb-star); }

.tcb p.tcb__line { display:block; width:100%; margin:1px 0 0; padding:2px 18px; background:var(--tcb-bg); font-family:inherit; font-size:12px; line-height:1.5; text-align:left; color:var(--tcb-line); }
.tcb p.tcb__line a { color:var(--tcb-link); font-weight:700; text-decoration:underline; }

.tcb--paper       { }
.tcb--mist-blue   { --tcb-bg:#eef2f7; --tcb-label:#6e8299; --tcb-ink:#22303f; --tcb-star:#4d6b8a; --tcb-line:#22303f; --tcb-link:#4d6b8a; }
.tcb--sage        { --tcb-bg:#eef2ee; --tcb-label:#74887a; --tcb-ink:#25332a; --tcb-star:#4d6b56; --tcb-line:#25332a; --tcb-link:#4d6b56; }
.tcb--sand        { --tcb-bg:#f6f1e8; --tcb-label:#94836a; --tcb-ink:#33291b; --tcb-star:#8a6c3c; --tcb-line:#33291b; --tcb-link:#8a6c3c; }
.tcb--blush       { --tcb-bg:#f8efed; --tcb-label:#a08180; --tcb-ink:#3a2523; --tcb-star:#9c4c42; --tcb-line:#3a2523; --tcb-link:#9c4c42; }
.tcb--slate       { --tcb-bg:#eceef0; --tcb-label:#7c8287; --tcb-ink:#262a2d; --tcb-star:#5b6368; --tcb-line:#262a2d; --tcb-link:#5b6368; }
.tcb--lilac       { --tcb-bg:#f1eff6; --tcb-label:#867f9b; --tcb-ink:#2a2636; --tcb-star:#5f4f96; --tcb-line:#2a2636; --tcb-link:#5f4f96; }
.tcb--pale-teal   { --tcb-bg:#eaf2f1; --tcb-label:#6f8c89; --tcb-ink:#1f3130; --tcb-star:#3f7a74; --tcb-line:#1f3130; --tcb-link:#3f7a74; }
.tcb--graphite    { --tcb-bg:#26282a; --tcb-label:#9a9d9f; --tcb-ink:#f0efee; --tcb-star:#c9cbcc; --tcb-line:#ffffff; --tcb-link:#ffffff; }
.tcb--transparent { --tcb-bg:transparent; --tcb-label:#8a8481; --tcb-ink:#201e1d; --tcb-star:#201e1d; --tcb-line:#201e1d; --tcb-link:#201e1d; }

.tcb--transparent a.tcb__badge { padding:14px 0; }
.tcb--transparent p.tcb__line { padding:2px 0; }
.tcb--graphite p.tcb__line { background:rgba(38,40,42,.85); }
