/* Built by scripts/build-pages.php from scripts/site/hosting-css/teklan.css (teklanhosting.co.uk) in TekLan Cloud colours (scripts/site/brand.php). Do not edit. */
/* =========================================
   TekLan Hosting  -  Design System
   ========================================= */

:root {
  --tk-indigo:       #1a7f9c;
  --tk-accent-on-dark: #7fd4ea;
  --tk-indigo-dark:  #146a83;
  --tk-indigo-glow:  rgba(26,127,156,.22);
  --tk-indigo-tint:  rgba(26,127,156,.09);
  --tk-navy:         #1c1f22;
  --tk-navy-2:       #23272b;
  --tk-navy-3:       #2a2f34;
  --tk-text:         #1f2326;
  --tk-muted:        #64748b;
  --tk-border:       #e2e8f0;
  --tk-light:        #f8fafc;
  --tk-surface:     #fff;
  --tk-radius:       12px;
  --tk-radius-sm:    8px;
  --tk-shadow-sm:    0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);
  --tk-shadow-md:    0 4px 24px rgba(0,0,0,.08);
  --tk-shadow-brand: 0 8px 32px rgba(26,127,156,.32);
  --tk-shadow-premium: 0 18px 48px rgba(17,19,22,.075);
  --tk-section-space: 6.5rem;
}

/* Shared component utilities. New templates should use these instead of inline styles. */
.tk-section-light{background:var(--tk-light);}
.tk-muted-copy{color:var(--tk-muted);}
.tk-accreditation-badge{
  border:1px solid var(--tk-border);
  border-radius:var(--tk-radius-sm);
  background:var(--tk-surface);
  color:var(--tk-text);
  font-size:.82rem;
  font-weight:700;
}
.tk-accreditation-badge .fa-award{color:var(--tk-indigo);}
.tk-contact-address{color:rgba(255,255,255,.72);line-height:1.8;font-style:normal;}
.tk-contact-address strong{color:#fff;}
.tk-dark-link{color:#fff;font-weight:600;}
.tk-dark-link:hover{color:#b0e4f2;}
.tk-no-decoration{text-decoration:none;}

html { overflow-x: hidden; max-width: 100vw; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--tk-text); -webkit-font-smoothing:antialiased; display:block !important; flex-grow:unset !important; overflow-x:hidden; max-width: 100vw; width: 100%; }
a { transition:color .15s; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(26,127,156,.45);
  outline-offset: 3px;
}

.skip-link {
  position: absolute;
  left: -999px;
  top: 1rem;
  z-index: 1100;
  background: var(--tk-surface);
  color: var(--tk-text);
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius-sm);
  padding: .55rem .85rem;
  font-size: .85rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: var(--tk-shadow-md);
}
.skip-link:focus,
.skip-link:focus-visible {
  left: 1rem;
  color: var(--tk-text);
}


/* ── Spacer ── */
.page-header-spacer { height: 80px; }

/* ============================================================
   NAVBAR overrides
   ============================================================ */
.navbar {
  border: 1px solid rgba(226,232,240,.88);
  border-radius: 999px !important;
  box-shadow: 0 18px 44px rgba(17,19,22,.11), 0 2px 8px rgba(17,19,22,.05) !important;
}
.navbar .container-fluid { padding-left: 1rem !important; padding-right: .75rem !important; }
.navbar-brand {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
}
.navbar-brand img { transition:opacity .2s; }
.navbar-brand img:hover { opacity:.8; }
.tk-site-logo { display:block; width:96px; height:auto; flex-shrink:0; }
.navbar-nav .nav-link {
  border-radius: 999px;
  color: rgba(31,35,38,.7);
  font-size: .86rem;
  font-weight: 650;
  line-height: 1;
  padding: .72rem .82rem !important;
  transition: background .18s, color .18s, box-shadow .18s;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active {
  background: rgba(26,127,156,.08);
  color: var(--tk-indigo);
}
.navbar-nav .nav-link.active {
  box-shadow: inset 0 0 0 1px rgba(26,127,156,.08);
}

/* ============================================================
   HERO
   ============================================================ */
.tk-hero {
  background: var(--tk-navy-3);
  position: relative;
  padding: 130px 0 100px;
}
.tk-hero::before {
  content:'';
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 60% 0%, rgba(26,127,156,.22) 0%, transparent 60%),
    radial-gradient(ellipse 40% 50% at 90% 70%, rgba(26,127,156,.12) 0%, transparent 60%);
  pointer-events:none;
}
.tk-hero::after {
  content:'';
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events:none;
}
.tk-hero-inner { position:relative; z-index:2; }

.tk-hero-globe{position:relative;margin:0;isolation:isolate;}
.tk-hero-globe::before{content:'';position:absolute;inset:8%;z-index:-1;border-radius:50%;background:rgba(26,127,156,.18);filter:blur(48px);}
.tk-hero-globe img,.tk-hero-globe canvas{display:block;width:100%;height:auto;max-width:520px;aspect-ratio:1;margin-inline:auto;mix-blend-mode:screen;filter:drop-shadow(0 24px 48px rgba(0,0,0,.28));}
.tk-hero-globe canvas{contain:strict;}
.tk-hero-globe canvas.tk-globe-failed{background:url('/assets/img/creative-tim-globe.webp') center/contain no-repeat;}

/* Hero typography */
.tk-hero-headline {
  font-size: clamp(2.8rem, 5.5vw, 4.2rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.03em;
  color: #fff;
  margin-bottom: 1.5rem;
}
.tk-hero-headline span,
.tk-hero .tk-label { color: var(--tk-accent-on-dark); }

.tk-hero-sub {
  font-size: 1.1rem;
  color: rgba(255,255,255,.55);
  line-height: 1.75;
  max-width: 520px;
  margin-bottom: 2.5rem;
}

/* ============================================================
   SECTION LABEL
   ============================================================ */
.tk-label {
  display: block;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--tk-indigo);
  margin-bottom: .75rem;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn-tk-primary {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: var(--tk-indigo);
  color: #fff !important;
  border: none;
  border-radius: var(--tk-radius-sm);
  font-weight: 600;
  font-size: .9rem;
  padding: .7rem 1.5rem;
  text-decoration: none;
  transition: background .18s, box-shadow .18s, transform .12s;
  cursor: pointer;
}
.btn-tk-primary:hover {
  background: var(--tk-indigo-dark);
  box-shadow: var(--tk-shadow-brand);
  transform: translateY(-1px);
}
.btn-tk-outline {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: transparent;
  color: rgba(255,255,255,.75) !important;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: var(--tk-radius-sm);
  font-weight: 600;
  font-size: .9rem;
  padding: .7rem 1.5rem;
  text-decoration: none;
  transition: background .18s, border-color .18s;
  cursor: pointer;
}
.btn-tk-outline:hover {
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.35);
  color: #fff !important;
}
.btn-tk-ghost {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: transparent;
  color: var(--tk-indigo) !important;
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius-sm);
  font-weight: 600;
  font-size: .875rem;
  padding: .6rem 1.25rem;
  text-decoration: none;
  transition: background .18s, border-color .18s;
}
.btn-tk-ghost:hover {
  background: var(--tk-indigo-tint);
  border-color: rgba(26,127,156,.3);
}
.btn-tk-secondary {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: var(--tk-surface);
  color: var(--tk-text) !important;
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius-sm);
  font-weight: 600;
  font-size: .9rem;
  padding: .7rem 1.5rem;
  text-decoration: none;
  transition: background .18s, border-color .18s, color .18s;
  cursor: pointer;
}
.btn-tk-secondary:hover {
  background: var(--tk-light);
  border-color: rgba(26,127,156,.3);
  color: var(--tk-indigo) !important;
}

/* ============================================================
   STATS BAR
   ============================================================ */
.tk-stats { display:flex; flex-wrap:wrap; gap:0; }
.tk-stat-item {
  flex: 1;
  min-width: 130px;
  text-align: center;
  padding: 1.75rem 1rem;
  border-right: 1px solid var(--tk-border);
  background: var(--tk-surface);
}
.tk-stat-item:last-child { border-right: none; }
.tk-stat-num {
  font-size: 2rem;
  font-weight: 800;
  color: var(--tk-indigo);
  line-height: 1;
  margin-bottom: .3rem;
}
.tk-stat-lbl { font-size: .78rem; color: var(--tk-muted); }

.tk-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2.75rem;
}
.tk-section-head h2 {
  max-width: 760px;
  letter-spacing: 0;
}

/* ============================================================
   SERVICE CARDS  (homepage)
   ============================================================ */
.tk-home-services {
  background:
    linear-gradient(180deg, #fff 0%, #f8f9fa 100%);
  padding-top: var(--tk-section-space) !important;
  padding-bottom: var(--tk-section-space) !important;
}
.tk-service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.35rem;
}
.tk-service-grid-2 { grid-template-columns: repeat(2, 1fr); }
.tk-service-grid-3 { grid-template-columns: repeat(3, 1fr); }
@media(max-width:767px) { .tk-service-grid { grid-template-columns: 1fr; } }
@media(min-width:768px) and (max-width:991px) { .tk-service-grid, .tk-service-grid-3 { grid-template-columns: repeat(2, 1fr); } }

.tk-service-cell {
  background: var(--tk-surface);
  padding: 2.15rem 1.85rem;
  text-decoration: none;
  color: inherit;
  display: block;
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius);
  box-shadow: 0 12px 34px rgba(17,19,22,.045);
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
.tk-service-cell:hover {
  border-color: rgba(26,127,156,.22);
  box-shadow: 0 14px 34px rgba(17,19,22,.08);
  transform: translateY(-3px);
}
.tk-service-cell:hover .tk-sc-arrow { transform: translateX(3px); }
.tk-service-cell-compact { text-align:center; padding:1.25rem; }
.tk-service-price { font-size:1.4rem; font-weight:800; color:var(--tk-indigo); line-height:1; margin-bottom:.3rem; }
.tk-service-price-sub { font-size:.78rem; color:var(--tk-muted); }
.tk-sc-icon {
  width: 40px; height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(26,127,156,.14), rgba(26,127,156,.05));
  display: flex; align-items: center; justify-content: center;
  color: var(--tk-indigo);
  font-size: .95rem;
  margin-bottom: 1.1rem;
}
.tk-sc-title { font-weight: 700; font-size: .95rem; color: var(--tk-text); margin-bottom: .35rem; }
.tk-sc-desc { font-size: .82rem; color: var(--tk-muted); line-height: 1.6; margin-bottom: .9rem; }
.tk-sc-link {
  font-size: .78rem;
  font-weight: 600;
  color: var(--tk-indigo);
  display: flex;
  align-items: center;
  gap: .3rem;
}
.tk-sc-arrow { transition: transform .18s; }

.tk-home-chooser {
  background: var(--tk-surface);
  padding-top: var(--tk-section-space) !important;
  padding-bottom: var(--tk-section-space) !important;
}
.tk-chooser-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
.tk-chooser-card {
  display: flex;
  min-width: 0;
  min-height: 322px;
  flex-direction: column;
  padding: 1.45rem;
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius);
  background:
    linear-gradient(180deg, #fff 0%, #fcfcfd 100%);
  color: inherit;
  text-decoration: none;
  box-shadow: 0 12px 34px rgba(17,19,22,.04);
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
.tk-chooser-card:hover {
  color: inherit;
  text-decoration: none;
  border-color: rgba(26,127,156,.24);
  box-shadow: 0 14px 34px rgba(17,19,22,.08);
  transform: translateY(-3px);
}
.tk-chooser-top {
  display: grid;
  gap: .6rem;
  margin-bottom: 1rem;
}
.tk-chooser-top h3 {
  margin: 0;
  color: var(--tk-text);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
}
.tk-chooser-top span {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  background: var(--tk-indigo-tint);
  color: var(--tk-indigo);
  padding: .28rem .65rem;
  font-size: .72rem;
  font-weight: 800;
}
.tk-chooser-copy {
  display: grid;
  gap: .8rem;
}
.tk-chooser-copy p {
  margin: 0;
  color: var(--tk-muted);
  font-size: .84rem;
  line-height: 1.65;
}
.tk-chooser-copy strong { color: var(--tk-text); }
.tk-chooser-link {
  margin-top: auto;
  padding-top: 1rem;
  color: var(--tk-indigo);
  font-size: .8rem;
  font-weight: 800;
}

/* ============================================================
   FEATURE ROW  (inner pages intro)
   ============================================================ */
.tk-feature-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .1px;
  background: var(--tk-border);
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius);
  overflow: hidden;
}
.tk-feature-row-2 { grid-template-columns: repeat(2, 1fr); }
.tk-feature-cell {
  background: var(--tk-surface);
  padding: 1.25rem 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: .9rem;
  transition: background .18s, transform .18s;
}
.tk-feature-cell:hover { background: var(--tk-light); transform: translateY(-1px); }
.tk-fc-icon {
  width: 34px; height: 34px;
  border-radius: 8px;
  background: var(--tk-indigo-tint);
  display: flex; align-items: center; justify-content: center;
  color: var(--tk-indigo);
  font-size: .8rem;
  flex-shrink: 0;
}
.tk-fc-title { font-weight: 600; font-size: .85rem; color: var(--tk-text); margin: 0 0 .15rem; }
.tk-fc-sub   { font-size: .78rem; color: var(--tk-muted); margin: 0; }

/* ============================================================
   WHY SECTION  (homepage)
   ============================================================ */
.tk-why-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media(max-width:767px) { .tk-why-row { grid-template-columns: 1fr; } }
.tk-home-why {
  background: var(--tk-navy);
  position: relative;
  overflow: hidden;
  padding-top: var(--tk-section-space) !important;
  padding-bottom: var(--tk-section-space) !important;
}
.tk-home-why::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 520px 260px at 12% 0%, rgba(26,127,156,.2), transparent 68%),
    radial-gradient(ellipse 420px 240px at 92% 72%, rgba(255,255,255,.06), transparent 70%);
  pointer-events: none;
}
.tk-home-why .container { position: relative; z-index: 1; }
.tk-home-why h2 { color: #fff; }
.tk-home-why-copy {
  color: rgba(255,255,255,.64);
  font-size: .98rem;
  line-height: 1.85;
  margin-bottom: 0;
}
.tk-home-why .tk-label { color: #5cc8e4; }
.tk-why-item { display:flex; gap:1rem; align-items:flex-start; }
.tk-wi-num {
  font-size: .7rem;
  font-weight: 800;
  color: var(--tk-indigo);
  letter-spacing: .06em;
  padding-top: .15rem;
  min-width: 22px;
}
.tk-wi-title { font-weight: 700; font-size: .95rem; color: var(--tk-text); margin-bottom: .3rem; }
.tk-wi-desc  { font-size: .875rem; color: var(--tk-muted); line-height: 1.65; margin: 0; }
.tk-home-why .tk-why-item {
  padding: 1.35rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: var(--tk-radius);
  background: rgba(255,255,255,.045);
}
.tk-home-why .tk-wi-num { color: #5cc8e4; }
.tk-home-why .tk-wi-title { color: #fff; }
.tk-home-why .tk-wi-desc { color: rgba(255,255,255,.62); }

/* ============================================================
   PRICING CARDS
   ============================================================ */
.tk-pricing {
  background: var(--tk-surface);
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: box-shadow .2s, transform .2s;
}
.tk-home-pricing {
  background:
    linear-gradient(180deg, #f8fafc 0%, #fff 42%, #fff 100%);
  padding-top: var(--tk-section-space) !important;
  padding-bottom: 5.75rem !important;
}
.tk-pricing:hover { box-shadow: var(--tk-shadow-md); transform: translateY(-3px); }
.tk-pricing-head { padding: 1.75rem 2rem 1.5rem; border-bottom: 1px solid var(--tk-border); }
.tk-pricing-head h3,.tk-pricing-head h5 { font-weight: 700; color: var(--tk-text); margin-bottom: .2rem; font-size: 1rem; }
.tk-pricing-head .sub { font-size: .8rem; color: var(--tk-muted); margin-bottom: 1.25rem; }
.tk-pricing-amount { display:flex; align-items:flex-end; gap:.1rem; }
.tk-pricing-amount .currency { font-size: .95rem; font-weight: 700; color: var(--tk-muted); padding-bottom: .45rem; }
.tk-pricing-amount .amount   { font-size: 2.5rem; font-weight: 800; color: var(--tk-text); line-height: 1; }
.tk-pricing-amount .period   { font-size: .78rem; color: var(--tk-muted); padding-bottom: .5rem; }
.tk-pricing-body { padding: 1.5rem 2rem; flex: 1; }
.tk-pricing-foot { padding: 0 2rem 1.75rem; }

.tk-pricing-featured {
  border: 2px solid var(--tk-indigo);
  box-shadow: 0 24px 58px rgba(26,127,156,.18);
  position: relative;
}
.tk-pricing-featured::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--tk-indigo), #2ca1c3);
}
.tk-pricing-featured .tk-pricing-amount .amount { color: var(--tk-indigo); }
.tk-pricing-badge {
  display: inline-block;
  background: var(--tk-indigo);
  color: #fff;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: .22rem .65rem;
  border-radius: 100px;
  margin-bottom: .7rem;
}
@media(max-width:991px) { .tk-pricing-featured { transform: none; } }

/* ============================================================
   FEATURE CHECK LIST
   ============================================================ */
.feature-check-list { list-style:none; padding:0; margin:0; }
.feature-check-list li {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  padding: .4rem 0;
  font-size: .85rem;
  color: var(--tk-text);
  border-bottom: 1px solid var(--tk-border);
}
.feature-check-list li:last-child { border-bottom: none; }
.feature-check-list li i { color: var(--tk-indigo); font-size: .7rem; margin-top: .3rem; flex-shrink:0; }
.feature-check-list-dark li { color:rgba(255,255,255,.75); border-bottom-color:rgba(255,255,255,.08); }
.feature-check-list-dark li:last-child { border-bottom:none; }
.feature-check-list-dark li i { color:var(--tk-indigo); }

/* ============================================================
   LOCATION CARDS
   ============================================================ */
.tk-locations { background: var(--tk-light); }
.location-card {
  background: var(--tk-surface);
  border: 1px solid var(--tk-border);
  border-top: 3px solid var(--tk-indigo);
  border-radius: var(--tk-radius);
  padding: 1.4rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  box-shadow: var(--tk-shadow-sm);
  transition: box-shadow .2s, transform .2s, border-top-color .2s;
  height: 100%;
}
.location-card:hover {
  box-shadow: var(--tk-shadow-md);
  transform: translateY(-3px);
}
.lc-flag { font-size: 2.2rem; line-height: 1; flex-shrink: 0; }
.location-card h3 { margin: 0 0 .2rem; font-weight: 700; font-size: .9rem; color: var(--tk-text); }
.location-card p  { margin: 0; font-size: .775rem; color: var(--tk-muted); line-height: 1.6; }
.lc-dot {
  width: 7px; height: 7px;
  background: #22c55e;
  border-radius: 50%;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: .42rem;
  box-shadow: 0 0 0 0 rgba(34,197,94,.5);
  animation: lc-pulse 2.4s ease-out infinite;
}
.lc-dot-pending {
  background: #f59e0b;
  animation: none;
}
@keyframes lc-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
  70%  { box-shadow: 0 0 0 6px rgba(34,197,94,0); }
  100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

/* ============================================================
   DARK CARD
   ============================================================ */
.tk-dark-card {
  background: var(--tk-navy-2);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: var(--tk-radius);
  padding: 2rem 2rem;
}
.tk-dark-card :is(h2, h3, h4, h5, h6) { color: #fff; font-weight: 700; }
.tk-dark-card p, .tk-dark-card .tk-feature p { color: #cdd2d6; font-size: .875rem; line-height: 1.7; }
.tk-dark-card .tk-icon { color: #9cdcef; }

/* ============================================================
   INLINE CARD  (generic white card)
   ============================================================ */
.tk-card {
  background: var(--tk-surface);
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius);
  padding: 1.75rem;
  height: 100%;
  transition: box-shadow .2s, transform .2s, border-color .2s;
}
.tk-card:hover { box-shadow: var(--tk-shadow-md); transform: translateY(-3px); border-color: rgba(26,127,156,.18); }
.tk-card h5 { font-weight: 700; color: var(--tk-text); margin-bottom: .4rem; font-size: 1rem; }
.tk-card p  { color: var(--tk-muted); font-size: .875rem; line-height: 1.65; }
.tk-link {
  color: var(--tk-indigo);
  font-weight: 600;
  font-size: .85rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .3rem;
}
.tk-link:hover { text-decoration: underline; }

/* Icon used in tk-card */
.tk-icon {
  width: 42px; height: 42px;
  border-radius: 10px;
  background: var(--tk-indigo-tint);
  display: flex; align-items: center; justify-content: center;
  color: var(--tk-indigo);
  font-size: .95rem;
  flex-shrink: 0;
  margin-bottom: 1.1rem;
}
.tk-icon-sm { width: 34px; height: 34px; border-radius: 8px; font-size: .8rem; margin-bottom: 0; }
.tk-icon-lg { width: 52px; height: 52px; border-radius: 13px; font-size: 1.1rem; margin-bottom: 1.25rem; }

/* ============================================================
   FEATURE ITEM (icon + text, no card border)
   ============================================================ */
.tk-feature { display:flex; align-items:flex-start; gap:.9rem; margin-bottom:1.5rem; }
.tk-feature:last-child { margin-bottom:0; }
.tk-feature h6 { font-weight:700; color:var(--tk-text); margin-bottom:.2rem; font-size:.9rem; }
.tk-feature p  { color:var(--tk-muted); font-size:.85rem; line-height:1.65; margin:0; }

/* ============================================================
   STAT BOX
   ============================================================ */
.tk-stat {
  text-align: center;
  padding: 1.5rem 1rem;
  background: var(--tk-surface);
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius);
}
.tk-stat-number { font-size: 2rem; font-weight: 800; color: var(--tk-indigo); line-height: 1; }
.tk-stat-label  { font-size: .75rem; color: var(--tk-muted); margin-top: .3rem; }

/* ============================================================
   PAGE HEADER (inner pages)
   ============================================================ */
.page-header {
  display: block !important;
  padding: 5rem 0 4.25rem !important;
  background: var(--tk-navy) !important;
  position: relative;
  overflow: hidden;
  min-height: 0 !important;
}
.page-header::before {
  content:'';
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 720px 340px at 84% 30%, rgba(26,127,156,.2) 0%, transparent 68%),
    radial-gradient(ellipse 420px 220px at 8% 100%, rgba(255,255,255,.055) 0%, transparent 70%),
    radial-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: auto, auto, 32px 32px;
  pointer-events:none;
}
.page-header .container { position: relative; z-index: 1; }
.page-header .breadcrumb {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: .5rem !important;
}
.page-header .breadcrumb-item,
.page-header .breadcrumb-item a,
.page-header .breadcrumb-item.active { color: rgba(255,255,255,.45) !important; font-size: .78rem; }
.page-header .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,.25) !important; }
.page-header h1 { max-width: 900px; color: #fff; font-weight: 850; font-size: clamp(2.25rem, 4vw, 3.35rem); margin-top: .4rem; letter-spacing: 0; overflow-wrap:anywhere; }
.page-header-sub { max-width: 760px; margin: 1rem 0 0; color: rgba(255,255,255,.66); font-size: 1.02rem; line-height: 1.8; }
.page-header-meta { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin-top:.75rem; color:rgba(255,255,255,.58); font-size:.85rem; }
.page-header-meta a { color: var(--tk-indigo); text-decoration:none; }
.page-header-tags { display:flex; gap:.45rem; flex-wrap:wrap; }
.page-header-meta .page-header-tag { display:inline-flex; align-items:center; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#c2ebf5; background:rgba(26,127,156,.12); border:1px solid rgba(156,220,239,.35); border-radius:999px; padding:.3rem .7rem; text-decoration:none; }
.page-header-meta .page-header-tag:hover { color:#fff; background:var(--tk-indigo); border-color:var(--tk-indigo); }

.tk-section-light { background:linear-gradient(180deg,#f8fafc 0%,#f7f8f9 100%); }
.tk-section-white { background:var(--tk-surface); }
.tk-copy { color:var(--tk-muted); line-height:1.8; }
.tk-lead-copy { color:var(--tk-muted); font-size:1.05rem; line-height:1.8; }
.tk-muted-copy { color:var(--tk-muted); }
.tk-empty-note { color:var(--tk-muted); font-size:1.05rem; }
.tk-dark-card-heading { color:#fff; font-weight:700; margin-bottom:1rem; }
.tk-dark-card-sub { color:rgba(255,255,255,.55); font-size:.875rem; }

/* ============================================================
   CTA SECTION
   ============================================================ */
.tk-cta {
  background: var(--tk-navy);
  border-radius: var(--tk-radius);
  padding: 3.5rem;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.tk-cta::before {
  content:'';
  position:absolute; inset:0;
  background: radial-gradient(ellipse 70% 80% at 50% 50%, rgba(26,127,156,.18) 0%, transparent 70%);
  pointer-events:none;
}
.tk-cta h2, .tk-cta h3 { position:relative; z-index:1; }
.tk-cta p { position:relative; z-index:1; color:rgba(255,255,255,.58); }
.tk-cta .tk-cta-btns { position:relative; z-index:1; display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

.tk-home-migration {
  background:
    linear-gradient(180deg, #fff 0%, #f8f9fa 100%);
  padding-top: 5.5rem !important;
  padding-bottom: var(--tk-section-space) !important;
}
.tk-migration-strip {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 1.25rem;
  padding: 1.6rem;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background:
    radial-gradient(ellipse 520px 220px at 82% 0%, rgba(26,127,156,.32), transparent 68%),
    linear-gradient(135deg, var(--tk-navy) 0%, var(--tk-navy-2) 100%);
  box-shadow: 0 18px 48px rgba(28,31,34,.2);
  overflow: hidden;
  position: relative;
}
.tk-migration-strip::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 26px 26px;
  pointer-events: none;
}
.tk-migration-strip > * { position: relative; z-index: 1; }
.tk-migration-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.1);
  color: #fff;
  border: 1px solid rgba(255,255,255,.12);
}
.tk-migration-strip .tk-label { margin-bottom: .45rem; color: #7fd4ea; }
.tk-migration-strip h2 {
  margin: 0;
  color: #fff;
  font-size: 1.55rem;
  font-weight: 800;
  letter-spacing: 0;
}
.tk-migration-strip p {
  margin: .35rem 0 0;
  color: rgba(255,255,255,.66);
  font-size: .98rem;
  line-height: 1.7;
}
.tk-migration-strip .btn-tk-primary {
  box-shadow: none;
  white-space: nowrap;
}
.tk-migration-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 1.25rem;
}
.tk-migration-step {
  min-width: 0;
  padding: 1.35rem;
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius);
  background: var(--tk-surface);
  box-shadow: 0 12px 34px rgba(17,19,22,.04);
}
.tk-migration-step span {
  display: block;
  margin-bottom: .6rem;
  color: var(--tk-indigo);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.tk-migration-step h3 {
  margin: 0 0 .45rem;
  color: var(--tk-text);
  font-size: .96rem;
  font-weight: 800;
}
.tk-migration-step p {
  margin: 0;
  color: var(--tk-muted);
  font-size: .84rem;
  line-height: 1.65;
}

.tk-home-content {
  background: var(--tk-light);
  padding-top: var(--tk-section-space) !important;
  padding-bottom: var(--tk-section-space) !important;
}
.tk-home-content-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}
.tk-home-content-card {
  display: flex;
  min-width: 0;
  min-height: 220px;
  flex-direction: column;
  padding: 1.55rem;
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius);
  background: var(--tk-surface);
  color: inherit;
  text-decoration: none;
  box-shadow: 0 12px 34px rgba(17,19,22,.04);
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
.tk-home-contact {
  background: var(--tk-surface);
  padding-top: var(--tk-section-space) !important;
  padding-bottom: var(--tk-section-space) !important;
}
.tk-home-content-card:hover {
  color: inherit;
  text-decoration: none;
  border-color: rgba(26,127,156,.24);
  box-shadow: 0 14px 34px rgba(17,19,22,.08);
  transform: translateY(-3px);
}
.tk-home-content-card span {
  color: var(--tk-indigo);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
}
.tk-home-content-card h3 {
  margin: 0 0 .65rem;
  color: var(--tk-text);
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.35;
}
.tk-home-content-card p {
  margin: 0;
  color: var(--tk-muted);
  font-size: .86rem;
  line-height: 1.7;
}
.tk-home-content-card strong {
  margin-top: auto;
  padding-top: 1rem;
  color: var(--tk-indigo);
  font-size: .8rem;
}
.tk-contact-intro {
  max-width: 430px;
  margin: 0;
  color: var(--tk-muted);
  font-size: .92rem;
  line-height: 1.75;
}

/* ============================================================
   BACK TO TOP
   ============================================================ */
.back-to-top {
  position: fixed;
  bottom: 1.5rem; right: 1.5rem;
  width: 38px; height: 38px;
  background: var(--tk-indigo);
  color: #fff;
  border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  font-size: .85rem;
  text-decoration: none;
  opacity: 0; visibility: hidden;
  transition: all .22s;
  z-index: 1000;
  box-shadow: var(--tk-shadow-brand);
}
.back-to-top.active { opacity:1; visibility:visible; }
.back-to-top:hover  { transform:translateY(-2px); color:#fff; }

/* ============================================================
   POLICY PAGES
   ============================================================ */
.policy-content h5 { color:var(--tk-text); font-weight:700; margin:2rem 0 .5rem; font-size:.95rem; }
.policy-card { background:var(--tk-surface); border:1px solid var(--tk-border); border-radius:var(--tk-radius); padding:2.5rem; }
.policy-content h5:first-child { margin-top:0; }
.policy-content p, .policy-content li { color:var(--tk-muted); font-size:.875rem; line-height:1.9; }
.policy-content a { color:var(--tk-indigo); }
.policy-content ul, .policy-content ol { padding-left:1.2rem; }
.policy-content strong { color:var(--tk-text); }
.policy-reminder { margin-top:1rem; }
.policy-updated { color:var(--tk-muted); font-size:.8rem; margin-top:.5rem; }

/* ============================================================
   BLOG
   ============================================================ */
.tk-blog-featured{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:1.25rem;margin-bottom:2rem;}
.tk-featured-hero{position:relative;display:flex;min-height:360px;overflow:hidden;border-radius:14px;text-decoration:none;color:#fff;background:var(--tk-navy);}
.tk-featured-hero:hover{color:#fff;text-decoration:none;}
.tk-featured-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.tk-featured-hero:hover img{transform:scale(1.035);}
.tk-featured-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,31,34,.92) 0%,rgba(28,31,34,.72) 46%,rgba(28,31,34,.25) 100%);}
.tk-featured-hero-body{position:relative;z-index:2;align-self:flex-end;max-width:650px;padding:2rem;}
.tk-featured-kicker{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.28rem .65rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.1);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.tk-featured-title{font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.12;font-weight:800;margin-bottom:.75rem;color:#fff;}
.tk-featured-summary{font-size:.98rem;line-height:1.75;color:rgba(255,255,255,.76);margin-bottom:1rem;}
.tk-featured-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;color:rgba(255,255,255,.72);font-size:.8rem;}
.tk-featured-side{display:grid;gap:1rem;}
.tk-featured-mini{display:flex;gap:1rem;align-items:center;border:1px solid var(--tk-border);border-radius:12px;background:var(--tk-surface);padding:1rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;}
.tk-featured-mini:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.08);color:inherit;text-decoration:none;}
.tk-featured-mini img{width:82px;height:82px;border-radius:8px;object-fit:contain;background:var(--tk-surface);flex:0 0 auto;}
.tk-featured-mini h3{font-size:.95rem;font-weight:750;line-height:1.35;margin:0 0 .35rem;color:var(--tk-text);}
.tk-featured-mini p{font-size:.78rem;line-height:1.55;color:var(--tk-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tk-blog-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;}
.tk-blog-section-head h2{font-size:1.2rem;font-weight:750;margin:0;color:var(--tk-text);}
.tk-blog-section-head p{font-size:.86rem;color:var(--tk-muted);margin:0;}
.tk-blog-card{display:flex;flex-direction:column;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;height:100%;}
.tk-blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.09);color:inherit;text-decoration:none;}
.tk-blog-thumb{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--tk-light);}
.tk-blog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s;background:var(--tk-surface);}
.tk-blog-card:hover .tk-blog-thumb img{transform:scale(1.04);}
.tk-blog-thumb-placeholder{display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--tk-indigo);opacity:.2;}
.tk-blog-body{padding:1.25rem;display:flex;flex-direction:column;flex:1;}
.tk-blog-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.6rem;}
.tk-blog-title{font-size:1rem;font-weight:700;color:var(--tk-text);margin-bottom:.5rem;line-height:1.4;}
.tk-blog-summary{font-size:.85rem;color:var(--tk-muted);line-height:1.65;flex:1;margin-bottom:.85rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.tk-blog-meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--tk-muted);margin-top:auto;}
.tk-blog-more{color:var(--tk-indigo);font-weight:600;}
.blog-filter-row{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:.15rem;}
.blog-filter-row .blog-filter-btn{flex:0 0 auto;}
.blog-filter-btn{border:1px solid var(--tk-border);background:var(--tk-surface);color:var(--tk-muted);border-radius:20px;padding:.3rem .9rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap;}
.blog-filter-btn:hover,.blog-filter-btn.active{background:var(--tk-indigo);border-color:var(--tk-indigo);color:#fff;}
#bl-search{border:1px solid var(--tk-border);border-radius:8px;padding:.45rem 1rem;font-size:.875rem;outline:none;width:240px;transition:border-color .15s;}
#bl-search:focus{border-color:var(--tk-indigo);}
.bl-search-form{display:flex;gap:.5rem;align-items:center;}
.bl-search-btn{border:0;border-radius:8px;background:var(--tk-indigo);color:#fff;font-size:.82rem;font-weight:700;padding:.5rem .85rem;}
#bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
#bl-none{display:none;grid-column:1/-1;padding:3rem;text-align:center;color:var(--tk-muted);}
.tk-blog-pagination{display:flex;justify-content:center;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:2rem;}
.tk-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:2.35rem;height:2.35rem;padding:0 .8rem;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface);color:var(--tk-muted);font-size:.85rem;font-weight:650;text-decoration:none;transition:all .15s;}
.tk-page-link:hover,.tk-page-link.active{background:var(--tk-indigo);border-color:var(--tk-indigo);color:#fff;text-decoration:none;}
.tk-page-link.disabled{opacity:.45;pointer-events:none;}
.tk-page-summary{text-align:center;color:var(--tk-muted);font-size:.84rem;margin-top:1rem;}
.tk-blog-content{color:var(--tk-text);font-size:1rem;line-height:1.85;}
.tk-blog-content h2,.tk-blog-content h3,.tk-blog-content h4{font-weight:700;margin-top:2.25rem;margin-bottom:.75rem;color:var(--tk-text);}
.tk-blog-content p{margin-bottom:1.25rem;}
.tk-blog-content a{color:var(--tk-indigo);text-decoration:underline;}
.tk-blog-content a:hover{color:var(--tk-indigo-dark);}
.tk-blog-content img{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:8px;margin:1.5rem auto;}
.tk-blog-content pre{background:var(--tk-light);border:1px solid var(--tk-border);border-radius:8px;padding:1rem 1.25rem;overflow-x:auto;margin-bottom:1.25rem;font-size:.875rem;}
.tk-blog-content code{background:var(--tk-light);color:#a91e63;border-radius:4px;padding:.15rem .4rem;font-size:.875em;font-family:ui-monospace,monospace;overflow-wrap:anywhere;}
.tk-blog-content pre code{background:none;padding:0;font-size:inherit;}
.tk-blog-content ul,.tk-blog-content ol{padding-left:1.5rem;margin-bottom:1.25rem;}
.tk-blog-content li{margin-bottom:.5rem;}
.tk-blog-content blockquote{border-left:3px solid var(--tk-indigo);padding:.75rem 1.25rem;margin:1.5rem 0;background:var(--tk-light);border-radius:0 8px 8px 0;color:var(--tk-muted);font-style:italic;}
.tk-blog-content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin-bottom:1.25rem;font-size:.9rem;}
.tk-blog-content th,.tk-blog-content td{padding:.6rem .85rem;border:1px solid var(--tk-border);text-align:left;}
.tk-blog-content th{background:var(--tk-light);font-weight:600;}
.tk-post-hero-img{width:100%;max-height:420px;object-fit:contain;border-radius:12px;display:block;background:var(--tk-surface);}
.tk-article-section{padding:4rem 0;background:var(--tk-surface);}
.tk-article-layout{display:grid;grid-template-columns:minmax(0,800px);gap:1.5rem;justify-content:center;}
.tk-article-card{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:2.5rem;}
.tk-post-media-band{background:var(--tk-light);border-bottom:1px solid var(--tk-border);}
.tk-post-media-inner{max-width:900px;padding-top:2rem;padding-bottom:2rem;}
.tk-post-nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid var(--tk-border);}
.tk-post-nav-link{max-width:48%;text-align:left;}
.tk-post-nav-link-next{text-align:right;}
.tk-post-nav-label{font-size:.7rem;color:var(--tk-muted);display:block;margin-bottom:.2rem;}
.tk-related-section{background:var(--tk-light);border-top:1px solid var(--tk-border);padding:3rem 0;}
.tk-related-section h2{font-size:1.15rem;font-weight:700;margin-bottom:1.5rem;color:var(--tk-text);}
.tk-related-card-img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--tk-surface);}
.tk-related-label{font-size:.62rem;margin-bottom:.4rem;display:inline-block;}
.tk-post-supporting-links{margin-top:2rem;padding:1.25rem;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-light);}
.tk-post-supporting-links h2{font-size:1rem;font-weight:700;margin:0 0 .85rem;color:var(--tk-text);}
.tk-post-supporting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;}
.tk-post-supporting-grid a{display:flex;align-items:center;min-height:44px;padding:.7rem .85rem;border:1px solid var(--tk-border);border-radius:8px;background:var(--tk-surface);color:var(--tk-indigo);font-weight:650;text-decoration:none;line-height:1.3;}
.tk-post-supporting-grid a:hover{border-color:rgba(26,127,156,.35);box-shadow:0 4px 14px rgba(26,127,156,.08);text-decoration:none;}
@media (max-width:575.98px){.tk-post-supporting-grid{grid-template-columns:1fr;}}
.tk-related-card{display:flex;flex-direction:column;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;}
.tk-related-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08);color:inherit;text-decoration:none;}
.tk-related-card-body{padding:1rem;}
.tk-related-card-title{font-size:.9rem;font-weight:700;color:var(--tk-text);margin-bottom:.35rem;line-height:1.4;}
.tk-related-card-date{font-size:.75rem;color:var(--tk-muted);}

/* ============================================================
   GUIDES
   ============================================================ */
.guides-hero-sub{max-width:620px;margin:.65rem 0 0;color:rgba(255,255,255,.55);font-size:.95rem;line-height:1.7;}
.guides-section{padding:4rem 0;background:var(--tk-surface);}
.guides-section,.guides-section *{min-width:0;}
.guides-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;}
.guides-filter-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;}
.guide-filter-btn{border:1px solid var(--tk-border);background:var(--tk-surface);color:var(--tk-muted);border-radius:20px;padding:.3rem .9rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;}
.guide-filter-btn:hover,.guide-filter-btn.active{background:var(--tk-indigo);border-color:var(--tk-indigo);color:#fff;}
.guides-search{display:flex;align-items:center;gap:.55rem;width:260px;border:1px solid var(--tk-border);border-radius:8px;padding:0 .8rem;background:var(--tk-surface);transition:border-color .15s;}
.guides-search i{font-size:.82rem;color:var(--tk-muted);}
#gd-search{border:0;padding:.45rem 0;font-size:.875rem;outline:none;width:100%;min-width:0;color:var(--tk-text);background:transparent;}
#gd-search::placeholder{color:#94a3b8;}
.guides-search:focus-within{border-color:var(--tk-indigo);}
.guides-intro{color:var(--tk-muted);margin-bottom:1.5rem;font-size:.9rem;}
.guides-intro a{color:var(--tk-indigo);font-weight:650;text-decoration:none;}
.guides-intro a:hover{text-decoration:underline;}
#gd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;}
#gd-none{grid-column:1/-1;padding:3rem;text-align:center;color:var(--tk-muted);}
.tk-filter-count{font-size:.875rem;color:var(--tk-muted);margin-bottom:1.25rem;}
.guide-card[hidden],#gd-none[hidden],#dk-none[hidden],.domains-pricing-table[hidden],.domains-pricing-table tr[hidden]{display:none!important;}
.guide-card{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;min-height:230px;transition:box-shadow .15s,transform .15s,border-color .15s;text-decoration:none;color:inherit;}
.guide-card:hover{box-shadow:var(--tk-shadow-md);transform:translateY(-3px);border-color:rgba(26,127,156,.18);color:inherit;text-decoration:none;}
.guide-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.guide-card-icon{width:42px;height:42px;border-radius:10px;background:var(--tk-indigo-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--tk-indigo);}
.guide-card-icon i{font-size:.95rem;color:var(--tk-indigo);}
.guide-cat-badge{display:inline-flex;align-items:center;max-width:100%;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tk-indigo);background:rgba(26,127,156,.08);border-radius:20px;padding:.22rem .7rem;line-height:1.2;white-space:nowrap;}
.guide-card h2{font-size:1rem;font-weight:700;margin:0;color:var(--tk-text);line-height:1.4;}
.guide-card p{font-size:.875rem;color:var(--tk-muted);line-height:1.7;margin:0;}
.guide-read{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--tk-indigo);margin-top:auto;}
.guide-read i{font-size:.7rem;transition:transform .16s;}
.guide-card:hover .guide-read i{transform:translateX(3px);}
.guide-article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,340px);gap:1.5rem;align-items:start;}
.guide-article-main{min-width:0;}
.guide-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;}
.guide-updated{display:inline-flex;align-items:center;font-size:.8rem;font-weight:600;color:var(--tk-muted);}
.guide-prose{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:2.5rem;}
.guide-prose h2{font-size:1.35rem;font-weight:700;color:var(--tk-text);margin:2.25rem 0 .75rem;line-height:1.35;}
.guide-prose h2:first-child{margin-top:0;}
.guide-prose h3{font-size:1.1rem;font-weight:600;color:var(--tk-text);margin:1.75rem 0 .5rem;}
.guide-prose p{color:var(--tk-muted);line-height:1.8;margin-bottom:1rem;}
.guide-prose ul,.guide-prose ol{color:var(--tk-muted);line-height:1.8;margin-bottom:1rem;padding-left:1.5rem;}
.guide-prose li{margin-bottom:.4rem;}
.guide-prose a{color:var(--tk-indigo);font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.guide-prose code{background:var(--tk-light);border:1px solid var(--tk-border);border-radius:4px;padding:.1em .4em;font-size:.875em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--tk-text);}
.guide-prose pre{background:#16181b;color:#e8eaf0;border-radius:var(--tk-radius);padding:1.25rem 1.5rem;overflow-x:auto;margin-bottom:1.25rem;}
.guide-prose pre code{background:none;border:none;padding:0;font-size:.85rem;color:inherit;}
.guide-prose .callout{background:rgba(26,127,156,.06);border-left:3px solid var(--tk-indigo);border-radius:0 var(--tk-radius) var(--tk-radius) 0;padding:1rem 1.25rem;margin-bottom:1.25rem;}
.guide-prose .callout p{margin:0;color:var(--tk-text);}
.guide-prose strong{color:var(--tk-text);}
.guide-back{margin-top:1.25rem;}
.guide-article-aside{position:sticky;top:108px;}
.guide-related{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:1.25rem;}
.guide-related h2{font-size:.95rem;font-weight:700;color:var(--tk-text);margin:0 0 1rem;}
.guide-related-list{display:flex;flex-direction:column;gap:.75rem;}
.related-card{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:1rem;display:flex;gap:.85rem;align-items:flex-start;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s;}
.related-card:hover{box-shadow:0 4px 20px rgba(26,127,156,.09);border-color:rgba(26,127,156,.22);color:inherit;text-decoration:none;}
.related-card-icon{width:36px;height:36px;border-radius:8px;background:rgba(26,127,156,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.related-card-icon i{font-size:.95rem;color:var(--tk-indigo);}
.related-card-title{font-weight:600;font-size:.9rem;margin:0 0 .2rem;color:var(--tk-text);line-height:1.35;}
.related-card-text{font-size:.8rem;color:var(--tk-muted);margin:0;line-height:1.6;}

/* ============================================================
   FAQS AND TOPIC HUBS
   ============================================================ */
.tk-faq-list{display:grid;gap:.85rem;}
.tk-faq-item{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius-sm);padding:1rem 1.15rem;}
.tk-faq-item summary{cursor:pointer;font-weight:700;color:var(--tk-text);}
.tk-faq-item p{color:var(--tk-muted);line-height:1.75;margin:.75rem 0 0;}
.tk-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.tk-topic-card{display:flex;flex-direction:column;gap:.65rem;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:1.5rem;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s;}
.tk-topic-card:hover{box-shadow:var(--tk-shadow-md);transform:translateY(-2px);color:inherit;text-decoration:none;}
.tk-topic-card h2,.tk-topic-card h3{font-size:1.05rem;margin:0;color:var(--tk-text);font-weight:750;}
.tk-topic-card p{font-size:.875rem;color:var(--tk-muted);line-height:1.7;margin:0;}
.tk-topic-links{display:grid;gap:.75rem;}
.tk-topic-link{display:block;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius-sm);padding:1rem 1.15rem;text-decoration:none;color:inherit;}
.tk-topic-link:hover{border-color:rgba(26,127,156,.35);color:inherit;text-decoration:none;}
.tk-topic-link strong{display:block;color:var(--tk-text);margin-bottom:.25rem;}
.tk-topic-link span{display:block;color:var(--tk-muted);font-size:.86rem;line-height:1.65;}

/* ============================================================
   WHAT CAN I HOST
   ============================================================ */
.wch-section{padding:3.5rem 0;background:var(--tk-surface);}
.wch-section,.wch-section *{min-width:0;}
.wch-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:2rem;align-items:end;margin-bottom:1.5rem;}
.wch-intro h2{font-size:1.65rem;font-weight:800;color:var(--tk-text);margin:0 0 .75rem;letter-spacing:0;}
.wch-intro p{max-width:820px;color:var(--tk-muted);font-size:.98rem;line-height:1.8;margin:0;}
.wch-stat-panel{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--tk-border);border-radius:var(--tk-radius);overflow:hidden;background:var(--tk-surface);}
.wch-stat-panel div{padding:1rem;border-right:1px solid var(--tk-border);}
.wch-stat-panel div:last-child{border-right:0;}
.wch-stat-panel strong{display:block;color:var(--tk-indigo);font-size:1.45rem;font-weight:800;line-height:1;}
.wch-stat-panel span{display:block;color:var(--tk-muted);font-size:.72rem;line-height:1.4;margin-top:.3rem;}
.wch-search-panel{background:rgba(255,255,255,.96);border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:1rem;margin-bottom:1.25rem;box-shadow:var(--tk-shadow-sm);}
.wch-search{display:flex;align-items:center;gap:.7rem;border:1px solid var(--tk-border);border-radius:10px;background:var(--tk-surface);padding:0 .95rem;margin-bottom:.85rem;}
.wch-search i{color:var(--tk-muted);font-size:.9rem;}
#wch-search{width:100%;border:0;outline:none;padding:.75rem 0;background:transparent;color:var(--tk-text);font-size:.95rem;}
#wch-search::placeholder{color:#94a3b8;}
.wch-search:focus-within{border-color:var(--tk-indigo);box-shadow:0 0 0 3px rgba(26,127,156,.08);}
.wch-category-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-bottom:.15rem;}
.wch-filter{flex:0 0 auto;border:1px solid var(--tk-border);background:var(--tk-surface);color:var(--tk-muted);border-radius:999px;padding:.35rem .85rem;font-size:.8rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s;}
.wch-filter:hover,.wch-filter.active{background:var(--tk-indigo);border-color:var(--tk-indigo);color:#fff;}
.wch-meta-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.85rem;color:var(--tk-muted);font-size:.82rem;}
.wch-meta-row a{color:var(--tk-indigo);font-weight:700;text-decoration:none;}
.wch-meta-row a:hover{text-decoration:underline;}
.wch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.wch-card{display:flex;flex-direction:column;gap:.85rem;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:1.1rem;box-shadow:0 1px 0 rgba(17,19,22,.02);transition:border-color .15s,box-shadow .15s,transform .15s;}
.wch-card:hover{border-color:rgba(26,127,156,.22);box-shadow:var(--tk-shadow-md);transform:translateY(-2px);}
.wch-card[hidden]{display:none!important;}
.wch-card-head{display:flex;align-items:center;gap:.85rem;}
.wch-icon{width:44px;height:44px;border-radius:10px;background:var(--tk-indigo-tint);display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--tk-indigo);}
.wch-icon i{color:var(--tk-indigo);font-size:1rem;}
.wch-category{display:inline-flex;margin-bottom:.25rem;color:var(--tk-indigo);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.wch-card h3{font-size:1.05rem;font-weight:800;color:var(--tk-text);margin:0;line-height:1.35;}
.wch-fit{border:1px solid rgba(26,127,156,.16);background:rgba(26,127,156,.055);border-radius:8px;padding:.72rem;}
.wch-fit span{display:block;color:var(--tk-muted);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;}
.wch-fit strong{display:block;color:var(--tk-text);font-size:.92rem;line-height:1.4;}
.wch-recommended{color:var(--tk-text);font-size:.88rem;font-weight:700;line-height:1.55;margin:0;}
.wch-req h4{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--tk-muted);margin:0 0 .5rem;}
.wch-req ul{display:grid;gap:.35rem;list-style:none;margin:0;padding:0;}
.wch-req li{position:relative;color:var(--tk-muted);font-size:.82rem;line-height:1.55;padding-left:1rem;}
.wch-req li::before{content:'';position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--tk-indigo);}
.wch-notes,.wch-support{color:var(--tk-muted);font-size:.86rem;line-height:1.7;margin:0;}
.wch-support{padding-top:.85rem;border-top:1px solid var(--tk-border);}
.wch-links{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:auto;}
.wch-links a{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--tk-border);border-radius:8px;padding:.45rem .65rem;color:var(--tk-indigo);font-size:.78rem;font-weight:750;text-decoration:none;background:var(--tk-surface);}
.wch-links a:hover{border-color:rgba(26,127,156,.35);background:var(--tk-indigo-tint);text-decoration:none;}
.wch-links i{font-size:.65rem;}
.wch-empty{display:none;text-align:center;border:1px dashed rgba(26,127,156,.35);border-radius:var(--tk-radius);background:var(--tk-light);padding:2.5rem;margin-top:1rem;}
.wch-empty h2{font-size:1.15rem;font-weight:800;color:var(--tk-text);margin:0 0 .65rem;}
.wch-empty p{max-width:720px;margin:0 auto 1.25rem;color:var(--tk-muted);line-height:1.75;}
.wch-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.wch-decision-card{background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:1.25rem;}
.wch-decision-card h3{font-size:1rem;font-weight:800;color:var(--tk-text);margin:0 0 .65rem;}
.wch-decision-card p{color:var(--tk-muted);font-size:.9rem;line-height:1.75;margin:0 0 1rem;}
.wch-decision-card a{color:var(--tk-indigo);font-weight:750;text-decoration:none;}
.wch-decision-card a:hover{text-decoration:underline;}

.vps-os-cell{padding:.75rem .5rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:88px;}
.vps-os-cell i{font-size:1.4rem;color:rgba(255,255,255,.6);display:block;margin-bottom:.25rem;}
.vps-os-cell p{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.75);margin:0;text-align:center;}

.domains-pricing-table{width:100%;border-collapse:collapse;font-size:.875rem;}
.domains-pricing-table thead tr:first-child th{background:var(--tk-navy);color:#fff;padding:.75rem 1.25rem;font-weight:700;text-align:left;}
.domains-pricing-table thead tr:first-child th:not(:first-child){text-align:right;}
.domains-pricing-table thead tr:last-child th{background:#16181b;color:rgba(255,255,255,.55);padding:.4rem 1.25rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;}
.domains-pricing-table thead tr:last-child th:not(:first-child){text-align:right;}
.domains-pricing-fallback thead tr:last-child th{background:var(--tk-navy);color:#fff;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;text-transform:none;letter-spacing:0;}
.domains-pricing-table tbody tr{border-top:1px solid var(--tk-border);transition:background .1s;}
.domains-pricing-table tbody tr:hover{background:rgba(26,127,156,.04);}
.domains-pricing-table tbody td{padding:.65rem 1.25rem;color:var(--tk-text);}
.domains-pricing-table tbody td:first-child{font-weight:700;color:var(--tk-indigo);}
.domains-pricing-table tbody td:not(:first-child){text-align:right;}
.domains-pricing-card{border:1px solid var(--tk-border);border-radius:var(--tk-radius);overflow:hidden;background:var(--tk-surface);}
.domains-pricing-status{margin:0;padding:.85rem 1rem;border-bottom:1px solid var(--tk-border);color:var(--tk-muted);font-size:.82rem;line-height:1.5;background:var(--tk-light);}
.domains-pricing-scroll{width:100%;overflow-x:auto;}
.domains-pricing-register{font-size:.75rem;font-weight:600;color:var(--tk-indigo);white-space:nowrap;text-decoration:none;}
.domains-scroll-hint{display:none;}
@media(max-width:575px){.domains-scroll-hint{display:block;color:var(--tk-muted);font-size:.8rem;padding:0 1rem;}}
.domains-pricing-register:hover{text-decoration:underline;}
.domains-pricing-note{font-size:.75rem;color:var(--tk-muted);margin-top:.75rem;}
#dk-search{border:1px solid var(--tk-border);border-radius:8px;padding:.45rem 1rem;font-size:.875rem;outline:none;width:220px;transition:border-color .15s;}
#dk-search:focus{border-color:var(--tk-indigo);}
#dk-none{padding:2.5rem;text-align:center;color:var(--tk-muted);}

/* ============================================================
   SITE-WIDE PREMIUM SURFACE PASS
   ============================================================ */
main > section.py-6,
main > section.guides-section,
main > section.wch-section,
main > section.tk-article-section {
  padding-top: var(--tk-section-space) !important;
  padding-bottom: var(--tk-section-space) !important;
}
main > section.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
main > section + section {
  border-top: 1px solid rgba(226,232,240,.72);
}
main > section:not(.tk-hero):not(.tk-home-why):not(.page-header):not(.tk-section-light):not(.guides-section):not(.wch-section):not(.tk-home-content):not(.tk-home-migration) {
  background: var(--tk-surface);
}
.tk-card,
.tk-service-cell,
.tk-pricing,
.guide-card,
.guide-prose,
.guide-related,
.tk-blog-card,
.tk-featured-mini,
.tk-article-card,
.tk-related-card,
.tk-post-supporting-links,
.tk-post-supporting-grid a,
.tk-topic-card,
.tk-topic-link,
.wch-card,
.wch-decision-card,
.wch-search-panel,
.wch-stat-panel,
.domains-pricing-card,
.policy-card,
.location-card,
.tk-faq-item {
  border-color: rgba(226,232,240,.92) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 34px rgba(17,19,22,.045);
}
.tk-card,
.tk-service-cell,
.guide-card,
.tk-blog-card,
.tk-featured-mini,
.tk-related-card,
.tk-topic-card,
.tk-topic-link,
.wch-card,
.wch-decision-card,
.location-card {
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
.tk-card:hover,
.tk-service-cell:hover,
.guide-card:hover,
.tk-blog-card:hover,
.tk-featured-mini:hover,
.tk-related-card:hover,
.tk-topic-card:hover,
.tk-topic-link:hover,
.wch-card:hover,
.wch-decision-card:hover,
.location-card:hover {
  border-color: rgba(26,127,156,.24) !important;
  box-shadow: var(--tk-shadow-premium);
  transform: translateY(-3px);
}
.tk-pricing {
  box-shadow: 0 14px 42px rgba(17,19,22,.052);
}
.tk-pricing-featured {
  box-shadow: 0 26px 72px rgba(26,127,156,.18) !important;
}
.tk-feature-row {
  border-color: rgba(226,232,240,.92);
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(17,19,22,.045);
}
.tk-feature-cell {
  padding: 1.45rem 1.55rem;
}
.tk-dark-card {
  border-radius: 16px;
  box-shadow: 0 18px 48px rgba(17,19,22,.18);
}
.tk-cta {
  border-radius: 18px;
  box-shadow: 0 20px 58px rgba(28,31,34,.16);
}
.blog-filter-btn,
.guide-filter-btn,
.wch-filter,
.tk-page-link {
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(17,19,22,.035);
}
#bl-search,
#dk-search,
.guides-search,
.wch-search {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(17,19,22,.035);
}
.bl-search-btn {
  border-radius: 12px;
  box-shadow: 0 10px 26px rgba(26,127,156,.18);
}
#bl-grid,
#gd-grid,
.wch-grid,
.tk-topic-grid {
  gap: 1.35rem;
}
.tk-blog-featured,
.guide-article-layout,
.wch-intro {
  gap: 1.75rem;
}
.tk-featured-hero {
  border-radius: 18px;
  box-shadow: 0 22px 58px rgba(17,19,22,.14);
}
.guide-prose,
.tk-article-card,
.policy-card {
  box-shadow: 0 16px 44px rgba(17,19,22,.055);
}
.domains-pricing-table thead tr:first-child th:first-child { border-top-left-radius: 14px; }
.domains-pricing-table thead tr:first-child th:last-child { border-top-right-radius: 14px; }

.not-found-section{padding:4rem 0;}
.not-found-panel{text-align:center;padding:2rem 0;}
.not-found-code{font-size:7rem;font-weight:800;line-height:1;color:var(--tk-indigo);margin-bottom:0;}
.not-found-panel p{color:var(--tk-muted);font-size:1.05rem;margin-bottom:2.5rem;}
.btn-tk-small{font-size:.8rem;padding:.45rem 1rem;}

/* ============================================================
   FOOTER
   ============================================================ */
.tk-footer {
  background: var(--tk-navy-2);
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 4rem 0 0;
  margin-top: 0;
}
.tk-footer-heading {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #b0e4f2;
  margin-bottom: .9rem;
}
.tk-footer-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tk-footer-nav li { margin-bottom: .1rem; }
.tk-footer-nav a {
  color: #d0d7e2;
  font-size: .84rem;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em;
  transition: color .15s;
  display: inline-block;
  padding: .18rem 0;
}
.tk-footer-nav a:hover { color: #fff; }
.tk-footer-text { color: #c5cedb; font-size: .84rem; line-height: 1.75; }
.tk-footer-link { color: #d0d7e2; font-size: .84rem; text-decoration: underline; text-decoration-thickness:.06em; text-underline-offset:.2em; transition: color .15s; }
.tk-footer-link:hover { color: #fff; }
.tk-footer-social {
  color: #c5cedb;
  font-size: 1rem;
  text-decoration: none;
  transition: color .15s;
}
.tk-footer-social:hover { color: #fff; }
.tk-footer-base {
  border-top: 1px solid rgba(255,255,255,.06);
  margin-top: 3rem;
  padding: 1.5rem 0;
  text-align: center;
}
.tk-footer-base p { color: #b8c2d0; font-size: .76rem; margin: 0; }
.tk-footer-base a { color: #e1e6ed; text-decoration: underline; text-decoration-thickness:.06em; text-underline-offset:.2em; }
.tk-footer-base a:hover { color: #fff; }
.tk-footer-legal { margin-top:.45rem!important; }
.tk-footer-legal span { color:#aab5c5; padding:0 .35rem; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:767px) {
  :root { --tk-section-space: 4.25rem; }
  .tk-hero   { padding: 100px 0 70px; }
  .tk-cta    { padding: 2rem 1.25rem; }
  .tk-section-head{display:block;margin-bottom:1.5rem;}
  .tk-section-head .tk-link{margin-top:.85rem;}
  .tk-chooser-grid,.tk-migration-steps,.tk-home-content-grid{grid-template-columns:1fr;}
  .tk-chooser-card,.tk-home-content-card{min-height:0;}
  .tk-migration-strip{display:block;padding:1.35rem;}
  .tk-migration-icon{margin-bottom:1rem;}
  .tk-migration-strip .btn-tk-primary{margin-top:1rem;width:100%;justify-content:center;}
  .tk-pricing-featured { transform:none; box-shadow:var(--tk-shadow-md); }
  .page-header-spacer { height: 72px; }
  .tk-service-grid { grid-template-columns: 1fr; }
  .tk-feature-row {
    grid-template-columns: 1fr !important;
    gap: .85rem;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
  }
  .tk-feature-cell {
    border: 1px solid rgba(226,232,240,.92);
    border-radius: 14px;
    box-shadow: 0 12px 34px rgba(17,19,22,.045);
    padding: 1.1rem 1.15rem;
  }
  .tk-why-row      { grid-template-columns: 1fr; }
}

@media(max-width:991px){#gd-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:768px) and (max-width:991px){.tk-chooser-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.tk-home-content-grid{grid-template-columns:1fr;}}
@media(max-width:991px){.guides-toolbar{align-items:stretch;flex-direction:column;}.guides-search{width:100%;}.guide-article-layout{grid-template-columns:1fr;}.guide-article-aside{position:static;}.guide-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:991px){#bl-grid{grid-template-columns:repeat(2,1fr);}.tk-blog-featured{grid-template-columns:1fr;}.tk-featured-side{grid-template-columns:repeat(2,1fr);}}
@media(max-width:991px){.tk-topic-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:991px){
  .wch-intro{grid-template-columns:1fr;}
  .wch-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .wch-decision-grid{grid-template-columns:1fr;}
  .wch-search-panel{position:static;}
}
@media(max-width:575px){
  .container.position-sticky{max-width:100%;padding-left:0;padding-right:0;}
  .container.position-sticky>.row{--bs-gutter-x:0;margin-left:0;margin-right:0;}
  .container.position-sticky .col-12{padding-left:0;padding-right:0;}
  .navbar{margin-left:.75rem!important;margin-right:.75rem!important;}
  .navbar .container-fluid{min-width:0;}
  .navbar-brand{min-width:0;max-width:calc(100% - 64px);}
  .navbar-brand img{max-width:100%;height:auto;}
  .navbar-toggler{flex:0 0 auto;}
  .tk-hero{overflow:hidden;}
  .tk-hero-inner{width:100%!important;max-width:100%!important;min-width:0;padding-left:1rem;padding-right:1rem;}
  .tk-hero-inner .row{--bs-gutter-x:0;margin-left:0;margin-right:0;}
  .tk-hero-inner [class*="col-"]{min-width:0;padding-left:0;padding-right:0;}
  main .container > .row.g-5{margin-left:0;margin-right:0;}
  .page-header,.guides-section,.wch-section{width:100%;max-width:100%;overflow:hidden;}
  .page-header .container,.guides-section .container{width:100%!important;max-width:100%!important;min-width:0;margin-left:0;margin-right:0;padding-left:1.5rem;padding-right:1.5rem;}
  .wch-section .container{width:100%!important;max-width:100%!important;min-width:0;margin-left:0;margin-right:0;padding-left:1rem;padding-right:1rem;}
  .page-header .breadcrumb{display:flex;flex-wrap:wrap;min-width:0;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;}
  .page-header h1{max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;}
  .page-header-sub,
  .tk-hero-sub,
  .tk-copy,
  .tk-lead-copy,
  .tk-muted-copy,
  .tk-featured-title,
  .tk-featured-summary,
  .tk-featured-mini h3,
  .tk-featured-mini p,
  .tk-blog-title,
  .tk-blog-summary,
  .tk-sc-desc,
  .tk-fc-sub {
    max-width:100%;
    white-space:normal!important;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  #gd-grid{grid-template-columns:1fr;}
  .guides-section{padding-bottom:3.25rem;}
  .guides-toolbar{width:100%;max-width:100%;min-width:0;}
  .guides-filter-row{gap:.4rem;width:100%;max-width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.15rem;}
  .guide-filter-btn{padding:.3rem .75rem;font-size:.78rem;flex-shrink:0;}
  .guides-hero-sub,.guides-intro,.guide-card p,.guide-prose p,.guide-prose li,.guide-prose a{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;}
  #gd-search{width:100%;}
  .guide-card{width:100%;max-width:100%;min-height:0;}
  .guide-prose{max-width:100%;overflow:hidden;padding:1.5rem;}
  .tk-article-section{padding:3rem 0;}
  .tk-article-card{padding:1.5rem;}
  .tk-post-nav{display:grid;grid-template-columns:1fr;}
  .tk-post-nav-link{max-width:100%;width:100%;}
  .tk-post-nav-link-next{text-align:left;}
  .tk-post-media-inner{padding-top:1.25rem;padding-bottom:1.25rem;}
  .guide-related-list{grid-template-columns:1fr;}
  .bl-controls,.domains-controls{flex-direction:column;align-items:stretch!important;}
  #bl-grid{grid-template-columns:1fr;}
  #bl-search{width:100%;}
  .bl-search-form{width:100%;}
  .bl-search-form input{flex:1 1 auto;}
  .bl-controls{flex-direction:column;align-items:stretch!important;}
  .tk-blog-featured{display:block;}
  .tk-featured-hero{min-height:320px;margin-bottom:1rem;}
  .tk-featured-hero-body{padding:1.25rem;}
  .tk-featured-side{grid-template-columns:1fr;}
  .tk-featured-mini{align-items:flex-start;}
  .tk-blog-section-head{display:block;}
  .tk-topic-grid{grid-template-columns:1fr;}
  .wch-section{padding:3rem 0;}
  .wch-intro{display:block;}
  .wch-grid{grid-template-columns:1fr;}
  .wch-intro h2{font-size:1.35rem;}
  .wch-stat-panel{grid-template-columns:1fr;}
  .wch-search-panel{padding:.8rem;}
  .wch-search{padding:0 .75rem;}
  #wch-search{font-size:.88rem;}
  .wch-category-row{max-width:100%;overflow-x:auto;flex-wrap:nowrap;}
  .wch-filter{max-width:none;}
  .wch-stat-panel div{border-right:0;border-bottom:1px solid var(--tk-border);}
  .wch-stat-panel div:last-child{border-bottom:0;}
  .wch-card{padding:1.15rem;}
  .wch-meta-row{display:block;}
  .wch-meta-row a{display:inline-block;margin-top:.45rem;}
}

/* ── Soft-UI navbar replacements ─────────────────── */
.blur{backdrop-filter:saturate(200%) blur(30px);background-color:hsla(0,0%,100%,.8)!important;}
.blur-rounded{border-radius:1rem;}
.z-index-sticky{z-index:1020!important;}
.z-index-fixed{z-index:1030!important;}
.border-radius-lg{border-radius:.75rem!important;}
.border-radius-md{border-radius:.5rem!important;}
.bg-gradient-dark{background-image:linear-gradient(195deg,#42424a,#191919);color:#fff!important;}
.bg-gradient-dark:hover,.bg-gradient-dark:focus{color:#fff!important;}
.tk-login-nav{display:flex;align-items:center;}
.tk-login-button{justify-content:center;min-width:76px;white-space:nowrap;}
.navbar-toggler-bar{display:block;position:relative;width:22px;height:1px;border-radius:1px;background:#6c757d;transition:all .2s;}
.navbar-toggler-bar+.navbar-toggler-bar{margin-top:7px;}
.arrow{transition:transform .2s ease;}
.navbar [aria-expanded="true"] .arrow{transform:rotate(180deg);}
.dropdown-menu-animation{display:block;opacity:0;pointer-events:none;transform:perspective(999px) rotateX(-6deg) translateZ(0) translate3d(0,.5rem,0);transition:visibility .2s,opacity .2s,transform .2s;visibility:hidden;will-change:transform,box-shadow;}
.dropdown-menu-animation.show{opacity:1;pointer-events:auto;transform:perspective(999px) rotateX(0) translateZ(0) translate3d(0,.5rem,0);visibility:visible;}
@media(max-width:991px){
  .navbar{border-radius:1.25rem!important;}
  .navbar-collapse.show{max-height:calc(100vh - 6rem);overflow-y:auto;}
  .tk-login-nav{display:block;margin:.45rem .5rem 0!important;}
  .tk-login-button,.tk-login-button.show{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;justify-content:flex-start;padding-left:.85rem;padding-right:.85rem;}
  .navbar .dropdown-menu-animation{
    position:static!important;
    display:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none!important;
    transition:none;
    box-shadow:none;
    margin:.35rem 0 .75rem!important;
  }
  .navbar .dropdown-menu-animation.show{display:block;transform:none!important;}
  .tk-hero-globe{max-width:360px;margin:1rem auto -2rem;}
}

/* Website and hosting care catalogue */
.tk-service-card{padding:28px;display:flex;flex-direction:column;height:100%;gap:4px}
.tk-service-card .display-4,.tk-service-card .display-5{font-size:2.8rem;font-weight:750;line-height:1.15;margin:12px 0}
.tk-service-card .feature-check-list{padding:8px 0 20px}
.tk-service-card .btn-tk-primary{margin-top:auto}
.tk-service-details{padding-top:48px}
@media(max-width:767px){.tk-service-card{padding:22px}.tk-service-intro h1{font-size:2.4rem}}

/* ============================================================
   AFFILIATE PROGRAMME: hero, calculator, example dashboard
   ============================================================ */
.tk-aff-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3rem;align-items:center;}
.tk-aff-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;margin-bottom:1rem;}
.tk-aff-subtitle{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem;}
.tk-aff-head{max-width:680px;margin-bottom:1.75rem;}
.tk-aff-actions{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;margin:1.5rem 0 1.75rem;}
.tk-aff-more{font-weight:700;color:var(--tk-indigo);text-decoration:none;}
.tk-aff-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;}
.tk-aff-facts li{padding:.85rem 1rem;border-left:3px solid var(--tk-indigo);border-radius:0 var(--tk-radius-sm) var(--tk-radius-sm) 0;background:var(--tk-indigo-tint);}
.tk-aff-facts strong{display:block;color:var(--tk-text);font-size:1.15rem;}
.tk-aff-facts span{color:var(--tk-muted);font-size:.8rem;line-height:1.4;}
.tk-aff-preview,.tk-aff-dash,.tk-aff-calc,.tk-aff-audience>div{border:1px solid var(--tk-border);border-radius:var(--tk-radius);background:var(--tk-surface);box-shadow:var(--tk-shadow-sm);}
.tk-aff-preview{padding:1.5rem;box-shadow:var(--tk-shadow-premium);}
.tk-aff-preview-top{display:grid;grid-template-columns:44px 1fr auto;gap:.75rem;align-items:center;margin-bottom:1.25rem;}
.tk-aff-preview-top strong,.tk-aff-preview-top div span{display:block;}
.tk-aff-preview-top div span{color:var(--tk-muted);font-size:.8rem;}
.tk-aff-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--tk-indigo);background:var(--tk-indigo-tint);}
.tk-aff-pill{padding:.2rem .65rem;border-radius:50px;color:#92400e;background:#fef3c7;font-size:.75rem;font-weight:700;white-space:nowrap;}
.tk-aff-preview-stats,.tk-aff-dash-stats{display:grid;gap:.75rem;}
.tk-aff-preview-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.1rem;}
.tk-aff-preview-stats div,.tk-aff-dash-stats div,.tk-aff-calc-results div{padding:.85rem;border-radius:var(--tk-radius-sm);background:var(--tk-light);}
.tk-aff-preview-stats span,.tk-aff-dash-stats span,.tk-aff-calc-results span{display:block;color:var(--tk-muted);font-size:.75rem;}
.tk-aff-preview-stats strong,.tk-aff-dash-stats strong,.tk-aff-calc-results strong{color:var(--tk-text);font-size:1.25rem;font-weight:800;}
.tk-aff-dash-stats em,.tk-aff-table em{display:block;color:var(--tk-muted);font-size:.75rem;font-style:normal;}
.tk-aff-bars{display:flex;gap:.6rem;align-items:flex-end;height:190px;padding-top:1.5rem;margin-bottom:1.6rem;}
.tk-aff-bars span{position:relative;flex:1;min-height:4px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#2596b6,var(--tk-indigo));}
.tk-aff-bars b{position:absolute;top:-1.35rem;left:50%;transform:translateX(-50%);color:var(--tk-text);font-size:.75rem;white-space:nowrap;}
.tk-aff-bars em{position:absolute;bottom:-1.35rem;left:50%;transform:translateX(-50%);color:var(--tk-muted);font-size:.75rem;font-style:normal;}
.tk-aff-bars-small{height:90px;padding-top:0;margin-bottom:1.4rem;}
.tk-aff-h-5{height:5%;}
.tk-aff-h-10{height:10%;}
.tk-aff-h-15{height:15%;}
.tk-aff-h-20{height:20%;}
.tk-aff-h-25{height:25%;}
.tk-aff-h-30{height:30%;}
.tk-aff-h-35{height:35%;}
.tk-aff-h-40{height:40%;}
.tk-aff-h-45{height:45%;}
.tk-aff-h-50{height:50%;}
.tk-aff-h-55{height:55%;}
.tk-aff-h-60{height:60%;}
.tk-aff-h-65{height:65%;}
.tk-aff-h-70{height:70%;}
.tk-aff-h-75{height:75%;}
.tk-aff-h-80{height:80%;}
.tk-aff-h-85{height:85%;}
.tk-aff-h-90{height:90%;}
.tk-aff-h-95{height:95%;}
.tk-aff-h-100{height:100%;}
.tk-aff-calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding:1.75rem;}
.tk-aff-calc-inputs label{display:flex;justify-content:space-between;margin-bottom:.5rem;color:var(--tk-text);font-weight:700;}
.tk-aff-calc-inputs output{color:var(--tk-indigo);}
.tk-aff-calc-inputs input[type="range"]{width:100%;margin-bottom:1.4rem;accent-color:var(--tk-indigo);}
.tk-aff-calc-inputs select{width:100%;padding:.65rem .75rem;border:1px solid var(--tk-border);border-radius:var(--tk-radius-sm);background:var(--tk-surface);color:var(--tk-text);}
.tk-aff-calc-results{display:grid;gap:.75rem;align-content:center;}
.tk-aff-calc-results strong{font-size:2rem;}
.tk-aff-note{margin:.9rem 0 0;color:var(--tk-muted);font-size:.875rem;}
.tk-aff-dash{overflow:hidden;padding:0 1.5rem 1.5rem;}
.tk-aff-dash-bar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;margin:0 -1.5rem 1.25rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--tk-border);background:var(--tk-light);color:var(--tk-text);font-weight:700;}
.tk-aff-dash-link{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1.1rem;font-size:.875rem;}
.tk-aff-dash-link span{color:var(--tk-muted);}
.tk-aff-dash-link code{padding:.35rem .6rem;border-radius:var(--tk-radius-sm);color:var(--tk-text);background:var(--tk-light);word-break:break-all;}
.tk-aff-dash-stats{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:1.1rem;}
.tk-aff-dash-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.1rem;margin-bottom:1.1rem;}
.tk-aff-panel{padding:1.25rem;border:1px solid var(--tk-border);border-radius:var(--tk-radius);}
.tk-aff-panel h3{margin-bottom:.9rem;font-size:1rem;font-weight:800;}
.tk-aff-payouts{margin:0;padding:0;list-style:none;}
.tk-aff-payouts li{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--tk-border);}
.tk-aff-table-wrap{overflow-x:auto;}
.tk-aff-table{width:100%;font-size:.875rem;border-collapse:collapse;}
.tk-aff-table th{padding:0 .6rem .6rem 0;color:var(--tk-muted);font-size:.72rem;font-weight:700;text-align:left;text-transform:uppercase;}
.tk-aff-table td{padding:.6rem .6rem .6rem 0;border-top:1px solid var(--tk-border);vertical-align:top;}
.tk-aff-status{padding:.15rem .55rem;border-radius:50px;font-size:.75rem;font-weight:700;}
.tk-aff-status.is-cleared{color:#166534;background:#dcfce7;}
.tk-aff-status.is-pending{color:#92400e;background:#fef3c7;}
.tk-aff-audience{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;}
.tk-aff-audience>div{padding:1.4rem;}
.tk-aff-audience i{color:var(--tk-indigo);font-size:1.5rem;}
.tk-aff-audience h3{margin:.6rem 0 .35rem;font-size:1.02rem;font-weight:800;}
.tk-aff-audience p{margin:0;color:var(--tk-muted);font-size:.875rem;line-height:1.6;}
.tk-aff-steps{max-width:760px;padding-left:1.25rem;}
.tk-aff-steps li{margin-bottom:.75rem;color:var(--tk-muted);line-height:1.7;}
.tk-aff-steps strong{color:var(--tk-text);}
@media (max-width:991px){
  .tk-aff-hero,.tk-aff-calc,.tk-aff-dash-grid{grid-template-columns:1fr;}
  .tk-aff-dash-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
  .tk-aff-audience{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:575px){
  .tk-aff-facts,.tk-aff-audience,.tk-aff-preview-stats{grid-template-columns:1fr;}
  .tk-aff-dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tk-aff-bars b{display:none;}
}

/* Light/dark switch (theme.js). Light shows the moon; dark.css shows the sun. */
.tk-theme-nav { display:flex; align-items:center; }
.tk-theme-switch {
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  width:38px; height:38px; padding:0; border-radius:999px;
  border:1px solid var(--tk-border); background:var(--tk-surface); color:var(--tk-text);
  transition:background .18s, color .18s, border-color .18s;
}
.tk-theme-switch:hover { background:rgba(26,127,156,.08); color:var(--tk-indigo); }
.tk-theme-sun { display:none; }
.tk-theme-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
@media (max-width: 991.98px) {
  .tk-theme-nav { margin:.35rem .25rem; }
  .tk-theme-switch { width:auto; height:auto; padding:.55rem .9rem; font-size:.86rem; font-weight:650; }
  .tk-theme-label { position:static; width:auto; height:auto; overflow:visible; clip:auto; }
}

/* "On this page" (tk_toc in components.php) */
.tk-toc{background:var(--tk-light);border:1px solid var(--tk-border);border-radius:var(--tk-radius-sm);padding:.85rem 1.1rem;margin:0 0 1.75rem;}
.tk-toc summary{cursor:pointer;font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--tk-muted);}
.tk-toc ol{margin:.65rem 0 0;padding-left:1.25rem;columns:2 16rem;column-gap:2rem;}
.tk-toc li{break-inside:avoid;margin:.2rem 0;font-size:.9rem;line-height:1.45;}
.tk-toc a{color:var(--tk-text);text-decoration:none;}
.tk-toc a:hover{color:var(--tk-indigo);text-decoration:underline;}
:where(.guide-prose,.tk-blog-content,.policy-content) h2[id]{scroll-margin-top:110px;}

/* 404 */
.not-found-art{display:block;width:min(320px,80%);height:auto;margin:0 auto 1rem;}
.not-found-art .nf-case{fill:var(--tk-surface);stroke:var(--tk-border);stroke-width:2;}
.not-found-art .nf-bay{fill:var(--tk-light);stroke:var(--tk-border);}
.not-found-art .nf-slot{fill:var(--tk-border);}
.not-found-art .nf-led-ok{fill:#22c55e;}
.not-found-art .nf-led-off{fill:#ef4444;}
.not-found-art .nf-cable{fill:none;stroke:var(--tk-muted);stroke-width:4;stroke-linecap:round;}
.not-found-art .nf-plug{fill:var(--tk-muted);}
.not-found-art .nf-spark{fill:none;stroke:#f59e0b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.not-found-panel p.not-found-suggest{color:var(--tk-text);font-size:1.1rem;margin:0 0 1.5rem;}
.not-found-panel p.not-found-suggest a{font-weight:700;}
.not-found-search{display:flex;gap:.5rem;max-width:480px;margin:0 auto 2rem;}
.not-found-search input{flex:1;min-width:0;border:1px solid var(--tk-border);border-radius:999px;padding:.7rem 1.1rem;background:var(--tk-surface);color:var(--tk-text);}
@media (prefers-reduced-motion: no-preference){.not-found-art .nf-spark{animation:nf-blink 1.6s steps(2,start) infinite;}}
@keyframes nf-blink{to{visibility:hidden;}}
.tk-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Announcement bar (includes/news.php, header.php) */
.tk-announce{background:var(--tk-navy);color:#e6ebf2;font-size:.88rem;position:relative;z-index:1031;}
.tk-announce[hidden]{display:none;}
.tk-announce-warning{background:#7a4b05;}
.tk-announce-critical{background:#8f1d1d;}
.tk-announce-inner{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:.55rem;padding-bottom:.55rem;}
.tk-announce-text{margin:0;text-align:center;line-height:1.4;}
.tk-announce-text a{color:#fff;font-weight:650;text-decoration:underline;text-underline-offset:.2em;}
.tk-announce-text a:hover{color:#b0e4f2;}
.tk-announce-level{display:inline-block;margin-right:.5rem;padding:.1rem .5rem;border-radius:999px;background:rgba(255,255,255,.16);font-size:.72rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;}
.tk-announce-close{flex:0 0 auto;width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:#fff;font-size:1.3rem;line-height:1;}
.tk-announce-close:hover,.tk-announce-close:focus-visible{background:rgba(255,255,255,.16);}

/* Announcements pages */
.tk-announcement-list{display:grid;gap:1rem;max-width:820px;margin:0 auto;}
.tk-announcement-card{display:block;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);padding:1.25rem 1.4rem;color:var(--tk-text);text-decoration:none;box-shadow:var(--tk-shadow-sm);}
.tk-announcement-card:hover{border-color:var(--tk-indigo);}
.tk-announcement-card h2{font-size:1.15rem;margin:.35rem 0 .4rem;color:var(--tk-text);}
.tk-announcement-card p{margin:0;color:var(--tk-muted);}
.tk-announcement-meta{display:flex;gap:.5rem;align-items:center;font-size:.8rem;color:var(--tk-muted);}
.tk-announcement-badge{padding:.1rem .5rem;border-radius:999px;font-size:.7rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;background:var(--tk-indigo-tint);color:var(--tk-indigo);}
.tk-announcement-badge.is-warning{background:#fef3c7;color:#92400e;}
.tk-announcement-badge.is-critical{background:#fee2e2;color:#991b1b;}
.tk-announcement-empty{max-width:640px;margin:0 auto;text-align:center;color:var(--tk-muted);}

/* Help centre (/help, help.php) */
.tk-help-search{position:relative;max-width:640px;margin-top:1.5rem;}
.tk-help-search i{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--tk-muted);}
.tk-help-search input{width:100%;border:1px solid var(--tk-border);border-radius:999px;padding:.95rem 1.2rem .95rem 2.8rem;font-size:1rem;background:var(--tk-surface);color:var(--tk-text);box-shadow:var(--tk-shadow-md);}
.tk-help-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;}
.tk-help-chip{border:1px solid var(--tk-border);background:var(--tk-surface);color:var(--tk-text);border-radius:999px;padding:.45rem .95rem;font-size:.86rem;font-weight:650;display:inline-flex;align-items:center;gap:.4rem;}
.tk-help-chip:hover{border-color:var(--tk-indigo);}
.tk-help-chip.is-active{background:var(--tk-indigo);border-color:var(--tk-indigo);color:#fff;}
.tk-help-status{min-height:1.4em;color:var(--tk-muted);font-size:.9rem;margin-bottom:1rem;}
.tk-help-most{margin-bottom:2rem;}
.tk-help-most[hidden],.tk-help-group[hidden],.tk-help-card[hidden],.tk-help-empty[hidden]{display:none;}
.tk-help-most h2,.tk-help-group h2{font-size:1.15rem;margin:0 0 .85rem;color:var(--tk-text);display:flex;align-items:center;gap:.5rem;}
.tk-help-most-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem;}
.tk-help-most-link{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:var(--tk-radius-sm);background:var(--tk-indigo-tint);color:var(--tk-text);font-weight:600;text-decoration:none;}
.tk-help-most-link:hover{color:var(--tk-indigo);}
.tk-help-most-link i{color:var(--tk-indigo);width:1.1rem;text-align:center;}
.tk-help-group{margin-bottom:2.25rem;}
.tk-help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.85rem;}
.tk-help-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;background:var(--tk-surface);border:1px solid var(--tk-border);border-radius:var(--tk-radius);color:var(--tk-text);text-decoration:none;transition:border-color .15s,box-shadow .15s;}
.tk-help-card:hover{border-color:var(--tk-indigo);box-shadow:var(--tk-shadow-sm);}
.tk-help-card strong{font-size:.98rem;line-height:1.35;}
.tk-help-card-text{color:var(--tk-muted);font-size:.86rem;line-height:1.5;}
.tk-help-card-kind{align-self:flex-start;font-size:.68rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;padding:.12rem .5rem;border-radius:999px;}
.tk-help-card-kind.is-answer{background:#dcfce7;color:#166534;}
.tk-help-card-kind.is-guide{background:var(--tk-indigo-tint);color:var(--tk-indigo);}
.tk-help-empty{text-align:center;padding:2rem 0;color:var(--tk-muted);}
.tk-help-answer{background:var(--tk-indigo-tint);border-left:4px solid var(--tk-indigo);border-radius:var(--tk-radius-sm);padding:1.1rem 1.25rem;margin-bottom:1.5rem;}
.tk-help-answer p{margin:.35rem 0 0;font-size:1.02rem;line-height:1.65;color:var(--tk-text);}
.tk-help-answer-label{font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--tk-indigo);}
@media (min-width: 992px) { .tk-theme-nav { margin-left:.5rem; } }

/* Billing-term picker (tk_pricing_cards) */
.tk-term-picker{display:flex;justify-content:center;gap:.25rem;width:max-content;max-width:100%;margin:0 auto 1.75rem;padding:.3rem;border:1px solid var(--tk-border);border-radius:999px;background:var(--tk-surface);box-shadow:var(--tk-shadow-sm);}
.tk-term-option{border:0;background:transparent;color:var(--tk-text);border-radius:999px;padding:.5rem 1.15rem;font-size:.88rem;font-weight:650;}
.tk-term-option:hover{color:var(--tk-indigo);}
.tk-term-option.is-active{background:var(--tk-indigo);color:#fff;}
.tk-pricing-saving{margin:.4rem 0 0;font-size:.82rem;font-weight:650;color:#15803d;}
.tk-pricing-saving[hidden]{display:none;}