/* GD Content Studio: article components. Uses the theme's colour tokens, with fallbacks for other themes. */
.gdcs-label{font-family:var(--f-mono,ui-monospace,Menlo,monospace);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--brand,#1f55f0);margin:0 0 .6em;font-weight:500}
.prose .gdcs-answer,.gdcs-answer{position:relative;background:var(--surface,#fff);border:1px solid var(--line,#e1e7f1);border-left:4px solid var(--brand,#1f55f0);border-radius:16px;padding:20px 22px;margin:0 0 1.6em;box-shadow:var(--shadow,none)}
.gdcs-answer p:last-child{margin:0;color:var(--ink,#0b1a33);font-size:1.08em;line-height:1.6}
.prose .gdcs-answer p:first-of-type::first-letter{all:unset}
.gdcs-takeaways{background:var(--bg-2,#eef2f9);border-radius:16px;padding:18px 22px;margin:0 0 2em}
.gdcs-takeaways ul{margin:0;padding-left:1.1em}.gdcs-takeaways li{color:var(--ink,#0b1a33)}
figure.gdcs-visual{margin:2.2em 0}
figure.gdcs-visual img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line,#e1e7f1);display:block}
figure.gdcs-visual figcaption{font-size:.85rem;color:var(--muted,#6c778f);margin-top:.6em;text-align:center}
.gdcs-faq h3{font-size:1.12rem!important;margin-top:1.4em!important}
.gdcs-faq{border-top:1px solid var(--line,#e1e7f1);margin-top:2.6em;padding-top:.4em}
.gdcs-sources{font-size:.9rem;margin-top:2.4em}
.gdcs-sources h2{font-size:1.15rem!important}
.gdcs-sources ol{padding-left:1.2em;color:var(--muted,#6c778f)}
.gdcs-related{margin:2.4em 0 0;padding:18px 22px;border:1px dashed var(--line-2,#cfd8e7);border-radius:16px}
.gdcs-related ul{margin:0;padding-left:1.1em}
.gdcs-ai-note{font-size:.82rem;color:var(--muted,#6c778f);margin-top:1.2em}
/* free guide box */
.gdcs-lm{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;margin:2.4em 0;padding:24px;border-radius:20px;background:linear-gradient(135deg,var(--brand-soft,#e6edff),var(--surface,#fff) 70%);border:1px solid var(--line,#e1e7f1);box-shadow:var(--shadow,0 12px 40px -16px rgba(11,26,51,.16))}
.gdcs-lm-art img{width:150px;height:auto;border-radius:8px;box-shadow:0 18px 30px -14px rgba(11,26,51,.45);transform:rotate(-3deg);display:block}
.gdcs-lm-title{margin:0 0 .3em!important;font-size:1.3rem!important;color:var(--ink,#0b1a33)}
.gdcs-lm-sub{margin:0 0 1em!important;font-size:.98rem;color:var(--ink-2,#3d4b66)}
.gdcs-lm-row{display:flex;gap:8px;flex-wrap:wrap}
.gdcs-lm-row input[type=email]{flex:1 1 220px;min-width:0;padding:12px 14px;border-radius:11px;border:1px solid var(--line-2,#cfd8e7);background:var(--surface,#fff);color:var(--ink,#0b1a33);font:inherit;font-size:1rem}
.gdcs-lm-row button,.gdcs-lm-dl{padding:12px 18px;border:0;border-radius:11px;background:var(--brand,#1f55f0);color:var(--brand-ink,#fff)!important;font:600 1rem/1.1 inherit;cursor:pointer;text-decoration:none!important;display:inline-block}
.gdcs-lm-row button:hover,.gdcs-lm-dl:hover{filter:brightness(1.08)}
.gdcs-lm-opt{display:flex;gap:8px;align-items:flex-start;font-size:.88rem;color:var(--ink-2,#3d4b66);margin-top:10px;line-height:1.4}
.gdcs-lm-fine{font-size:.8rem;color:var(--muted,#6c778f);margin:.7em 0 0!important}
.gdcs-lm-err{color:#c62828;font-size:.9rem;margin:.6em 0 0!important}
.gdcs-lm-ok{font-weight:600;color:var(--ink,#0b1a33);margin:0 0 .7em!important}
.gdcs-hp,.gdcs-lm .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.gdcs-lm [hidden]{display:none!important}
@media (max-width:620px){.gdcs-lm{grid-template-columns:1fr;padding:20px}.gdcs-lm-art img{width:118px}}
/* Older theme versions put the card class "post" on the article, which clamped paragraphs to two lines. */
.prose.post>p,.prose.post li p,.prose.post .gdcs-answer p,.prose.post .gdcs-faq p{display:block;-webkit-line-clamp:none;overflow:visible}
.prose.post>p{font-size:inherit}
/* ---------- motion visuals (in-article, animate on scroll) ---------- */
.gdcs-motion .gdcs-still{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.gm{--e:cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;border-radius:calc(var(--gm-r) + 6px);padding:clamp(22px,4vw,40px);background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--gm-a) 26%,transparent),transparent 55%),radial-gradient(90% 90% at 100% 100%,color-mix(in srgb,var(--gm-b) 22%,transparent),transparent 60%),linear-gradient(160deg,var(--gm-bg2),var(--gm-bg));color:var(--gm-ink);font-family:var(--f-body,Inter,system-ui,sans-serif);box-shadow:0 30px 60px -30px rgba(11,26,51,.55);isolation:isolate}
.gm::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--gm-soft) 1px,transparent 1px),linear-gradient(90deg,var(--gm-soft) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(80% 80% at 50% 30%,#000,transparent)}
.gm *{box-sizing:border-box}
.gm p{margin:0}
.gm-head{margin-bottom:clamp(16px,3vw,26px)}
.gm-kick{display:inline-flex;align-items:center;gap:10px;font:600 .72rem/1 var(--f-mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--gm-b)}
.gm-kick::before{content:"";width:0;height:3px;border-radius:3px;background:var(--gm-b);transition:width .8s var(--e) .1s}
.gm.is-in .gm-kick::before{width:34px}
.gm-title{font-family:var(--f-display,inherit);font-weight:700;font-size:clamp(1.25rem,1rem + 1.2vw,1.75rem);line-height:1.15;letter-spacing:-.02em;margin-top:10px!important;color:var(--gm-ink)}
.gm-brand{position:absolute;right:18px;bottom:12px;font:500 .68rem var(--f-mono,monospace);letter-spacing:.08em;color:var(--gm-muted);opacity:.7}
/* reveal helpers */
.gm [style*="--i"]{opacity:0;transform:translateY(16px);transition:opacity .6s var(--e),transform .6s var(--e);transition-delay:calc(var(--i) * 110ms + 150ms)}
.gm.is-in [style*="--i"]{opacity:1;transform:none}
/* steps / flow */
.gm-steps{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px;position:relative}
.gm-steps::before{content:"";position:absolute;left:24px;right:24px;top:26px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gm-a),var(--gm-b));transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--e) .2s}
.gm.is-in .gm-steps::before{transform:scaleX(1)}
.gm-steps li{position:relative;margin:0!important;padding:16px;border-radius:var(--gm-r);background:color-mix(in srgb,var(--gm-surface) 85%,transparent);border:1px solid var(--gm-line);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:6px}
.gm-steps li::marker{content:none}
.gm-steps b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:800 .8rem var(--f-mono,monospace);background:var(--gm-bg);border:3px solid var(--gm-a);color:var(--gm-ink);margin-top:-2px}
.gm-steps li:last-child b{border-color:var(--gm-b);box-shadow:0 0 22px color-mix(in srgb,var(--gm-b) 60%,transparent)}
.gm .gm-steps strong{font-size:1rem;line-height:1.25;color:var(--gm-ink)!important}
.gm-steps span{font-size:.85rem;line-height:1.45;color:var(--gm-muted)}
.gm-loop{margin-top:14px!important;text-align:center;font-weight:600;color:var(--gm-b)}
@media (max-width:640px){.gm-steps{grid-template-columns:1fr}.gm-steps::before{left:34px;right:auto;top:20px;bottom:20px;width:3px;height:auto;transform-origin:top;transform:scaleY(0)}.gm.is-in .gm-steps::before{transform:scaleY(1)}.gm-steps li{flex-direction:row;flex-wrap:wrap;align-items:center}.gm-steps span{flex-basis:100%;padding-left:48px}}
/* comparison table */
.gm-tablewrap{overflow-x:auto;border-radius:var(--gm-r);border:1px solid var(--gm-line);background:color-mix(in srgb,var(--gm-surface) 80%,transparent)}
.gm-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px;margin:0!important}
.gm-table th{text-align:left;padding:14px 16px;font:700 .78rem var(--f-mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--gm-ink);background:transparent;border-bottom:2px solid var(--gm-a)}
.gm-table td{padding:13px 16px;border-bottom:1px solid var(--gm-line);color:var(--gm-muted);line-height:1.45}
.gm .gm-table td:first-child{color:var(--gm-ink)!important;font-weight:600}
.gm-table tr:last-child td{border-bottom:0}
.gm-table tbody tr{transition-property:opacity,transform,background}
.gm-table tbody tr:hover{background:var(--gm-soft)}
.gm-yes{font-style:normal;color:var(--gm-b);font-weight:800}
/* bars */
.gm-bars{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:14px}
.gm-bars li{display:grid;grid-template-columns:minmax(110px,30%) 1fr auto;align-items:center;gap:14px;margin:0!important}
.gm-bars li::marker{content:none}
.gm-l{font-weight:600;font-size:.95rem;color:var(--gm-ink)}
.gm-t{height:22px;border-radius:8px;background:var(--gm-soft);overflow:hidden}
.gm-f{display:block;height:100%;border-radius:8px;background:var(--gm-a);transform-origin:left;transform:scaleX(0);transition:transform 1.3s var(--e);transition-delay:calc(var(--i) * 120ms + 250ms)}
.gm.is-in .gm-f{transform:scaleX(var(--s))}
.gm-bars li.hi .gm-f{background:linear-gradient(90deg,var(--gm-a),var(--gm-b));box-shadow:0 0 22px color-mix(in srgb,var(--gm-b) 55%,transparent)}
.gm-v{font:800 1.05rem var(--f-body,inherit);font-variant-numeric:tabular-nums;color:var(--gm-ink);min-width:3.5ch;text-align:right}
/* stat */
.gm-stat{display:flex;gap:clamp(18px,4vw,40px);align-items:center;flex-wrap:wrap}
.gm-num{font-family:var(--f-display,inherit);font-weight:800;font-size:clamp(3.4rem,2rem + 6vw,6.2rem);line-height:.9;letter-spacing:-.04em;background:linear-gradient(100deg,var(--gm-a),var(--gm-b));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.gm-sl{font-weight:700;font-size:1.25rem;color:var(--gm-ink)}
.gm-sc{margin-top:6px!important;color:var(--gm-muted);line-height:1.5;max-width:42ch}
/* quote */
.gm-quote{margin:0!important;padding:0 0 0 22px!important;border-left:4px solid var(--gm-a)!important;font-family:var(--f-display,inherit)!important}
.gm-quote p{font-size:clamp(1.3rem,1rem + 1.4vw,2rem)!important;line-height:1.25;letter-spacing:-.02em;color:var(--gm-ink)!important;font-weight:700;clip-path:inset(0 100% 0 0);transition:clip-path 1.4s var(--e) .2s}
.gm.is-in .gm-quote p{clip-path:inset(0 0 0 0)}
.gm-quote footer{margin-top:12px;font:600 .9rem var(--f-body,inherit);color:var(--gm-muted)}
/* matrix */
.gm-matrix{display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr auto;gap:8px}
.gm-y{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font:600 .75rem var(--f-mono,monospace);color:var(--gm-muted);letter-spacing:.06em}
.gm-x{grid-column:2;text-align:center;font:600 .75rem var(--f-mono,monospace);color:var(--gm-muted);letter-spacing:.06em}
.gm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gm-q{padding:16px;border-radius:var(--gm-r);background:color-mix(in srgb,var(--gm-surface) 85%,transparent);border:1px solid var(--gm-line);display:flex;flex-direction:column;gap:6px;min-height:120px}
.gm .gm-q strong{color:var(--gm-ink)!important}.gm-q span{font-size:.88rem;color:var(--gm-muted);line-height:1.45}
.gm-q.hi{background:linear-gradient(135deg,var(--gm-a),var(--gm-b));border-color:transparent}
.gm .gm-q.hi strong,.gm .gm-q.hi span{color:#fff!important}
/* checklist */
.gm-check{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:4px}
.gm .gm-check li{display:flex;gap:14px;align-items:flex-start;padding:12px 4px;border-bottom:1px solid var(--gm-line);margin:0!important;color:var(--gm-ink);line-height:1.45}
.gm-check li:last-child{border-bottom:0}
.gm-check li::marker{content:none}
.gm-check svg{flex:none;width:26px;height:26px;margin-top:1px}
.gm-check rect{fill:var(--gm-a)}
.gm-check path{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s var(--e);transition-delay:calc(var(--i) * 110ms + 450ms)}
.gm.is-in .gm-check path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.gm *,.gm::before{transition:none!important}.gm [style*="--i"]{opacity:1;transform:none}.gm-f{transform:scaleX(var(--s))}.gm-quote p{clip-path:none}.gm-check path{stroke-dashoffset:0}.gm-steps::before{transform:none}}
.prose .gm p:first-of-type::first-letter{all:unset}

.gm strong,.gm b{color:inherit}
.prose .gm{max-width:none}
.gm .gm-quote{background:none!important;color:var(--gm-ink)!important}
.gm .gm-table{min-width:0!important;table-layout:fixed}
.gm .gm-table th{background:transparent!important;color:var(--gm-ink)!important;word-break:normal}
.gm .gm-table td{overflow-wrap:anywhere}
@media (max-width:640px){.gm .gm-table{min-width:560px!important}}
.gm .gm-num{display:inline-block;white-space:nowrap}
.gm{padding-bottom:clamp(36px,5vw,48px)!important}