@charset "UTF-8";
/* ==========================================================================
   Marketcall Help Center
   Brand tokens taken from marketcall.com (v3 theme) so the help center reads
   as the same product, not a bolted-on third-party widget.
   ========================================================================== */

/* ------------------------------------------------------------------ fonts */
@font-face{font-family:Gilroy;src:url(/assets/fonts/392470_1_0.woff2) format("woff2"),url(/assets/fonts/392470_1_0.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Gilroy;src:url(/assets/fonts/392470_2_0.woff2) format("woff2"),url(/assets/fonts/392470_2_0.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Gilroy;src:url(/assets/fonts/392470_0_0.woff2) format("woff2"),url(/assets/fonts/392470_0_0.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Gilroy;src:url(/assets/fonts/392470_3_0.woff2) format("woff2"),url(/assets/fonts/392470_3_0.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url(/assets/fonts/Lato-Regular.woff2) format("woff2"),url(/assets/fonts/Lato-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url(/assets/fonts/Lato-Semibold.woff2) format("woff2"),url(/assets/fonts/Lato-Semibold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url(/assets/fonts/Lato-Bold.woff2) format("woff2"),url(/assets/fonts/Lato-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}

/* ----------------------------------------------------------------- tokens */
:root{
  --mc-primary:#4755dc;
  --mc-primary-dark:#3a46bd;
  --mc-primary-light:#7378fb;
  --mc-primary-wash:#eef0fc;
  --mc-violet:#5d3ece;
  --mc-ink:#141530;
  --mc-body:#41455c;
  --mc-muted:#6b7089;
  --mc-faint:#9096ad;
  --mc-line:#e4e7f1;
  --mc-line-soft:#eef0f7;
  --mc-surface:#ffffff;
  --mc-surface-2:#f7f8fc;
  --mc-surface-3:#eef1fa;
  --mc-dark:#31244a;
  --mc-dark-2:#241a38;
  --mc-shadow-sm:0 1px 2px rgba(20,21,48,.05),0 2px 6px rgba(20,21,48,.05);
  --mc-shadow-md:0 4px 12px rgba(20,21,48,.06),0 12px 28px rgba(20,21,48,.07);
  --mc-shadow-lg:0 18px 46px rgba(20,21,48,.14);
  --mc-radius:14px;
  --mc-radius-sm:10px;
  --mc-shell:1200px;
  --mc-measure:82ch;
  --mc-ease:cubic-bezier(.2,.7,.3,1);
  --icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------------ reset */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:100px}
body.hc-body{
  margin:0;background:var(--mc-surface);color:var(--mc-body);
  font:400 17px/1.65 Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5{font-family:Gilroy,Lato,sans-serif;color:var(--mc-ink);margin:0;line-height:1.24;letter-spacing:-.015em}
p{margin:0}
a{color:var(--mc-primary);text-decoration:none}
a:hover{text-decoration:underline}
ul,ol{margin:0;padding:0}
button{font:inherit}
mark{background:#fff1b8;color:inherit;border-radius:3px;padding:.1em .05em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
:focus-visible{outline:3px solid var(--mc-primary-light);outline-offset:2px;border-radius:4px}

.hc-shell{width:100%;max-width:var(--mc-shell);margin-inline:auto;padding-inline:24px}
.hc-section{margin-top:56px}
.hc-section-title{font-size:25px;font-weight:700;margin-bottom:20px}
.hc-dot{color:var(--mc-faint);margin:0 7px;display:inline-block}
.hc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.hc-skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--mc-primary);padding:12px 18px;z-index:200;border-radius:0 0 8px 0;font-weight:700}
.hc-skip:focus{left:0}

/* ---------------------------------------------------------------- buttons */
.hc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:46px;padding:0 22px;border:1px solid transparent;border-radius:9px;
  font-family:Gilroy,sans-serif;font-weight:600;font-size:15px;cursor:pointer;
  transition:background .18s var(--mc-ease),border-color .18s var(--mc-ease),transform .18s var(--mc-ease),box-shadow .18s var(--mc-ease);
  white-space:nowrap;text-decoration:none;
}
.hc-btn:hover{text-decoration:none;transform:translateY(-1px)}
.hc-btn:active{transform:translateY(0)}
.hc-btn-primary{background:var(--mc-primary);color:#fff;box-shadow:0 6px 16px rgba(71,85,220,.26)}
.hc-btn-primary:hover{background:var(--mc-primary-dark);color:#fff}
.hc-btn-ghost{background:transparent;color:var(--mc-ink);border-color:var(--mc-line)}
.hc-btn-ghost:hover{border-color:var(--mc-primary);color:var(--mc-primary);background:#fff}
.hc-btn-lg{height:54px;padding:0 30px;font-size:16px}

/* ----------------------------------------------------------------- header */
.hc-header{position:sticky;top:0;z-index:100;background:var(--mc-dark);color:#fff}
.hc-header-inner{display:flex;align-items:center;gap:24px;min-height:72px}
.hc-logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.hc-logo:hover{text-decoration:none}
.hc-logo img{display:block;width:150px;height:auto}
.hc-logo-sep{width:1px;height:22px;background:rgba(255,255,255,.28)}
.hc-logo-tag{font-family:Gilroy,sans-serif;font-weight:600;font-size:14px;color:rgba(255,255,255,.86);letter-spacing:.01em;white-space:nowrap}
.hc-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.hc-nav-list{display:flex;align-items:center;gap:26px;list-style:none}
.hc-nav-list a{color:rgba(255,255,255,.82);font-size:15px;font-family:Gilroy,sans-serif;font-weight:500;transition:color .16s}
.hc-nav-list a:hover{color:#fff;text-decoration:none}
.hc-nav-cta{display:flex;align-items:center;gap:10px}
.hc-nav-cta .hc-btn{height:40px;padding:0 18px;font-size:14px}
.hc-nav-cta .hc-btn-ghost{color:#fff;border-color:rgba(255,255,255,.34)}
.hc-nav-cta .hc-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.hc-burger{display:none;margin-left:auto;width:44px;height:44px;background:none;border:0;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:0}
.hc-burger span{display:block;height:2px;width:22px;margin-inline:auto;background:#fff;border-radius:2px;transition:transform .2s var(--mc-ease),opacity .2s}
.hc-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hc-burger[aria-expanded=true] span:nth-child(2){opacity:0}
.hc-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ------------------------------------------------------------------- hero */
.hc-hero{
  position:relative;padding:72px 0 82px;text-align:center;color:#fff;
  background:
    radial-gradient(1100px 420px at 50% -12%,rgba(115,120,251,.5),transparent 62%),
    linear-gradient(135deg,#3b2c58 0%,#31244a 46%,#2b2350 100%);
  /* No overflow:hidden — it clipped the search suggestions dropdown, which is
     absolutely positioned inside the hero and must be able to hang below it.
     The gradients are backgrounds, so they stay clipped to the box anyway. */
}
/* Keep the field (and its dropdown) above the hero's bottom fade. */
.hc-hero .hc-search{z-index:5}
.hc-hero::after{content:"";position:absolute;inset:auto 0 -1px 0;height:56px;background:linear-gradient(to bottom,transparent,var(--mc-surface))}
.hc-hero>.hc-shell{position:relative;z-index:2}
.hc-hero-eyebrow{font-family:Gilroy,sans-serif;font-weight:600;font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:14px}
.hc-hero h1{color:#fff;font-size:clamp(30px,4.4vw,48px);font-weight:700;margin-bottom:14px}
.hc-hero-sub{color:rgba(255,255,255,.76);font-size:18px;max-width:600px;margin:0 auto 32px}
.hc-hero-meta{margin-top:20px;font-size:14px;color:rgba(255,255,255,.55)}

/* -----------------------------------------------------------------  search
   One control: icon + input + submit share a single rounded field, so it can
   never fall apart when it wraps. Nothing is positioned against the form
   itself — that is what put the icon on top of the button on phones. */
.hc-search{position:relative;max-width:680px;margin-inline:auto;text-align:left}
.hc-search-field{
  display:flex;align-items:center;background:#fff;border:1px solid transparent;
  border-radius:12px;box-shadow:var(--mc-shadow-md);
  padding:6px 6px 6px 16px;transition:box-shadow .18s,border-color .18s;
}
.hc-search-field:focus-within{border-color:var(--mc-primary);box-shadow:0 0 0 4px rgba(71,85,220,.15),var(--mc-shadow-md)}
.hc-search-icon{
  flex:0 0 auto;width:19px;height:19px;margin-right:12px;background:var(--mc-faint);
  -webkit-mask:var(--icon-search) center/contain no-repeat;mask:var(--icon-search) center/contain no-repeat;
}
.hc-search-field:focus-within .hc-search-icon{background:var(--mc-primary)}
.hc-search input[type=search]{
  flex:1 1 auto;min-width:0;height:46px;padding:0;border:0;background:none;
  color:var(--mc-ink);font:400 16px/1 Lato,sans-serif;-webkit-appearance:none;appearance:none;
}
.hc-search input[type=search]:focus{outline:none}
.hc-search input[type=search]::placeholder{color:var(--mc-faint)}
.hc-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.hc-search-submit{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  height:46px;padding:0 24px;border:0;border-radius:9px;cursor:pointer;
  background:var(--mc-primary);color:#fff;font-family:Gilroy,sans-serif;font-weight:600;font-size:15px;
  transition:background .18s var(--mc-ease);
}
.hc-search-submit:hover{background:var(--mc-primary-dark)}
.hc-search-submit-icon{display:none;width:19px;height:19px;background:#fff;
  -webkit-mask:var(--icon-search) center/contain no-repeat;mask:var(--icon-search) center/contain no-repeat}
/* inline variants sit on white, so they need a visible edge */
.hc-article-shell .hc-search,.hc-section .hc-search{margin-inline:0}
.hc-article-shell .hc-search-field,.hc-section .hc-search-field,.hc-error .hc-search-field{border-color:var(--mc-line);box-shadow:var(--mc-shadow-sm)}
.hc-error .hc-search{margin-inline:auto}

.hc-suggest{
  position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;
  background:#fff;border:1px solid var(--mc-line);border-radius:12px;box-shadow:var(--mc-shadow-lg);
  overflow:hidden;max-height:min(60vh,420px);overflow-y:auto;
}
.hc-suggest[hidden]{display:none}
.hc-suggest a{display:block;padding:12px 18px;border-bottom:1px solid var(--mc-line-soft);color:var(--mc-ink)}
.hc-suggest a:last-child{border-bottom:0}
.hc-suggest a:hover,.hc-suggest a.is-active{background:var(--mc-surface-2);text-decoration:none}
.hc-suggest-title{display:block;font-family:Gilroy,sans-serif;font-weight:600;font-size:15px;line-height:1.35}
.hc-suggest-cat{font-size:13px;color:var(--mc-muted);margin-top:3px;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hc-suggest-empty{padding:16px 18px;color:var(--mc-muted);font-size:14.5px}

/* ------------------------------------------------------------- categories */
.hc-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}
.hc-cat-card{
  position:relative;display:flex;align-items:flex-start;gap:16px;padding:24px 58px 24px 24px;
  background:#fff;border:1px solid var(--mc-line);border-radius:var(--mc-radius);
  box-shadow:var(--mc-shadow-sm);transition:transform .2s var(--mc-ease),box-shadow .2s var(--mc-ease),border-color .2s;
}
.hc-cat-card:hover{transform:translateY(-3px);box-shadow:var(--mc-shadow-md);border-color:#d3daf5;text-decoration:none}
.hc-cat-icon{flex:0 0 auto;width:44px;height:44px;border-radius:12px;position:relative;
  background:linear-gradient(140deg,rgba(71,85,220,.13),rgba(93,62,206,.16))}
.hc-cat-icon::after{content:"";position:absolute;inset:0;margin:auto;width:22px;height:22px;background:var(--mc-primary);
  -webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.hc-cat-icon-lg{width:58px;height:58px;border-radius:16px}
.hc-cat-icon-lg::after{width:29px;height:29px}
[data-icon=rocket]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 15c-1.5 1.5-2 5-2 5s3.5-.5 5-2c.9-.9.9-2.3 0-3.2a2.2 2.2 0 0 0-3 .2z'/%3E%3Cpath d='M12.5 14.5 9.5 11.5c1-3 3-6 8-8 0 5-2 7-5 8z'/%3E%3Cpath d='M9.5 11.5 6 12l-2-2 3-2z'/%3E%3Cpath d='M12.5 14.5 12 18l2 2 2-3z'/%3E%3C/svg%3E")}
[data-icon=target]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='4.4'/%3E%3Ccircle cx='12' cy='12' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E")}
[data-icon=plug]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3v5M14 3v5'/%3E%3Cpath d='M7 8h10v3a5 5 0 0 1-5 5 5 5 0 0 1-5-5z'/%3E%3Cpath d='M12 16v5'/%3E%3C/svg%3E")}
[data-icon=shield]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.4-3 7.7-7 9-4-1.3-7-4.6-7-9V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
[data-icon=wallet]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M16 12h5v4h-5a2 2 0 0 1 0-4z'/%3E%3C/svg%3E")}
[data-icon=chart]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16'/%3E%3Crect x='6' y='11' width='3.4' height='7' rx='1'/%3E%3Crect x='11.6' y='7' width='3.4' height='11' rx='1'/%3E%3Crect x='17' y='14' width='3' height='4' rx='1'/%3E%3C/svg%3E")}
[data-icon=book]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h11v18H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='M8 7h6M8 11h6'/%3E%3C/svg%3E")}
.hc-cat-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.hc-cat-name{font-family:Gilroy,sans-serif;font-weight:700;font-size:18px;color:var(--mc-ink)}
.hc-cat-desc{font-size:14.5px;line-height:1.55;color:var(--mc-muted)}
.hc-cat-count{position:absolute;top:24px;right:22px;min-width:28px;height:24px;padding:0 8px;
  display:inline-flex;align-items:center;justify-content:center;border-radius:99px;
  background:var(--mc-surface-3);color:var(--mc-primary);font-family:Gilroy,sans-serif;font-weight:600;font-size:13px}

/* -------------------------------------------------------- lists / columns */
.hc-two-col{display:grid;grid-template-columns:1fr 330px;gap:44px;align-items:start}
.hc-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.hc-list a{display:flex;flex-direction:column;gap:4px;padding:16px 20px;
  border:1px solid var(--mc-line);border-radius:var(--mc-radius-sm);background:#fff;
  transition:border-color .18s,box-shadow .18s,transform .18s var(--mc-ease)}
.hc-list a:hover{border-color:var(--mc-primary);box-shadow:var(--mc-shadow-sm);transform:translateX(2px);text-decoration:none}
.hc-list-title{font-family:Gilroy,sans-serif;font-weight:600;font-size:16.5px;color:var(--mc-ink);line-height:1.4}
.hc-list-meta{font-size:13.5px;color:var(--mc-faint)}
.hc-aside{background:var(--mc-surface-2);border-radius:var(--mc-radius);padding:24px}
.hc-aside .hc-section-title{font-size:19px;margin-bottom:14px}
.hc-list-compact a{padding:12px 14px;background:#fff}

/* ----------------------------------------------------------- article grid */
.hc-art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.hc-art-card{display:flex;flex-direction:column;gap:8px;padding:22px;background:#fff;
  border:1px solid var(--mc-line);border-radius:var(--mc-radius);box-shadow:var(--mc-shadow-sm);
  transition:transform .2s var(--mc-ease),box-shadow .2s var(--mc-ease),border-color .2s}
.hc-art-card:hover{transform:translateY(-3px);box-shadow:var(--mc-shadow-md);border-color:#d3daf5;text-decoration:none}
.hc-art-title{font-family:Gilroy,sans-serif;font-weight:700;font-size:17px;color:var(--mc-ink);line-height:1.38}
.hc-art-excerpt{font-size:14.5px;line-height:1.6;color:var(--mc-muted);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hc-art-meta{margin-top:auto;padding-top:8px;font-size:13px;color:var(--mc-faint)}

/* ------------------------------------------------------------- crumbs/tag */
.hc-article-shell{padding-top:26px;padding-bottom:64px}
.hc-crumbs{margin-bottom:20px}
.hc-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px}
.hc-crumbs li+li::before{content:"/";color:var(--mc-faint);margin-right:8px}
.hc-crumbs a{color:var(--mc-muted)}
.hc-crumbs a:hover{color:var(--mc-primary)}
.hc-crumbs [aria-current=page] span{color:var(--mc-ink);font-weight:600}
.hc-tag{display:inline-block;padding:5px 12px;border-radius:99px;background:var(--mc-surface-3);
  color:var(--mc-primary);font-family:Gilroy,sans-serif;font-weight:600;font-size:12.5px;
  letter-spacing:.02em;margin-bottom:14px}
.hc-tag:hover{background:var(--mc-primary);color:#fff;text-decoration:none}

/* -------------------------------------------------------- category header */
.hc-cat-head{display:flex;gap:20px;align-items:flex-start;margin-bottom:28px}
.hc-cat-head h1{font-size:clamp(28px,3.4vw,38px);font-weight:700;margin-bottom:8px}
.hc-cat-head-desc{color:var(--mc-muted);font-size:17px;max-width:660px}
.hc-cat-head-count{margin-top:8px;font-size:13.5px;color:var(--mc-faint)}

/* ---------------------------------------------------------------- article */
.hc-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start}
/* No headings means no sidebar; centre the column so the page does not sit
   in the left third of a wide screen with a dead void beside it. */
.hc-article-layout-notoc{grid-template-columns:minmax(0,1fr)}
.hc-article-layout-notoc .hc-article{max-width:850px;margin-inline:auto;width:100%}
.hc-article-head{margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--mc-line)}
.hc-article-head h1{font-size:clamp(26px,2.7vw,34px);font-weight:700;line-height:1.2;
  letter-spacing:-.022em;margin-bottom:12px;max-width:34ch}
.hc-article-meta{font-size:14px;color:var(--mc-faint);letter-spacing:.005em}

/* Right rail: contents (or the category) + quick actions. Desktop only. */
.hc-rail{position:sticky;top:96px}
.hc-rail-card{background:var(--mc-surface);border:1px solid var(--mc-line);border-radius:16px;
  box-shadow:var(--mc-shadow-sm);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}
.hc-rail-head,.hc-rail-progress,.hc-rail-actions{flex:0 0 auto}
.hc-rail-head{display:flex;align-items:center;gap:12px;padding:18px 18px 14px}
.hc-rail-icon{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  color:var(--mc-primary);background:linear-gradient(135deg,var(--mc-primary-wash),#f3effd)}
.hc-rail-title{font-family:Gilroy,sans-serif;font-weight:700;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mc-ink);margin:0}
.hc-rail-sub{font-size:12.5px;color:var(--mc-faint);margin:2px 0 0}
.hc-rail-progress{height:3px;background:var(--mc-line-soft);margin:0 18px 6px;border-radius:3px;overflow:hidden}
.hc-rail-progress span{display:block;height:100%;width:0;border-radius:3px;
  background:linear-gradient(90deg,var(--mc-primary),var(--mc-violet));transition:width .12s linear}
.hc-toc{padding:6px 10px 10px;overflow-y:auto;min-height:0;scrollbar-width:thin}
.hc-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.hc-toc li{position:relative;margin:0}
.hc-toc li::before{display:none}
.hc-toc a{display:flex;align-items:flex-start;gap:10px;padding:7px 8px;border-radius:9px;
  color:var(--mc-muted);font-size:13.5px;line-height:1.42;transition:background .15s,color .15s}
.hc-toc a:hover{background:var(--mc-surface-2);color:var(--mc-ink);text-decoration:none}
.hc-toc-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hc-toc-num{flex:0 0 auto;min-width:24px;height:20px;margin-top:1px;border-radius:6px;display:grid;place-items:center;
  font:700 10.5px/1 Gilroy,sans-serif;letter-spacing:.02em;color:var(--mc-faint);background:var(--mc-surface-3);
  transition:background .15s,color .15s}
.hc-toc-h3 a{padding-left:42px;font-size:13px}
.hc-toc-dot{flex:0 0 auto;width:5px;height:5px;margin:7px 0 0 -14px;border-radius:50%;background:var(--mc-line)}
.hc-toc-doc{flex:0 0 auto;margin-top:2px;color:var(--mc-faint)}
.hc-toc li.is-active>a{background:var(--mc-primary-wash);color:var(--mc-primary);font-weight:600}
.hc-toc li.is-active .hc-toc-num{background:var(--mc-primary);color:#fff}
.hc-toc li.is-active .hc-toc-dot{background:var(--mc-primary)}
.hc-toc li.is-active .hc-toc-doc{color:var(--mc-primary)}
.hc-rail-all{display:inline-flex;align-items:center;gap:6px;margin:6px 8px 4px;font-size:13px;font-weight:600;color:var(--mc-primary)}
.hc-rail-all:hover{text-decoration:none;gap:9px}
.hc-rail-actions{display:flex;flex-direction:column;gap:2px;padding:10px;border-top:1px solid var(--mc-line-soft);background:var(--mc-surface-2)}
.hc-rail-act{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:9px;background:none;
  font-family:inherit;font-size:13.5px;font-weight:500;line-height:1.3;color:var(--mc-body);cursor:pointer;text-align:left;transition:background .15s,color .15s}
.hc-rail-act svg{color:var(--mc-faint);transition:color .15s}
.hc-rail-act:hover{background:var(--mc-surface);color:var(--mc-primary);text-decoration:none}
.hc-rail-act:hover svg{color:var(--mc-primary)}

/* ------------------------------------------------------------------ prose
   Section rhythm is the point: an h2 opens a new section with a hairline rule
   above it, so a long guide reads as discrete blocks instead of one wall. */
.hc-prose{font-size:16px;line-height:1.65;color:var(--mc-body);max-width:var(--mc-measure);
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.hc-prose>*+*{margin-top:.95em}

.hc-prose h2{font-size:21px;font-weight:700;line-height:1.32;letter-spacing:-.017em;
  margin-top:2.4em;padding-top:1.3em;border-top:1px solid var(--mc-line);scroll-margin-top:100px}
.hc-prose>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.hc-prose h2+*{margin-top:.95em}
.hc-prose h3{font-size:17.5px;font-weight:700;line-height:1.4;letter-spacing:-.012em;
  margin-top:1.9em;color:var(--mc-ink);scroll-margin-top:100px}
.hc-prose h3+*{margin-top:.65em}
.hc-prose h4{font-size:15.5px;font-weight:700;margin-top:1.6em;color:var(--mc-ink)}
.hc-prose h4+*{margin-top:.55em}

.hc-prose a{color:var(--mc-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;
  text-decoration-color:rgba(71,85,220,.4);transition:text-decoration-color .15s,color .15s;word-break:break-word}
.hc-prose a:hover{color:var(--mc-primary-dark);text-decoration-color:currentColor}
.hc-prose strong,.hc-prose b{color:var(--mc-ink);font-weight:700}

/* A paragraph that is entirely bold is an author's lead-in, not shouting.
   The import tags those with .mc-lead — a CSS :only-child test would also
   catch "<strong>Label</strong>: text" run-ins and strand the colon. */
.hc-prose p.mc-lead{
  font-family:Gilroy,sans-serif;font-weight:600;font-size:1.06em;
  line-height:1.55;color:var(--mc-ink);letter-spacing:-.005em;
}
.hc-prose p.mc-lead strong,.hc-prose p.mc-lead b{font-weight:600}

/* ---- lists ---- */
.hc-prose ul,.hc-prose ol{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.42em}
.hc-prose li{position:relative;padding-left:1.65em}
.hc-prose ul>li::before{content:"";position:absolute;left:.45em;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--mc-primary)}
.hc-prose ol{counter-reset:hcnum}
.hc-prose ol>li{counter-increment:hcnum}
.hc-prose ol>li::before{
  content:counter(hcnum);position:absolute;left:0;top:.08em;
  width:1.45em;height:1.45em;border-radius:50%;
  background:var(--mc-primary-wash);color:var(--mc-primary);
  font-family:Gilroy,sans-serif;font-weight:600;font-size:.82em;
  display:flex;align-items:center;justify-content:center;
}
.hc-prose li>ul,.hc-prose li>ol{margin-top:.55em}
.hc-prose li>ul>li::before{background:none;border:1.5px solid var(--mc-primary);width:6px;height:6px}
.hc-prose li p{margin:0}
.hc-prose li p+p{margin-top:.5em}

.hc-prose blockquote{margin:1.6em 0;padding:16px 22px;border-left:3px solid var(--mc-primary);
  background:var(--mc-surface-2);border-radius:0 10px 10px 0;color:var(--mc-body)}
.hc-prose blockquote p+p{margin-top:.7em}
.hc-prose .mc-callout{margin:1.6em 0;padding:14px 18px;border:1px solid #d9ddf7;border-radius:12px;
  background:var(--mc-primary-wash);color:var(--mc-body)}
.hc-prose .mc-callout.is-note{border-color:#fde68a;background:#fffbeb}
.hc-prose .mc-callout.is-warn{border-color:#fecaca;background:#fef2f2}
.hc-prose .mc-callout>p{margin:0}
.hc-prose .mc-callout>p+p{margin-top:.6em}

.hc-prose code,.hc-prose .mc-code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;
  background:var(--mc-primary-wash);border:1px solid rgba(71,85,220,.16);
  color:var(--mc-violet);padding:.14em .42em;border-radius:5px;word-break:break-word;
}
.hc-prose pre,.hc-prose .mc-pre{background:#1e1b33;color:#e8e6f5;padding:18px 20px;border-radius:12px;
  overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6}
.hc-prose pre code{background:none;border:0;color:inherit;padding:0}

/* ---- media ----
   Never upscale: a 260px screenshot blown up to the 70ch measure is a blurry
   mess. Images render at their natural size, capped to the column and to a
   readable height; anything bigger opens full-size in the lightbox. */
.hc-prose img{
  display:block;width:auto;height:auto;
  max-width:100%;max-height:min(520px,70vh);
  /* Left-aligned, following the text column — centring them broke the reading
     rhythm on step-by-step guides where a screenshot follows each instruction. */
  margin-inline:0;
  border:1px solid var(--mc-line-soft);border-radius:10px;
  background:var(--mc-surface-2);
}
/* Small screenshots/icons: the heavy frame reads as a mistake at this size. */
.hc-prose img.is-small{border-radius:8px;box-shadow:none;background:none}
.hc-prose img.is-icon{border:0;border-radius:6px;box-shadow:none;background:none;display:inline-block;margin:0;vertical-align:text-bottom}
.hc-prose img.is-zoomable{cursor:zoom-in;transition:box-shadow .18s var(--mc-ease),transform .18s var(--mc-ease)}
.hc-prose img.is-zoomable:hover{box-shadow:var(--mc-shadow-md);transform:translateY(-1px)}

.hc-prose figure,.hc-prose .mc-figure{display:block;margin:1.7em 0}
.hc-prose figcaption{margin-top:10px;font-size:14px;line-height:1.55;color:var(--mc-faint);text-align:center}

/* ---- lightbox ---- */
.hc-lb{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  padding:32px;background:rgba(12,13,32,.86);backdrop-filter:blur(3px);
  opacity:0;transition:opacity .16s var(--mc-ease)}
.hc-lb.is-open{opacity:1}
.hc-lb img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:10px;
  box-shadow:0 24px 70px rgba(0,0,0,.5);background:#fff;cursor:zoom-out}
.hc-lb-close{position:absolute;top:18px;right:22px;width:40px;height:40px;border:0;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .15s}
.hc-lb-close:hover{background:rgba(255,255,255,.26)}
.hc-prose hr{border:0;border-top:1px solid var(--mc-line);margin:2.4em 0}

/* Some third-party boards refuse to be framed and render as a dead black box.
   Those are linked out with a card instead of an embed. */
.hc-prose a.hc-linkout{
  display:inline-flex;align-items:center;gap:11px;padding:15px 20px;
  border:1px solid var(--mc-line);border-radius:12px;background:#fff;
  box-shadow:var(--mc-shadow-sm);color:var(--mc-ink);text-decoration:none;
  font-family:Gilroy,sans-serif;font-weight:600;font-size:15.5px;
  transition:border-color .18s,box-shadow .18s,transform .18s var(--mc-ease);
}
.hc-prose a.hc-linkout:hover{border-color:var(--mc-primary);box-shadow:var(--mc-shadow-md);transform:translateY(-1px);text-decoration:none}
.hc-prose a.hc-linkout::before{content:"";width:34px;height:34px;flex:0 0 auto;border-radius:9px;
  background:var(--mc-primary-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234755dc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3C/svg%3E") center/18px no-repeat}

.hc-embed{position:relative;margin:1.7em 0;padding-top:56.25%;border-radius:12px;overflow:hidden;
  background:#1e1b33;box-shadow:var(--mc-shadow-sm)}
.hc-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

.hc-table-wrap{overflow-x:auto;border:1px solid var(--mc-line);border-radius:12px;background:#fff;margin:1.6em 0}
.hc-prose table{border-collapse:collapse;width:100%;font-size:15px}
.hc-prose th,.hc-prose td{padding:12px 16px;border-bottom:1px solid var(--mc-line-soft);text-align:left;vertical-align:top}
.hc-prose thead th{background:var(--mc-surface-2);font-family:Gilroy,sans-serif;font-weight:600;color:var(--mc-ink);white-space:nowrap}
.hc-prose tbody tr:last-child td{border-bottom:0}

/* --------------------------------------------------------------- feedback */
.hc-feedback{margin-top:56px;padding:22px 26px;background:var(--mc-surface-2);
  border:1px solid var(--mc-line);border-radius:var(--mc-radius);
  display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.hc-feedback-q{font-family:Gilroy,sans-serif;font-weight:600;color:var(--mc-ink);font-size:16px}
.hc-feedback-actions{display:flex;gap:10px;margin-left:auto}
.hc-feedback .hc-btn{height:40px;padding:0 24px;background:#fff}
.hc-feedback-thanks,.hc-feedback-more{width:100%;font-size:15px;color:var(--mc-muted);margin:0}
.hc-feedback.is-done .hc-feedback-q,.hc-feedback.is-done .hc-feedback-actions{display:none}

/* ------------------------------------------------------------------ pager */
.hc-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.hc-pager-link{display:flex;flex-direction:column;gap:5px;padding:18px 20px;background:#fff;
  border:1px solid var(--mc-line);border-radius:var(--mc-radius);transition:border-color .18s,box-shadow .18s}
.hc-pager-link:hover{border-color:var(--mc-primary);box-shadow:var(--mc-shadow-sm);text-decoration:none}
.hc-pager-next{text-align:right}
.hc-pager-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mc-faint);font-family:Gilroy,sans-serif;font-weight:600}
.hc-pager-title{font-family:Gilroy,sans-serif;font-weight:600;color:var(--mc-ink);font-size:15.5px;line-height:1.4}

/* ----------------------------------------------------------- search page */
.hc-search-h1{font-size:clamp(25px,3vw,33px);font-weight:700;margin-bottom:22px}
.hc-results{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:32px}
.hc-results a{display:flex;flex-direction:column;gap:6px;padding:20px 22px;background:#fff;
  border:1px solid var(--mc-line);border-radius:var(--mc-radius);transition:border-color .18s,box-shadow .18s,transform .18s var(--mc-ease)}
.hc-results a:hover{border-color:var(--mc-primary);box-shadow:var(--mc-shadow-sm);transform:translateX(2px);text-decoration:none}
.hc-result-cat{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mc-primary);font-family:Gilroy,sans-serif;font-weight:600}
.hc-result-title{font-family:Gilroy,sans-serif;font-weight:700;font-size:18px;color:var(--mc-ink);line-height:1.35}
.hc-result-snippet{font-size:15px;line-height:1.6;color:var(--mc-muted)}
.hc-empty{margin-top:34px;padding:34px;background:var(--mc-surface-2);border-radius:var(--mc-radius);display:flex;flex-direction:column;gap:10px}
.hc-empty-title{font-family:Gilroy,sans-serif;font-weight:700;font-size:19px;color:var(--mc-ink)}

.hc-chiplist{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.hc-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;
  border:1px solid var(--mc-line);background:#fff;color:var(--mc-ink);
  font-family:Gilroy,sans-serif;font-weight:600;font-size:14.5px;transition:all .18s var(--mc-ease)}
.hc-chip span{color:var(--mc-faint);font-weight:500;font-size:13px}
.hc-chip:hover{border-color:var(--mc-primary);color:var(--mc-primary);text-decoration:none;transform:translateY(-1px)}
.hc-chip:hover span{color:var(--mc-primary-light)}

/* ------------------------------------------------------------------ error */
.hc-error{padding:80px 24px 90px;text-align:center;max-width:720px}
.hc-error-code{font-family:Gilroy,sans-serif;font-weight:700;font-size:76px;line-height:1;color:var(--mc-surface-3)}
.hc-error h1{font-size:32px;font-weight:700;margin:10px 0 12px}
.hc-error-sub{color:var(--mc-muted);font-size:17px;margin-bottom:28px}
.hc-error .hc-chiplist{justify-content:center}

/* -------------------------------------------------------------------- cta */
.hc-cta{margin-top:72px;background:linear-gradient(135deg,#3b2c58,#31244a 55%,#2b2350);color:#fff}
.hc-cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;padding:52px 24px}
.hc-cta h2{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px}
.hc-cta p{color:rgba(255,255,255,.74);font-size:16.5px;max-width:560px}
.hc-cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.hc-cta .hc-btn-ghost{color:#fff;border-color:rgba(255,255,255,.36)}
.hc-cta .hc-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}

/* ----------------------------------------------------------------- footer */
.hc-footer{background:var(--mc-dark);color:rgba(255,255,255,.72);font-size:15px;padding:52px 0 30px}
.hc-footer a{color:rgba(255,255,255,.72);transition:color .15s}
.hc-footer a:hover{color:#fff;text-decoration:none}
.hc-footer-top{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}
.hc-footer-logo{width:160px;height:auto}
.hc-footer-col--contact .hc-footer-tel a{font-family:Gilroy,sans-serif;font-weight:600;font-size:18px;color:#fff!important;text-decoration:none}
.hc-footer-col--contact ul{gap:11px}
.hc-awards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px 44px;padding:28px 0;max-width:1140px;margin-inline:auto;border-bottom:1px solid rgba(255,255,255,.12)}
.hc-award{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.hc-award>div{max-width:270px}
.hc-award img{height:56px;width:auto;flex:0 0 auto}
.hc-award p{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.78);margin-bottom:3px}
.hc-award a{font-size:12.5px;color:rgba(255,255,255,.6)!important;text-decoration:none}
.hc-award a:hover{color:#fff!important}
.hc-award-src{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}
.hc-award-stars{color:#ffb400;font-size:12.5px;letter-spacing:1px;line-height:1}
.hc-footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;padding:34px 0}
.hc-footer-head{font-family:Gilroy,sans-serif;font-weight:600;font-size:15.5px;color:#fff;margin-bottom:14px}
.hc-footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:14.5px}
.hc-footer-social a{display:inline-flex;align-items:center;gap:9px}
.hc-footer-social img{opacity:.72}
.hc-copyright{padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;color:rgba(255,255,255,.5)}

/* ------------------------------------------------------------- responsive */
@media (max-width:1080px){
  .hc-article-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .hc-rail{display:none}
  .hc-two-col{grid-template-columns:minmax(0,1fr);gap:40px}
  .hc-prose{max-width:none}
}
@media (max-width:860px){
  .hc-burger{display:flex}
  .hc-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--mc-dark-2);padding:0 24px;max-height:0;overflow:hidden;
    transition:max-height .28s var(--mc-ease),padding .28s var(--mc-ease)}
  .hc-nav.is-open{max-height:76vh;overflow-y:auto;padding:12px 24px 22px;box-shadow:var(--mc-shadow-lg)}
  .hc-nav-list{flex-direction:column;align-items:stretch;gap:0}
  .hc-nav-list a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:16px}
  .hc-nav-cta{margin-top:16px}
  .hc-nav-cta .hc-btn{flex:1;height:46px}
  .hc-header-inner{position:relative}
}
@media (max-width:680px){
  body.hc-body{font-size:16px}
  .hc-shell{padding-inline:18px}
  .hc-hero{padding:48px 0 58px}
  .hc-hero-sub{font-size:16.5px;margin-bottom:26px}

  /* the search stays ONE row — the button collapses to its icon */
  .hc-search-field{padding:5px 5px 5px 14px;border-radius:11px}
  .hc-search input[type=search]{height:44px;font-size:16px}
  .hc-search-icon{margin-right:10px}
  .hc-search-submit{width:44px;height:44px;padding:0;border-radius:8px}
  .hc-search-submit-text{display:none}
  .hc-search-submit-icon{display:block}
  /* two buttons in a narrow field — collapse Ask AI to its icon too */
  .hc-search-ai{width:44px;height:44px;padding:0;border-radius:8px;margin-left:5px}
  .hc-search-ai-text{display:none}
  .hc-search-ai .hc-ai-spark{width:18px;height:18px}

  .hc-cat-grid,.hc-art-grid{grid-template-columns:1fr}
  .hc-cat-card{padding:20px 52px 20px 20px}
  .hc-pager{grid-template-columns:1fr}
  .hc-pager-next{text-align:left}
  .hc-cta-inner{padding:40px 18px}
  .hc-cta-actions{width:100%}
  .hc-cta-actions .hc-btn{flex:1}
  .hc-feedback{padding:20px}
  .hc-feedback-actions{margin-left:0;width:100%}
  .hc-feedback-actions .hc-btn{flex:1}
  .hc-cat-head{flex-direction:column;gap:14px}
  .hc-logo-tag,.hc-logo-sep{display:none}
  /* the last crumb repeats the <h1> directly below it — drop it on phones */
  .hc-crumbs li[aria-current]{display:none}

  .hc-prose{font-size:16px;line-height:1.68}
  .hc-prose h2{font-size:20px;margin-top:2.1em;padding-top:1.2em}
  .hc-prose h3{font-size:17px;margin-top:1.7em}
  .hc-prose li{padding-left:1.7em}
  .hc-article-head h1{max-width:none}
  .hc-article-head{margin-bottom:28px}
}

/* --------------------------------------------------------------- printing */
@media print{
  .hc-header,.hc-footer,.hc-cta,.hc-rail,.hc-feedback,.hc-pager,.hc-search,.hc-crumbs{display:none!important}
  body.hc-body{font-size:12pt;color:#000}
  .hc-prose{max-width:none}
  .hc-prose img{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}
  .hc-prose h2,.hc-prose h3{page-break-after:avoid}
  .hc-article-layout{display:block}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .hc-btn:hover,.hc-cat-card:hover,.hc-art-card:hover,.hc-list a:hover,.hc-results a:hover{transform:none}
}

/* ================================================================== ask AI */
:root{
  --icon-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 4.6L18.5 9.5 13.9 11.4 12 16l-1.9-4.6L5.5 9.5l4.6-1.9z'/%3E%3Cpath d='M18 15l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8z'/%3E%3C/svg%3E");
  --icon-send:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l16-8-6 16-3-6-7-2z'/%3E%3C/svg%3E");
  --icon-doc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234755dc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3C/svg%3E");
}
.hc-ai-spark{
  display:inline-block;width:17px;height:17px;vertical-align:-3px;background:currentColor;
  -webkit-mask:var(--icon-spark) center/contain no-repeat;mask:var(--icon-spark) center/contain no-repeat;
}
.hc-ai-spark-lg{width:22px;height:22px}

/* in-field Ask AI button (sits to the right of Search).
   Distinct dark/gradient treatment so it reads as its own action next to the
   solid-blue Search — a pale tint on white looked disabled. */
.hc-search-ai{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:46px;padding:0 18px;margin-left:8px;border:0;border-radius:9px;cursor:pointer;
  background:linear-gradient(135deg,#5d3ece,#7a3fe0);color:#fff;
  font-family:Gilroy,sans-serif;font-weight:600;font-size:15px;white-space:nowrap;
  box-shadow:0 4px 12px rgba(93,62,206,.32);
  transition:filter .16s var(--mc-ease),transform .16s var(--mc-ease),box-shadow .16s var(--mc-ease);
}
.hc-search-ai:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 6px 16px rgba(93,62,206,.4)}
.hc-search-ai:active{transform:translateY(0)}
.hc-search-ai .hc-ai-spark{width:16px;height:16px;color:#fff}

/* hero sub-line link */
.hc-hero-ai-link{
  background:none;border:0;padding:0;cursor:pointer;color:rgba(255,255,255,.82);
  font:inherit;text-decoration:underline;text-underline-offset:2px;
}
.hc-hero-ai-link:hover{color:#fff}
.hc-nav-ask .hc-ai-spark{color:var(--mc-primary-light);margin-right:2px}

/* overlay + panel */
.hc-ai[hidden]{display:none}
.hc-ai{position:fixed;inset:0;z-index:300}
.hc-ai-scrim{position:absolute;inset:0;background:rgba(20,21,48,.5);opacity:0;transition:opacity .22s var(--mc-ease)}
.hc-ai.is-open .hc-ai-scrim{opacity:1}
.hc-ai-panel{
  position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);
  background:var(--mc-surface);display:flex;flex-direction:column;
  box-shadow:var(--mc-shadow-lg);transform:translateX(100%);transition:transform .24s var(--mc-ease);
}
.hc-ai.is-open .hc-ai-panel{transform:translateX(0)}
body.hc-ai-lock{overflow:hidden}

.hc-ai-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 18px;border-bottom:1px solid var(--mc-line);
  background:linear-gradient(135deg,#3b2c58,#31244a);color:#fff}
.hc-ai-head-title{display:flex;align-items:center;gap:12px}
.hc-ai-head .hc-ai-spark{color:#c9b8ff}
.hc-ai-h{font-family:Gilroy,sans-serif;font-weight:700;font-size:17px;color:#fff}
.hc-ai-sub{font-size:12.5px;color:rgba(255,255,255,.66);margin-top:1px}
.hc-ai-x{width:34px;height:34px;border:0;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;
  font-size:22px;line-height:1;cursor:pointer;transition:background .15s}
.hc-ai-x:hover{background:rgba(255,255,255,.22)}

.hc-ai-log{flex:1;overflow-y:auto;padding:20px 18px;display:flex;flex-direction:column;gap:16px;background:var(--mc-surface-2)}

.hc-ai-intro{background:#fff;border:1px solid var(--mc-line);border-radius:var(--mc-radius);padding:18px 18px 16px}
.hc-ai-intro-h{font-family:Gilroy,sans-serif;font-weight:700;font-size:16px;color:var(--mc-ink);margin-bottom:6px}
.hc-ai-intro-p{font-size:14px;line-height:1.55;color:var(--mc-muted)}
.hc-ai-suggest{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.hc-ai-chip{text-align:left;padding:10px 13px;border:1px solid var(--mc-line);border-radius:10px;background:var(--mc-surface-2);
  color:var(--mc-ink);font-size:14px;font-family:Gilroy,sans-serif;font-weight:500;cursor:pointer;transition:all .15s var(--mc-ease)}
.hc-ai-chip:hover{border-color:var(--mc-primary);color:var(--mc-primary);background:#fff;transform:translateX(2px)}

.hc-ai-msg{display:flex;gap:10px;max-width:100%}
.hc-ai-msg-user{justify-content:flex-end}
.hc-ai-msg-user .hc-ai-bubble{background:var(--mc-primary);color:#fff;border-radius:14px 14px 4px 14px;
  padding:11px 15px;max-width:85%;font-size:15px;line-height:1.5}
.hc-ai-msg-bot .hc-ai-bubble{background:#fff;border:1px solid var(--mc-line);border-radius:14px 14px 14px 4px;
  padding:14px 16px;max-width:100%;box-shadow:var(--mc-shadow-sm)}
.hc-ai-avatar{flex:0 0 auto;width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,var(--mc-primary),var(--mc-violet)) center/cover;position:relative}
.hc-ai-avatar::after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;background:#fff;
  -webkit-mask:var(--icon-spark) center/contain no-repeat;mask:var(--icon-spark) center/contain no-repeat}

.hc-ai-answer{font-size:15px;line-height:1.62;color:var(--mc-body)}
.hc-ai-answer>*+*{margin-top:.7em}
.hc-ai-answer strong{color:var(--mc-ink);font-weight:700}
.hc-ai-answer a{color:var(--mc-primary);text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.hc-ai-answer ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4em;margin-top:.6em}
.hc-ai-answer li{position:relative;padding-left:1.3em}
.hc-ai-answer li::before{content:"";position:absolute;left:.2em;top:.58em;width:5px;height:5px;border-radius:50%;background:var(--mc-primary)}
.hc-ai-err{color:#b4232f}

.hc-ai-typing{display:inline-flex;gap:4px;padding:3px 0}
.hc-ai-typing span{width:7px;height:7px;border-radius:50%;background:var(--mc-faint);animation:hc-ai-bounce 1.2s infinite ease-in-out}
.hc-ai-typing span:nth-child(2){animation-delay:.15s}
.hc-ai-typing span:nth-child(3){animation-delay:.3s}
@keyframes hc-ai-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}

.hc-ai-sources{margin-top:14px;padding-top:12px;border-top:1px solid var(--mc-line-soft)}
.hc-ai-sources-h{font-family:Gilroy,sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mc-faint);margin-bottom:8px}
.hc-ai-source{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--mc-line);border-radius:9px;
  margin-bottom:6px;font-size:13.5px;color:var(--mc-ink);line-height:1.35;transition:all .15s}
.hc-ai-source:hover{border-color:var(--mc-primary);background:var(--mc-surface-2);text-decoration:none}
.hc-ai-source-ic{flex:0 0 auto;width:15px;height:15px;background:var(--mc-primary);
  -webkit-mask:var(--icon-doc) center/contain no-repeat;mask:var(--icon-doc) center/contain no-repeat}

.hc-ai-form{display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--mc-line);background:#fff}
.hc-ai-form textarea{flex:1;resize:none;border:1px solid var(--mc-line);border-radius:11px;padding:11px 14px;
  font:400 15px/1.4 Lato,sans-serif;color:var(--mc-ink);max-height:140px;transition:border-color .15s,box-shadow .15s}
.hc-ai-form textarea:focus{outline:none;border-color:var(--mc-primary);box-shadow:0 0 0 3px rgba(71,85,220,.14)}
.hc-ai-send{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:11px;background:var(--mc-primary);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .15s}
.hc-ai-send:hover{background:var(--mc-primary-dark)}
.hc-ai-form.is-busy .hc-ai-send{opacity:.5;pointer-events:none}
.hc-ai-send-icon{width:19px;height:19px;background:#fff;-webkit-mask:var(--icon-send) center/contain no-repeat;mask:var(--icon-send) center/contain no-repeat}
.hc-ai-disclaimer{padding:0 16px 12px;font-size:12px;color:var(--mc-faint);text-align:center;background:#fff}
.hc-ai-disclaimer a{color:var(--mc-muted);text-decoration:underline}

@media (max-width:680px){
  .hc-ai-panel{width:100%}
  .hc-hero-ai-hint{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hc-ai-scrim,.hc-ai-panel{transition:none}
  .hc-ai-typing span{animation:none}
}

/* ---- ad example gallery (creative-examples articles) ---- */
.hc-prose .mc-adgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:1.6em 0}
.hc-prose .mc-ad{display:flex;flex-direction:column;border:1px solid var(--mc-line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:var(--mc-shadow-sm)}
.hc-prose .mc-ad-media{aspect-ratio:1/1;background:var(--mc-surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.hc-prose .mc-ad-media img{width:100%;height:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;margin:0;background:none}
.hc-prose .mc-ad-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.hc-prose .mc-ad-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0;font-size:13px;color:var(--mc-faint)}
.hc-prose .mc-ad-meta strong{color:var(--mc-ink);font-family:Gilroy,sans-serif;font-size:15px;margin-right:auto}
.hc-prose .mc-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--mc-primary-wash);color:var(--mc-primary);font-size:12px;font-weight:600;white-space:nowrap}
.hc-prose .mc-tag.is-good{background:#ecfdf3;color:#067647}
.hc-prose .mc-ad-es{margin:0;font-style:italic;color:var(--mc-ink);font-size:14.5px;line-height:1.5}
.hc-prose .mc-ad-en{margin:0;font-size:14px;line-height:1.5;color:var(--mc-faint)}
.hc-prose .mc-ad-why{margin:auto 0 0;padding-top:8px;border-top:1px solid var(--mc-line-soft);font-size:14px;line-height:1.5}
.hc-prose .hc-embed.is-board{padding-top:0;height:760px;background:#fff;border:1px solid var(--mc-line)}
@media (max-width:640px){.hc-prose .mc-adgrid{grid-template-columns:1fr}.hc-prose .hc-embed.is-board{height:600px}}

/* ---- visual how-to blocks: flow, step cards, option cards, time bars ---- */
.hc-prose .mc-flow{display:flex;align-items:stretch;gap:0;margin:1.6em 0;counter-reset:flow}
.hc-prose .mc-flow-item{flex:1;position:relative;padding:16px 14px 14px;text-align:center;background:var(--c,#eef0fc);border-radius:14px;margin-right:22px}
.hc-prose .mc-flow-item:last-child{margin-right:0}
.hc-prose .mc-flow-item:not(:last-child)::after{content:"";position:absolute;right:-17px;top:50%;width:12px;height:12px;border-top:2.5px solid #b4b9d6;border-right:2.5px solid #b4b9d6;transform:translateY(-50%) rotate(45deg)}
.hc-prose .mc-flow-ico{display:block;font-size:26px;line-height:1;margin-bottom:8px}
.hc-prose .mc-flow-item strong{display:block;font-family:Gilroy,sans-serif;font-size:15px;color:var(--mc-ink)}
.hc-prose .mc-flow-item small{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--mc-faint)}
.hc-prose .mc-stepcard{position:relative;margin:1.4em 0;padding:22px 24px 20px 78px;border:1px solid var(--mc-line);border-radius:16px;background:#fff;box-shadow:var(--mc-shadow-sm)}
.hc-prose .mc-stepcard::before{content:attr(data-step);position:absolute;left:22px;top:20px;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#4755dc,#7b6cf6);color:#fff;font:700 18px/40px Gilroy,sans-serif;text-align:center;box-shadow:0 6px 16px rgba(71,85,220,.28)}
.hc-prose .mc-stepcard>h3{margin:0 0 10px;padding:0;border:0;font-size:19px}
.hc-prose .mc-stepcard>ol,.hc-prose .mc-stepcard>ul{margin-bottom:0}
.hc-prose .mc-stepcard figure,.hc-prose .mc-stepcard .mc-shot{margin:16px 0 4px}
.hc-prose .mc-shot img{display:block;border:1px solid var(--mc-line);border-radius:10px;box-shadow:var(--mc-shadow-sm);background:#fff;margin:0}
.hc-prose .mc-shots{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-top:16px}
.hc-prose .mc-shots img{max-width:100%;height:auto}
.hc-prose .mc-shots img.is-narrow{max-width:260px}
.hc-prose .mc-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:14px 0 4px}
.hc-prose .mc-option{padding:14px 15px;border-radius:12px;background:#fff;border:1px solid var(--mc-line);border-top:4px solid var(--c,#4755dc)}
.hc-prose .mc-option strong{display:block;font-family:Gilroy,sans-serif;font-size:16px;color:var(--mc-ink)}
.hc-prose .mc-option span{display:block;margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--mc-faint)}
.hc-prose .mc-option em{display:inline-block;margin-top:8px;padding:2px 8px;border-radius:999px;background:var(--w,#eef0fc);color:var(--c,#4755dc);font-style:normal;font-size:12px;font-weight:600}
.hc-prose .mc-bars{margin:1.2em 0;padding:18px 20px;border:1px solid var(--mc-line);border-radius:14px;background:#fff}
.hc-prose .mc-bar{display:grid;grid-template-columns:100px 1fr 175px;align-items:center;gap:12px;margin:10px 0;font-size:14px}
.hc-prose .mc-bar b{font-family:Gilroy,sans-serif;font-weight:600;color:var(--mc-ink)}
.hc-prose .mc-bar i{position:relative;display:block;height:12px;border-radius:999px;background:var(--mc-surface-2)}
.hc-prose .mc-bar i::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p80);border-radius:999px;background:var(--c);opacity:.28}
.hc-prose .mc-bar i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--med);border-radius:999px;background:var(--c)}
.hc-prose .mc-bar span{color:var(--mc-faint);font-size:13px;text-align:right}
.hc-prose .mc-bars-legend{display:flex;gap:16px;margin-top:12px;font-size:12.5px;color:var(--mc-faint)}
.hc-prose .mc-bars-legend span::before{content:"";display:inline-block;width:18px;height:8px;border-radius:4px;background:#4755dc;margin-right:6px;vertical-align:1px}
.hc-prose .mc-bars-legend span.is-light::before{opacity:.28}
.hc-prose .mc-bars-legend span.is-plain{margin-left:auto}.hc-prose .mc-bars-legend span.is-plain::before{display:none}
@media (max-width:640px){
  .hc-prose .mc-flow{flex-direction:column}.hc-prose .mc-flow-item{margin:0 0 18px}
  .hc-prose .mc-flow-item:not(:last-child)::after{right:50%;top:auto;bottom:-15px;transform:translateX(50%) rotate(135deg)}
  .hc-prose .mc-stepcard{padding:72px 18px 18px}.hc-prose .mc-stepcard::before{left:18px;top:18px}
  .hc-prose .mc-shots{grid-template-columns:1fr}.hc-prose .mc-bar{grid-template-columns:90px 1fr;}.hc-prose .mc-bar span{grid-column:2;text-align:left;margin-top:-6px}
}

/* ---- timeline bar (payout cycle) ---- */
.hc-prose .mc-timeline{margin:1.6em 0;padding:22px 22px 16px;border:1px solid var(--mc-line);border-radius:16px;background:#fff;box-shadow:var(--mc-shadow-sm)}
.hc-prose .mc-tl-track{display:flex;gap:4px;height:46px}
.hc-prose .mc-tl-seg{flex:var(--w,1);display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:var(--c);color:#fff;font:600 14px/1.2 Gilroy,sans-serif;white-space:nowrap;padding:0 8px}
.hc-prose .mc-tl-dot{flex:0 0 46px;border-radius:50%;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
.hc-prose .mc-tl-labels{display:flex;gap:4px;margin-top:10px}
.hc-prose .mc-tl-labels>div{flex:var(--w,1);font-size:13px;line-height:1.45;color:var(--mc-faint);text-align:center}
.hc-prose .mc-tl-labels>div.is-dot{flex:0 0 46px}
.hc-prose .mc-tl-labels b{display:block;color:var(--mc-ink);font-family:Gilroy,sans-serif;font-size:14px}
.hc-prose .mc-statuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:1.2em 0}
.hc-prose .mc-status{padding:16px;border-radius:14px;background:var(--w);border:1px solid var(--b)}
.hc-prose .mc-status strong{display:flex;align-items:center;gap:8px;font-family:Gilroy,sans-serif;font-size:16px;color:var(--c)}
.hc-prose .mc-status strong::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.hc-prose .mc-status p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--mc-ink)}
@media (max-width:640px){
  .hc-prose .mc-tl-track,.hc-prose .mc-tl-labels{flex-direction:column;height:auto}
  .hc-prose .mc-tl-track{display:none}
  .hc-prose .mc-tl-labels>div{text-align:left;padding:10px 12px 10px 16px;border-left:5px solid var(--c);background:var(--mc-surface-2);border-radius:8px}
  .hc-prose .mc-tl-labels>div.is-dot{flex:auto}
  .hc-prose .mc-statuses{grid-template-columns:1fr}
}
.hc-prose .mc-tl-dur{display:none}
@media (max-width:640px){.hc-prose .mc-tl-dur{display:inline;color:var(--c);font-weight:600}}
.hc-prose .mc-flow.is-parallel .mc-flow-item::after{display:none}.hc-prose .mc-flow.is-parallel .mc-flow-item{margin-right:12px}.hc-prose .mc-flow.is-parallel .mc-flow-item:last-child{margin-right:0}@media (max-width:640px){.hc-prose .mc-flow.is-parallel .mc-flow-item{margin:0 0 10px}}

/* ---- icon set (mask) for list rows ---- */
.hc-prose [data-ic=check]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27m8 12.5 2.7 2.7L16 9.5%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=clock]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M12 7v5l3.2 2%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=x]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27m9 9 6 6M15 9l-6 6%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=ban]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27m5.8 5.8 12.4 12.4%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=repeat]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 12a8 8 0 0 1 14-5.3L20 9%27/%3E%3Cpath d=%27M20 4v5h-5%27/%3E%3Cpath d=%27M20 12a8 8 0 0 1-14 5.3L4 15%27/%3E%3Cpath d=%27M4 20v-5h5%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=dollar]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M14.6 9.4c-.4-.9-1.4-1.4-2.6-1.4-1.5 0-2.6.8-2.6 2s1.1 1.7 2.6 2 2.6.8 2.6 2-1.1 2-2.6 2c-1.2 0-2.2-.5-2.6-1.4M12 6.5V8m0 8v1.5%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=trend]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 17l6-6 4 4 8-8%27/%3E%3Cpath d=%27M15 7h6v6%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=users]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%279%27 cy=%278%27 r=%273.5%27/%3E%3Cpath d=%27M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6%27/%3E%3Cpath d=%27M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14.2c2.1.7 3.5 2.8 3.5 5.8%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=globe]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M3 12h18M12 3c2.5 2.7 3.8 5.7 3.8 9s-1.3 6.3-3.8 9c-2.5-2.7-3.8-5.7-3.8-9S9.5 5.7 12 3z%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=bell]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 16v-5a6 6 0 0 1 12 0v5l1.5 2h-15z%27/%3E%3Cpath d=%27M10 20.5a2 2 0 0 0 4 0%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=code]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m8 8-4 4 4 4M16 8l4 4-4 4M13.5 5l-3 14%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=key]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%278%27 cy=%2715%27 r=%274%27/%3E%3Cpath d=%27m11 12 9-9M17 6l3 3M14.5 8.5l2 2%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=chart]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 20h16%27/%3E%3Crect x=%276%27 y=%2711%27 width=%273%27 height=%277%27 rx=%27.8%27/%3E%3Crect x=%2711%27 y=%277%27 width=%273%27 height=%2711%27 rx=%27.8%27/%3E%3Crect x=%2716%27 y=%2713%27 width=%273%27 height=%275%27 rx=%27.8%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=phone]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=card]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2714%27 rx=%272.5%27/%3E%3Cpath d=%27M3 10h18M7 15h3%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=bank]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 10l9-6 9 6M5 10v8M9.5 10v8M14.5 10v8M19 10v8M3 20h18%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=coins]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%279%27 cy=%279%27 r=%276%27/%3E%3Cpath d=%27M15.6 9.6a6 6 0 1 1-6 6%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=wallet]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%27/%3E%3Cpath d=%27M16 12h5v4h-5a2 2 0 0 1 0-4z%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=target]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%275%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%271.2%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=star]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=news]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2714%27 rx=%272%27/%3E%3Cpath d=%27M7 9h10M7 13h6%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=info]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M12 11v5M12 8h.01%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=search]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27m20 20-4-4%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=play]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2714%27 rx=%273%27/%3E%3Cpath d=%27m10 9 5 3-5 3z%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=mail]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2714%27 rx=%272%27/%3E%3Cpath d=%27m3 7 9 6 9-6%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=lock]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%275%27 y=%2711%27 width=%2714%27 height=%279%27 rx=%272%27/%3E%3Cpath d=%27M8 11V8a4 4 0 0 1 8 0v3%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=rocket]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 15c-1.5 1.5-2 5-2 5s3.5-.5 5-2c.9-.9.9-2.3 0-3.2a2.2 2.2 0 0 0-3 .2z%27/%3E%3Cpath d=%27M12.5 14.5 9.5 11.5c1-3 3-6 8-8 0 5-2 7-5 8z%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=layers]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m12 3 9 5-9 5-9-5z%27/%3E%3Cpath d=%27m3 13 9 5 9-5%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=percent]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M19 5 5 19%27/%3E%3Ccircle cx=%277%27 cy=%277%27 r=%272.5%27/%3E%3Ccircle cx=%2717%27 cy=%2717%27 r=%272.5%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=up]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 19V5M6 11l6-6 6 6%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=down]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 5v14M6 13l6 6 6-6%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=heart]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=mic]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%279%27 y=%273%27 width=%276%27 height=%2711%27 rx=%273%27/%3E%3Cpath d=%27M5 11a7 7 0 0 0 14 0M12 18v3%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=flask]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 3h6M10 3v6l-5 9a2 2 0 0 0 1.7 3h10.6a2 2 0 0 0 1.7-3l-5-9V3%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=pointer]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m5 3 14 7-6 2-2 6z%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=file]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 3h8l4 4v14H6z%27/%3E%3Cpath d=%27M14 3v4h4M9 13h6M9 17h4%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=alert]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3.5 2.5 20h19z%27/%3E%3Cpath d=%27M12 10v4M12 17h.01%27/%3E%3C/svg%3E")}

/* ---- option cards -> one clean list panel, one item per row, icon tile ---- */
.hc-prose .mc-options{display:flex;flex-direction:column;gap:0;margin:1.4em 0;border:1px solid var(--mc-line);border-radius:16px;background:#fff;box-shadow:var(--mc-shadow-sm);overflow:hidden;grid-template-columns:none}
.hc-prose .mc-option{position:relative;display:block;min-height:76px;padding:18px 22px 18px 82px;border:0;border-top:1px solid var(--mc-line-soft);border-radius:0;background:#fff}
.hc-prose .mc-option:first-child{border-top:0}
.hc-prose .mc-option::before{content:"";position:absolute;left:22px;top:18px;width:42px;height:42px;border-radius:12px;background:var(--w,#eef0fc)}
.hc-prose .mc-option::after{content:"";position:absolute;left:32px;top:28px;width:22px;height:22px;background:var(--c,#4755dc);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.hc-prose .mc-option:not([data-ic])::after{-webkit-mask:none;mask:none;width:10px;height:10px;left:38px;top:34px;border-radius:50%}
.hc-prose .mc-option strong{display:block;font-family:Gilroy,sans-serif;font-size:16.5px;font-weight:600;color:var(--mc-ink);line-height:1.35}
.hc-prose .mc-option span{display:block;margin-top:4px;font-size:15px;line-height:1.6;color:#3d4160}
.hc-prose .mc-option strong+span{margin-top:4px}
.hc-prose .mc-option>span:first-child{margin-top:10px;font-size:15.5px;color:var(--mc-ink)}
.hc-prose .mc-option em{display:inline-block;margin-top:8px;padding:2px 9px;border-radius:999px;background:var(--w,#eef0fc);color:var(--c,#4755dc);font-style:normal;font-size:12px;font-weight:600}
.hc-prose .mc-option code,.hc-prose .mc-option strong code{font-size:14px}

/* ---- status cards -> definition rows: coloured pill with icon | description ---- */
.hc-prose .mc-statuses{display:flex;flex-direction:column;gap:0;margin:1.4em 0;border:1px solid var(--mc-line);border-radius:16px;background:#fff;box-shadow:var(--mc-shadow-sm);overflow:hidden}
.hc-prose .mc-status{display:grid;grid-template-columns:230px 1fr;column-gap:20px;align-items:start;padding:16px 22px;border:0;border-top:1px solid var(--mc-line-soft);border-radius:0;background:#fff}
.hc-prose .mc-status:first-child{border-top:0}
.hc-prose .mc-status strong{justify-self:start;display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:999px;background:var(--w);border:1px solid var(--b,transparent);color:var(--c);font-family:Gilroy,sans-serif;font-size:14.5px;font-weight:600;line-height:1.3}
.hc-prose .mc-status strong::before{content:"";flex:0 0 16px;width:16px;height:16px;border-radius:0;background:var(--c);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.hc-prose .mc-status:not([data-ic]) strong::before{-webkit-mask:none;mask:none;width:8px;height:8px;flex-basis:8px;border-radius:50%}
.hc-prose .mc-status p{margin:2px 0 0;font-size:15px;line-height:1.6;color:#3d4160}
.hc-prose .mc-status>p:only-child{grid-column:1/-1;position:relative;padding-left:30px;margin:0;color:var(--mc-ink)}
.hc-prose .mc-status>p:only-child::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;background:var(--c);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
@media (max-width:640px){
  .hc-prose .mc-status{grid-template-columns:1fr;row-gap:8px;padding:14px 16px}
  .hc-prose .mc-option{padding:16px 16px 16px 70px}
  .hc-prose .mc-option::before{left:16px;top:16px;width:38px;height:38px}
  .hc-prose .mc-option::after{left:24px;top:24px}
}


/* ---- callouts: icon + left accent ---- */
.hc-prose .mc-callout{position:relative;padding:15px 18px 15px 52px;border-left-width:4px;border-color:#c9cff5;border-left-color:#4755dc;background:#f5f6fe}
.hc-prose .mc-callout::before{content:"";position:absolute;left:18px;top:16px;width:20px;height:20px;background:#4755dc;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M12 11v5M12 8h.01%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M12 11v5M12 8h.01%27/%3E%3C/svg%3E") center/contain no-repeat}
.hc-prose .mc-callout.is-note{border-color:#fde68a;border-left-color:#f59f00;background:#fffbeb}
.hc-prose .mc-callout.is-note::before{background:#d98a00;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 18h6M10 21h4%27/%3E%3Cpath d=%27M12 3a6 6 0 0 0-3.5 10.9c.6.4 1 1.1 1 1.8V16h5v-.3c0-.7.4-1.4 1-1.8A6 6 0 0 0 12 3z%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 18h6M10 21h4%27/%3E%3Cpath d=%27M12 3a6 6 0 0 0-3.5 10.9c.6.4 1 1.1 1 1.8V16h5v-.3c0-.7.4-1.4 1-1.8A6 6 0 0 0 12 3z%27/%3E%3C/svg%3E")}
.hc-prose .mc-callout.is-warn{border-color:#fecaca;border-left-color:#e03131;background:#fff5f5}
.hc-prose .mc-callout.is-warn::before{background:#e03131;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3.5 2.5 20h19z%27/%3E%3Cpath d=%27M12 10v4M12 17h.01%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3.5 2.5 20h19z%27/%3E%3Cpath d=%27M12 10v4M12 17h.01%27/%3E%3C/svg%3E")}
.hc-prose .mc-callout ul,.hc-prose .mc-callout ol{margin:.4em 0 0}
/* ---- process tiles: SVG icon badge instead of emoji ---- */
.hc-prose .mc-flow-ico[data-ic]{display:block;width:44px;height:44px;margin:0 auto 10px;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(20,24,60,.08);position:relative;font-size:0}
.hc-prose .mc-flow-ico[data-ic]::after{content:"";position:absolute;inset:11px;background:#4755dc;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.hc-prose [data-ic=ticket]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 8a2 2 0 0 0 2-2h14a2 2 0 0 0 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 0-2 2H5a2 2 0 0 0-2-2v-2a2 2 0 0 0 0-4z%27/%3E%3Cpath d=%27M14 6v12%27/%3E%3C/svg%3E")}
.hc-prose [data-ic=send]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 12 20 4l-4 16-4-7z%27/%3E%3Cpath d=%27m12 13 8-9%27/%3E%3C/svg%3E")}
.hc-prose p.mc-flag{margin:1em 0 .4em}
.hc-prose p.mc-flag strong{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 10px;border-radius:999px;background:#fff5f5;border:1px solid #ffc9c9;color:#c92a2a;font-size:14px}
.hc-prose .mc-status strong::first-letter{text-transform:uppercase}

/* ---- interactive checklist ---- */
.hc-prose .mc-checklist{margin:1.4em 0 2em;border:1px solid var(--mc-line);border-radius:16px;background:#fff;box-shadow:var(--mc-shadow-sm);overflow:hidden;counter-reset:clg}
.hc-prose .mc-cl-progress{display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--mc-surface-2);border-bottom:1px solid var(--mc-line)}
.hc-prose .mc-cl-count{font:600 14px Gilroy,sans-serif;color:var(--mc-ink);white-space:nowrap}
.hc-prose .mc-cl-bar{flex:1;height:8px;border-radius:999px;background:#e4e7f1;overflow:hidden}
.hc-prose .mc-cl-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#4755dc,#2b8a3e);transition:width .25s}
.hc-prose .mc-cl-reset{border:0;background:none;color:var(--mc-faint);font-size:13px;cursor:pointer;padding:4px 6px}
.hc-prose .mc-cl-reset:hover{color:var(--mc-primary)}
.hc-prose .mc-cl-group{padding:16px 20px 10px;border-top:1px solid var(--mc-line-soft)}
.hc-prose .mc-cl-group:first-of-type{border-top:0}
.hc-prose .mc-cl-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:6px;counter-increment:clg}
.hc-prose .mc-cl-head::before{content:counter(clg);flex:0 0 28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#4755dc,#7b6cf6);color:#fff;font:700 14px/28px Gilroy,sans-serif;text-align:center}
.hc-prose .mc-cl-head strong{flex:1;font:600 16px/1.45 Gilroy,sans-serif;color:var(--mc-ink);padding-top:3px}
.hc-prose .mc-cl-jump,.hc-prose .mc-cl-link{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--mc-primary-wash);color:var(--mc-primary);font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap}
.hc-prose .mc-cl-jump::after,.hc-prose .mc-cl-link::after{content:"↓";font-weight:700}
.hc-prose .mc-cl-jump:hover,.hc-prose .mc-cl-link:hover{background:var(--mc-primary);color:#fff;text-decoration:none}
.hc-prose .mc-checklist ul{list-style:none;margin:0;padding:0 0 0 40px}
.hc-prose .mc-checklist li{display:flex;align-items:flex-start;gap:10px;margin:0;padding:8px 0;border-top:1px dashed var(--mc-line-soft)}
.hc-prose .mc-checklist li::before{display:none}
.hc-prose .mc-checklist li:first-child{border-top:0}
.hc-prose .mc-checklist label{flex:1;display:flex;align-items:flex-start;gap:11px;cursor:pointer;font-size:15px;line-height:1.55;color:#3d4160;margin:0}
.hc-prose .mc-checklist input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 20px;width:20px;height:20px;margin:2px 0 0;border:2px solid #b4b9d6;border-radius:6px;background:#fff;cursor:pointer;display:grid;place-content:center;transition:all .15s}
.hc-prose .mc-checklist input[type=checkbox]::after{content:"";width:11px;height:6px;border:2.5px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.hc-prose .mc-checklist input[type=checkbox]:checked{background:#2b8a3e;border-color:#2b8a3e}
.hc-prose .mc-checklist input[type=checkbox]:checked::after{opacity:1}
.hc-prose .mc-checklist input[type=checkbox]:focus-visible{outline:2px solid var(--mc-primary);outline-offset:2px}
.hc-prose .mc-checklist input:checked+span{color:var(--mc-faint);text-decoration:line-through;text-decoration-color:#b4b9d6}
.hc-prose .mc-checklist.is-done .mc-cl-count{color:#2b8a3e}
/* jump target highlight */
.hc-prose :is(h2,h3):target,.hc-prose tr:target td{animation:mcFlash 2.2s ease-out}
@keyframes mcFlash{0%,35%{background:#fff3bf}100%{background:transparent}}
@media (max-width:640px){.hc-prose .mc-checklist ul{padding-left:0}.hc-prose .mc-cl-group{padding:14px 14px 8px}.hc-prose .mc-cl-link{font-size:0;padding:4px 8px}.hc-prose .mc-cl-link::after{font-size:13px}}
.hc-prose .mc-checklist.is-flat{counter-reset:clf}
.hc-prose .mc-checklist.is-flat ul{padding:6px 20px}
.hc-prose .mc-checklist.is-flat li{align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--mc-line-soft);counter-increment:clf}
.hc-prose .mc-checklist.is-flat li:first-child{border-top:0}
.hc-prose .mc-checklist.is-flat label{align-items:center;font:600 16px/1.45 Gilroy,sans-serif;color:var(--mc-ink)}
.hc-prose .mc-checklist.is-flat label::before{content:counter(clf);order:-1;flex:0 0 28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#4755dc,#7b6cf6);color:#fff;font:700 14px/28px Gilroy,sans-serif;text-align:center}
.hc-prose .mc-checklist.is-flat input[type=checkbox]{order:-2;margin:0}
@media (max-width:640px){.hc-prose .mc-checklist.is-flat ul{padding:4px 14px}.hc-prose .mc-checklist.is-flat label{font-size:15px}}

/* ===== home: per-topic colour identity, premium topic cards + guide lists ===== */
[data-icon]{--tc:#4755dc;--tw:#eef0fc;--tb:#dfe3fb}
[data-icon=rocket]{--tc:#4755dc;--tw:#eceefe;--tb:#d9ddfb}
[data-icon=target]{--tc:#e0457b;--tw:#fdedf3;--tb:#f9d3e1}
[data-icon=plug]{--tc:#0e9384;--tw:#e3f6f3;--tb:#c2ebe4}
[data-icon=shield]{--tc:#2f9e44;--tw:#e9f7ec;--tb:#c9ebd0}
[data-icon=wallet]{--tc:#d97706;--tw:#fff4e2;--tb:#fde1b5}
[data-icon=chart]{--tc:#7c4ddf;--tw:#f2ecfe;--tb:#e0d4fb}
[data-icon=book]{--tc:#52607a;--tw:#eff2f7;--tb:#dde2ec}

/* icon tile: soft tone wash, inner highlight, tone glyph */
.hc-cat-icon{background:linear-gradient(150deg,#fff 0%,var(--tw) 70%);border:1px solid var(--tb);
  box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px var(--tc)}
.hc-cat-icon::after{background:var(--tc)}

.hc-cat-grid{gap:20px}
.hc-cat-card{flex-direction:column;gap:18px;padding:26px 26px 22px;overflow:hidden;isolation:isolate;
  border-color:var(--mc-line-soft);box-shadow:0 1px 2px rgba(20,21,48,.04),0 8px 24px -14px rgba(20,21,48,.12)}
.hc-cat-card::before{content:"";position:absolute;z-index:-1;top:-90px;right:-90px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,var(--tw) 0%,rgba(255,255,255,0) 68%);opacity:.9;transition:transform .35s var(--mc-ease),opacity .35s}
.hc-cat-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--tc);
  transform:scaleX(0);transform-origin:left;transition:transform .35s var(--mc-ease)}
.hc-cat-card:hover{transform:translateY(-4px);border-color:var(--tb);
  box-shadow:0 2px 4px rgba(20,21,48,.04),0 22px 44px -18px rgba(20,21,48,.22)}
.hc-cat-card:hover::before{transform:scale(1.35);opacity:1}
.hc-cat-card:hover::after{transform:scaleX(1)}
.hc-cat-grid .hc-cat-icon{width:52px;height:52px;border-radius:15px}
.hc-cat-grid .hc-cat-icon::after{width:25px;height:25px}
.hc-cat-grid .hc-cat-body{gap:7px;flex:1}
.hc-cat-name{font-size:19px;letter-spacing:-.01em}
.hc-cat-go{display:flex;align-self:stretch;align-items:center;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--mc-line-soft);
  font-family:Gilroy,sans-serif;font-weight:600;font-size:14px;color:var(--tc)}
.hc-cat-go::after{content:"";width:16px;height:16px;margin-left:auto;background:currentColor;transition:transform .25s var(--mc-ease);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.hc-cat-card:hover .hc-cat-go::after{transform:translateX(4px)}

/* in-depth guides: tone icon tile | title + meta | arrow */
.hc-list-guides{gap:12px}
.hc-list-guides a{flex-direction:row;align-items:center;gap:18px;padding:18px 22px;border-color:var(--mc-line-soft);border-radius:var(--mc-radius);
  box-shadow:0 1px 2px rgba(20,21,48,.04)}
.hc-list-guides a:hover{transform:translateY(-2px);border-color:var(--tb);box-shadow:0 16px 32px -18px rgba(20,21,48,.22)}
.hc-list-ico{flex:0 0 46px;width:46px;height:46px;border-radius:13px;position:relative;
  background:linear-gradient(150deg,#fff 0%,var(--tw) 70%);border:1px solid var(--tb);box-shadow:inset 0 1px 0 #fff}
.hc-list-ico::after{content:"";position:absolute;inset:0;margin:auto;width:22px;height:22px;background:var(--tc);
  -webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.hc-list-body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.hc-list-guides .hc-list-title{font-size:17px}
.hc-list-guides .hc-list-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.hc-list-cat{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--tw);color:var(--tc);
  font-family:Gilroy,sans-serif;font-weight:600;font-size:12.5px;line-height:1.6}
.hc-list-time,.hc-list-date{display:inline-flex;align-items:center;gap:6px;color:var(--mc-muted)}
.hc-list-time::before,.hc-list-date::before{content:"";width:14px;height:14px;background:var(--mc-faint);
  -webkit-mask:var(--ico-m) center/contain no-repeat;mask:var(--ico-m) center/contain no-repeat}
.hc-list-time{--ico-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.2 2'/%3E%3C/svg%3E")}
.hc-list-date{--ico-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.hc-list-arrow{flex:0 0 34px;width:34px;height:34px;border-radius:50%;position:relative;background:var(--mc-surface-2);transition:background .2s,transform .25s var(--mc-ease)}
.hc-list-arrow::after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;background:var(--mc-faint);transition:background .2s;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.hc-list-guides a:hover .hc-list-arrow{background:var(--tc);transform:translateX(3px)}
.hc-list-guides a:hover .hc-list-arrow::after{background:#fff}

/* recently updated: timeline with tone nodes */
.hc-aside-recent{background:linear-gradient(180deg,#f6f7fd 0%,#fbfbfe 100%);border:1px solid var(--mc-line-soft);padding:26px 24px 18px}
.hc-aside-recent .hc-section-title{display:flex;align-items:center;gap:10px}
.hc-aside-recent .hc-section-title::before{content:"";width:30px;height:30px;border-radius:9px;flex:0 0 30px;
  background:var(--mc-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.4-5.7L4 8.6'/%3E%3Cpath d='M4 4v4.6h4.6M12 8v4.5l3 1.8'/%3E%3C/svg%3E") center/17px no-repeat;
  box-shadow:0 6px 14px -6px var(--mc-primary)}
.hc-aside-recent .hc-list{gap:0;position:relative}
.hc-aside-recent .hc-list::before{content:"";position:absolute;left:7px;top:22px;bottom:22px;width:2px;border-radius:2px;background:var(--mc-line)}
.hc-aside-recent .hc-list a{position:relative;margin-left:26px;padding:10px 14px;margin-bottom:2px;border-color:transparent;background:transparent;border-radius:12px}
.hc-aside-recent .hc-list li:last-child a{margin-bottom:0}
.hc-aside-recent .hc-list a::before{content:"";position:absolute;left:-26px;top:15px;width:12px;height:12px;border-radius:50%;
  background:#fff;border:3px solid var(--tc);box-shadow:0 0 0 4px #f7f8fd}
.hc-aside-recent .hc-list a:hover{background:#fff;border-color:var(--tb);box-shadow:0 10px 24px -16px rgba(20,21,48,.25);transform:translateX(2px)}
.hc-aside-recent .hc-list-title{font-size:15.5px}
.hc-aside-recent .hc-list-meta{font-size:13px;margin-top:2px}

@media (max-width:680px){
  .hc-cat-card{padding:22px 20px 18px}
  .hc-list-guides a{gap:14px;padding:16px}
  .hc-list-ico{flex-basis:40px;width:40px;height:40px}
  .hc-list-arrow{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hc-cat-card::before,.hc-cat-card::after,.hc-cat-go::after,.hc-list-arrow{transition:none}
}
/* compact topic cards: icon beside the title, tighter rhythm */
.hc-cat-grid .hc-cat-card{display:grid;grid-template-columns:46px 1fr;column-gap:16px;row-gap:12px;align-items:start;padding:20px 22px 14px}
.hc-cat-grid .hc-cat-icon{width:46px;height:46px;border-radius:13px}
.hc-cat-grid .hc-cat-icon::after{width:22px;height:22px}
.hc-cat-grid .hc-cat-body{gap:4px;padding-top:1px}
.hc-cat-grid .hc-cat-name{font-size:18px}
.hc-cat-grid .hc-cat-desc{font-size:14.5px;line-height:1.5}
.hc-cat-grid .hc-cat-go{grid-column:1/-1;padding-top:11px;font-size:13.5px}
@media (max-width:680px){.hc-cat-grid .hc-cat-card{padding:18px 18px 12px}}

/* ---- consent form mock-up (TCPA article) ---- */
.hc-prose .mc-consentmock{margin:1.5em 0;border:1px solid var(--mc-line);border-radius:16px;background:linear-gradient(180deg,#f7f8fd,#fff);box-shadow:var(--mc-shadow-sm);overflow:hidden}
.hc-prose .mc-cm-head{padding:12px 22px;border-bottom:1px solid var(--mc-line-soft);font-family:Gilroy,sans-serif;font-weight:600;font-size:13.5px;color:var(--mc-muted);letter-spacing:.02em;text-transform:uppercase}
.hc-prose .mc-cm-form{margin:22px auto;max-width:420px;padding:22px;border:1px solid var(--mc-line);border-radius:14px;background:#fff;box-shadow:0 14px 34px -20px rgba(20,21,48,.35)}
.hc-prose .mc-cm-field{margin-bottom:12px}
.hc-prose .mc-cm-field label{display:block;font-size:12.5px;font-weight:600;color:var(--mc-muted);margin-bottom:4px}
.hc-prose .mc-cm-field span{display:block;padding:9px 12px;border:1px solid var(--mc-line);border-radius:9px;font-size:15px;color:var(--mc-ink);background:#fbfbfe}
.hc-prose .mc-cm-consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0 14px;padding:12px;border-radius:10px;background:#f2fbf4;outline:2px dashed #8fd19e;outline-offset:2px}
.hc-prose .mc-cm-box{flex:0 0 18px;width:18px;height:18px;margin-top:2px;border:2px solid #9096ad;border-radius:4px;background:#fff}
.hc-prose .mc-cm-consent p{margin:0;font-size:13px;line-height:1.5;color:#3d4160}
.hc-prose .mc-cm-btn{padding:11px;border-radius:10px;background:#4755dc;color:#fff;text-align:center;font-family:Gilroy,sans-serif;font-weight:600;font-size:15px}
.hc-prose ul.mc-cm-notes{list-style:none;margin:0;padding:4px 22px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.hc-prose ul.mc-cm-notes li{position:relative;margin:0;padding-left:28px;font-size:14.5px;line-height:1.5}
.hc-prose ul.mc-cm-notes li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:#2b8a3e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
@media (max-width:640px){.hc-prose ul.mc-cm-notes{grid-template-columns:1fr}.hc-prose .mc-cm-form{margin:16px;padding:18px}}