/*
 * Dalga Blog single post page, "Margin tabs" design (concept E).
 * Scoped to #dla; the wrapper and this stylesheet are tagged dracula-ignore, so both palettes are authored here:
 * light = tokens on #dla, dark = html[data-dracula-scheme="dark"] #dla.
 * --af = the post's category colour (inline on #dla), --pf = the product colour (ATB violet, AYB red).
 * Field ink #0f0e25 is used on every category colour (all are light, saturated fields).
 */

/* ---------- Tokens ---------- */
#dla{
	--dla-ground:#f6f5fd; --dla-canvas:#eceaf8; --dla-surface:#ffffff; --dla-surface-2:#eceaf8;
	--dla-ink:#12112e; --dla-ink-2:#45427a; --dla-ink-3:#625e96;
	--dla-line:rgba(18,17,46,.10); --dla-line-2:rgba(18,17,46,.20);
	--dla-accent:#5645d4; --dla-accent-fill:#6050dc; --dla-accent-hover:#5243cf; --dla-on-accent:#ffffff;
	--dla-link:#066fa3; --dla-link-hover:#04577f;
	--dla-sel-bg:rgba(63,195,255,.35); --dla-sel-ink:#12112e; --dla-focus:#6050dc;
	--dla-sb-thumb:#c7c2ea;
	--dla-lift:0 1px 2px rgba(18,17,46,.05),0 12px 32px rgba(18,17,46,.07);
	--dla-pop:0 2px 6px rgba(18,17,46,.06),0 18px 44px rgba(18,17,46,.16);
	/* category tint: answer block, numbered-list tiles, list markers */
	--dla-mark:color-mix(in srgb,var(--af,#7d6ff0) 62%,#0f0e25);
	--dla-tint:color-mix(in srgb,var(--af,#7d6ff0) 16%,#ffffff);
	--dla-tint-line:color-mix(in srgb,var(--dla-mark) 24%,transparent);
	/* fields: the same saturated colours in both themes */
	--dla-field-ink:#0f0e25; --dla-field-ink-2:rgba(15,14,37,.78); --dla-field-line:rgba(15,14,37,.24); --dla-field-rule:rgba(15,14,37,.3);
	--dla-f-search:#7d6ff0; --dla-f-maps:#9be15d; --dla-f-yt:#ff4d5e; --dla-f-ip:#3fc3ff; --dla-f-ai:#2fd9b0; --dla-f-setup:#ffb547; --dla-f-biz:#ff6fb5;
	--dla-r-lg:28px; --dla-r-md:20px; --dla-r-sm:12px;
	--dla-display:"Poppins",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--dla-body:"Nunito Sans","Nunito",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--dla-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	--dla-stick:24px;
	color-scheme:light;
}
html[data-dracula-scheme="dark"] #dla{
	--dla-ground:#0f0e25; --dla-canvas:#0a0919; --dla-surface:#16132e; --dla-surface-2:#1b1740;
	--dla-ink:#eceaf8; --dla-ink-2:#bdb8e0; --dla-ink-3:#9a95c4;
	--dla-line:rgba(236,234,248,.10); --dla-line-2:rgba(236,234,248,.18);
	--dla-accent:#a79cff; --dla-accent-fill:#6050dc; --dla-accent-hover:#6f60ea; --dla-on-accent:#ffffff;
	--dla-link:#5fd0ff; --dla-link-hover:#9be0ff;
	--dla-sel-bg:rgba(63,195,255,.38); --dla-sel-ink:#ffffff; --dla-focus:#a79cff;
	--dla-sb-thumb:#2e2963;
	--dla-lift:none;
	--dla-pop:0 18px 48px rgba(0,0,0,.5);
	--dla-mark:var(--af,#7d6ff0);
	--dla-tint:color-mix(in srgb,var(--af,#7d6ff0) 16%,#0f0e25);
	--dla-tint-line:color-mix(in srgb,var(--af,#7d6ff0) 26%,transparent);
	color-scheme:dark;
}

/* ---------- Base inside the block (beats Hello / Elementor kit element styles) ---------- */
#dla{display:block;margin:0;background:var(--dla-ground);color:var(--dla-ink);font:400 17px/1.6 var(--dla-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow-x:clip;text-align:left}
#dla *,#dla *::before,#dla *::after{box-sizing:border-box}
#dla [hidden]{display:none!important}
#dla :where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote){margin:0}
#dla :where(h1,h2,h3,h4,h5,h6){font-family:var(--dla-display);font-weight:600;color:inherit;text-transform:none;text-wrap:balance;background:none;border:0;padding:0}
#dla a{color:inherit;box-shadow:none;text-underline-offset:.22em;text-decoration-thickness:1px}
#dla button{font:inherit;color:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0}
#dla img{max-width:100%;height:auto}
#dla ::selection{background:var(--dla-sel-bg);color:var(--dla-sel-ink)}
#dla :focus-visible{outline:2px solid var(--dla-focus);outline-offset:3px;border-radius:6px}
#dla .dla-num{font-variant-numeric:tabular-nums}
#dla .dla-wrap{width:100%;max-width:1360px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
#dla .dla-i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- Wave lines (cover system) ---------- */
#dla .dla-wv{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
#dla .dla-wv path{fill:none;stroke:var(--dla-field-line);stroke-width:1.25;vector-effect:non-scaling-stroke}

/* ---------- Opening: the header IS the cover ---------- */
#dla .dla-field{position:relative;isolation:isolate;overflow:hidden;background:var(--af);color:var(--dla-field-ink)}
#dla .dla-field .dla-wv path{stroke:rgba(15,14,37,.2);stroke-width:1.4}
#dla .dla-field :focus-visible{outline-color:var(--dla-field-ink)}
#dla .dla-field-main{position:relative}
#dla .dla-field-in{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:clamp(28px,4vw,48px);min-height:clamp(480px,44vw,620px);padding-top:clamp(24px,3vw,36px);padding-bottom:clamp(32px,4vw,52px)}
#dla .dla-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;padding:0;list-style:none;font:500 14.5px/1.3 var(--dla-display)}
#dla .dla-crumbs li{display:flex;align-items:center;gap:10px;margin:0;padding:0;white-space:nowrap}
#dla .dla-crumbs li::marker{content:none}
#dla .dla-crumbs li+li::before{content:"/";color:var(--dla-field-ink-2)}
#dla .dla-crumbs a{color:var(--dla-field-ink);text-decoration:underline;text-decoration-color:var(--dla-field-rule);text-underline-offset:.28em;border-radius:4px}
#dla .dla-crumbs a:hover{color:var(--dla-field-ink);text-decoration-color:var(--dla-field-ink);text-decoration-thickness:2px}
#dla .dla-field-tx{display:grid;gap:clamp(16px,2vw,22px);max-width:min(760px,62%);align-self:end}
#dla .dla-field h1.dla-title{margin:0;max-width:22ch;font-family:var(--dla-display);font-size:clamp(36px,4.3vw,62px);font-weight:600;line-height:1.02;letter-spacing:-.035em;color:var(--dla-field-ink)}
#dla .dla-field .dla-dek{font-size:clamp(17.5px,1.5vw,20.5px);line-height:1.5;color:var(--dla-field-ink-2);max-width:52ch}
#dla .dla-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:4px;font:500 14.5px/1.3 var(--dla-display);color:var(--dla-field-ink-2)}
#dla .dla-who{display:flex;align-items:center;gap:10px;color:var(--dla-field-ink)}
#dla .dla-who strong{font-weight:600}
#dla .dla-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0f0e25;flex:none}
#dla .dla-av img{display:block;width:24px;height:auto;border-radius:0}
#dla .dla-sep{width:4px;height:4px;border-radius:50%;background:var(--dla-field-ink-2)}
#dla .dla-ymk{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:99px;border:1.5px solid var(--dla-field-ink);color:var(--dla-field-ink);font:600 12.5px/1 var(--dla-display);white-space:nowrap}
/* The giant cover word: sized from the demo's "IP", scaled by the word's width (--gs, set per post) */
#dla .dla-field-g{position:absolute;right:-.07em;bottom:-.015em;z-index:-1;display:block;font-family:var(--dla-display);font-weight:700;font-size:calc(clamp(280px,41vw,640px) * var(--gs,1));line-height:.8;letter-spacing:-.075em;white-space:nowrap;color:var(--dla-field-ink);pointer-events:none;user-select:none;transform-origin:100% 100%;animation:dla-settle 1.25s cubic-bezier(.16,1,.3,1) .12s both}
@keyframes dla-settle{from{transform:translate3d(.035em,.07em,0) rotate(-2.5deg)}to{transform:none}}
#dla .dla-field-foot{border-top:1px solid var(--dla-field-rule)}
#dla .dla-field-foot-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 32px;min-height:58px;padding-block:12px}
#dla .dla-field-d{display:flex;align-items:center;gap:9px;margin:0;font:500 14px/1.3 var(--dla-display);color:var(--dla-field-ink)}
#dla .dla-field-d::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--dla-field-ink)}
#dla .dla-pts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font:500 14px/1.3 var(--dla-display)}
#dla .dla-pts-l{color:var(--dla-field-ink-2);margin-right:4px}
#dla .dla-pts ul{display:contents;list-style:none;margin:0;padding:0}
#dla .dla-pts li{display:inline-flex;align-items:center;margin:0;padding:6px 12px;border-radius:99px;background:rgba(15,14,37,.1);color:var(--dla-field-ink)}
#dla .dla-pts li::marker{content:none}

/* ---------- Reading progress: pinned to the top of the viewport (below the admin bar) ---------- */
#dla .dla-progress{position:fixed;left:0;right:0;top:var(--dla-top,0px);height:3px;z-index:9999;pointer-events:none}
#dla .dla-progress span{display:block;height:100%;width:100%;background:var(--af);transform-origin:0 50%;transform:scaleX(var(--dla-read,0))}

/* ---------- Body: text column + margin column ---------- */
#dla .dla-body{display:grid;grid-template-columns:minmax(0,840px) minmax(300px,340px);justify-content:space-between;column-gap:clamp(40px,4vw,64px);padding-top:clamp(36px,5vw,64px)}
/* No contents and no key facts: no margin card, so the text column is centred and a little wider. */
#dla .dla-body.is-solo{grid-template-columns:minmax(0,880px);justify-content:center}
#dla .dla-aside{min-width:0}
#dla .dla-aside-in{display:grid;gap:16px;align-content:start;height:100%}
#dla .dla-aside-in .dla-kcard{position:sticky;top:var(--dla-stick);z-index:2;display:flex;flex-direction:column;max-height:calc(100vh - var(--dla-stick) - 16px)}
@media (min-height:1240px){
	#dla .dla-aside-in{position:sticky;top:var(--dla-stick);height:auto}
	#dla .dla-aside-in .dla-kcard{position:static;max-height:none}
}

/* ---------- Contents list: one look, used by the margin tab and the compact box ---------- */
#dla .dla-tl{list-style:none;margin:0;padding:0;display:grid;gap:2px;font:500 14px/1.4 var(--dla-display)}
#dla .dla-tl li{margin:0;padding:0}
#dla .dla-tl li::marker{content:none}
#dla .dla-tl a{display:flex;gap:10px;padding:7px 10px;border-radius:10px;color:var(--dla-ink-3);text-decoration:none;transition:background .2s,color .2s}
#dla .dla-tl a::before{content:"";flex:none;width:6px;height:6px;margin-top:.5em;border-radius:2px;background:var(--dla-line-2);transition:background .2s}
#dla .dla-tl .dla-toc-l3 a{padding-left:26px;font-size:13.5px}
#dla .dla-tl .dla-toc-l3 a::before{width:4px;height:4px;margin-top:.62em;border-radius:1px}
#dla .dla-tl a:hover{background:var(--dla-surface-2);color:var(--dla-ink)}
#dla .dla-tl a.is-on{background:var(--af);color:var(--dla-field-ink);font-weight:600}
#dla .dla-tl a.is-on::before{background:var(--dla-field-ink)}
#dla .dla-tl :focus-visible{outline-offset:-2px}

/* ---------- Key facts sheet (margin card and the inline copy below 1000px) ---------- */
#dla .dla-spec{background:var(--dla-surface);border:1px solid var(--dla-line);border-radius:var(--dla-r-md);box-shadow:var(--dla-lift);overflow:hidden}
#dla .dla-spec-hd{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:18px 20px 14px;background:var(--af);color:var(--dla-field-ink)}
#dla .dla-spec .dla-spec-hd h2{margin:0;font-family:var(--dla-display);font-size:21px;font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--dla-field-ink)}
#dla .dla-spec-hd :focus-visible{outline-color:var(--dla-field-ink);outline-offset:2px}
#dla .dla-spec .dla-spec-v{margin:0;font:500 12.5px/1.3 var(--dla-display);color:var(--dla-field-ink-2);text-align:right}
#dla .dla-spec dl{margin:0;padding:4px 20px 8px}
#dla .dla-spec .dla-spec-r{display:grid;gap:3px;margin:0;padding:11px 0}
#dla .dla-spec .dla-spec-r+.dla-spec-r{border-top:1px solid var(--dla-line)}
#dla .dla-spec dt{margin:0;font:500 12.5px/1.3 var(--dla-display);color:var(--dla-ink-3)}
#dla .dla-spec dd{margin:0;font:400 14.5px/1.5 var(--dla-body);color:var(--dla-ink)}
#dla .dla-spec dd strong,#dla .dla-spec dd b{font-weight:700}
#dla .dla-spec dd a{color:var(--dla-link);text-decoration:underline}
#dla .dla-spec .dla-spec-r.is-price dd{font:600 15px/1.45 var(--dla-display);letter-spacing:-.005em}
#dla .dla-prose>.dla-spec--inline,#dla .dla-spec--inline{display:none}

/* ---------- Margin card: Contents | Key facts tabs ---------- */
#dla .dla-kc-hd{flex:none}
#dla .dla-kcard.is-tabs .dla-kc-hd{padding:14px}
#dla .dla-kc-p{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--dla-sb-thumb) transparent;overscroll-behavior:contain}
#dla .dla-kc-p:focus-visible{outline-offset:-3px;border-radius:0 0 var(--dla-r-md) var(--dla-r-md)}
#dla .dla-kc-p-toc{padding:10px 10px 12px}
#dla .dla-kc-p .dla-kc-pv{margin:0;padding:14px 20px 0;font:500 12.5px/1.3 var(--dla-display);color:var(--dla-ink-3)}
#dla .dla-kc-tabs{display:flex;flex:1;gap:4px;padding:4px;border-radius:13px;background:rgba(15,14,37,.12)}
#dla .dla-kc-tabs .dla-kc-tab{flex:1;height:38px;margin:0;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--dla-field-ink);font:600 14.5px/1 var(--dla-display);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
#dla .dla-kc-tabs .dla-kc-tab:hover,#dla .dla-kc-tabs .dla-kc-tab:focus{background:rgba(15,14,37,.1);color:var(--dla-field-ink)}
#dla .dla-kc-tabs .dla-kc-tab[aria-selected="true"]{background:var(--dla-field-ink);color:var(--af)}

/* ---------- Compact "On this page" box (below 1000px): folded, showing the current section ---------- */
#dla .dla-tocbox{display:none;margin-bottom:28px}
#dla .dla-toc-box{border:1px solid var(--dla-line);border-radius:var(--dla-r-md);background:var(--dla-surface);box-shadow:var(--dla-lift)}
#dla .dla-toc-box summary{display:flex;align-items:center;gap:12px;list-style:none;padding:14px 16px 14px 20px;border-radius:var(--dla-r-md);cursor:pointer}
#dla .dla-toc-box summary::-webkit-details-marker{display:none}
#dla .dla-toc-box summary::marker{content:none}
#dla .dla-toc-box summary:focus-visible{outline-offset:-3px}
#dla .dla-toc-h{flex:none;white-space:nowrap;font:600 15px/1.2 var(--dla-display);letter-spacing:-.01em;color:var(--dla-ink)}
#dla .dla-toc-now{display:flex;align-items:center;gap:8px;min-width:0;font:500 13.5px/1.2 var(--dla-display);color:var(--dla-ink-2)}
#dla .dla-toc-now::before{content:"";flex:none;width:6px;height:6px;border-radius:2px;background:var(--dla-mark)}
#dla .dla-toc-now span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dla .dla-toc-now:empty,#dla .dla-toc-box[open] .dla-toc-now{display:none}
#dla .dla-toc-box .dla-i-down{display:block;margin-left:auto;width:18px;height:18px;color:var(--dla-ink-3);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
#dla .dla-toc-box summary:hover .dla-i-down{color:var(--dla-ink)}
#dla .dla-toc-box[open] .dla-i-down{transform:rotate(180deg)}
#dla .dla-toc-box .dla-tl{margin:0 8px;padding:8px 0 12px;border-top:1px solid var(--dla-line)}

/* ---------- Buttons ---------- */
#dla .dla-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:13px 20px;border:0;border-radius:12px;background:var(--dla-accent-fill);color:var(--dla-on-accent);font:600 15px/1 var(--dla-display);text-decoration:none;white-space:nowrap;cursor:pointer}
#dla .dla-btn:hover,#dla .dla-btn:focus{background:var(--dla-accent-hover);color:var(--dla-on-accent)}
#dla .dla-btn .dla-i{width:18px;height:18px}
#dla .dla-btn.dla-btn-ink{background:var(--dla-field-ink);color:#ffffff}
#dla .dla-btn.dla-btn-ink:hover,#dla .dla-btn.dla-btn-ink:focus{background:#242150;color:#ffffff}


/* ---------- The article text (WordPress blocks) ---------- */
#dla .dla-prose{min-width:0;font:400 18px/1.72 var(--dla-body);color:var(--dla-ink)}
/* Spacing: every element starts at zero, then a top margin between siblings (no bottom margins). */
#dla .dla-prose :where(p,h1,h2,h3,h4,h5,h6,ul,ol,dl,figure,blockquote,pre,table,hr,details){margin:0}
#dla .dla-prose>*+*{margin-top:1.15em}
#dla .dla-prose :where(blockquote,li,dd,.rank-math-answer,.wp-block-column,.wp-block-group,.wp-block-group__inner-container,.wp-block-media-text__content,.wp-block-cover__inner-container,details)>*+*{margin-top:.8em}
#dla .dla-prose>*+:where(figure,blockquote,.wp-block-embed,.wp-block-video,.wp-block-table,.wp-block-gallery,.wp-block-columns,.wp-block-code,pre,.dla-answer,.dla-spec--inline,.wp-block-rank-math-faq-block,.rank-math-block){margin-top:2em}
#dla .dla-prose>:where(figure,blockquote,.wp-block-embed,.wp-block-video,.wp-block-table,.wp-block-gallery,.wp-block-columns,.wp-block-code,pre,.dla-answer,.dla-spec--inline,.wp-block-rank-math-faq-block,.rank-math-block)+*{margin-top:2em}
#dla .dla-prose>:is(h2,h3,h4,h5,h6)+*{margin-top:.8em}
#dla .dla-prose>h2{margin-top:2.3em}
#dla .dla-prose>h3{margin-top:1.8em}
#dla .dla-prose>:is(h4,h5,h6){margin-top:1.6em}
#dla .dla-prose>h2+h3{margin-top:1.1em}
#dla .dla-prose>:is(h2,h3,h4,h5,h6):first-child,#dla .dla-prose>:first-child{margin-top:0}
#dla .dla-prose p{text-wrap:pretty}
#dla .dla-prose p:empty{display:none}
#dla .dla-prose h2{font-family:var(--dla-display);font-size:clamp(25px,2.4vw,33px);font-weight:600;line-height:1.14;letter-spacing:-.025em;color:var(--dla-ink)}
#dla .dla-prose h3{font-family:var(--dla-display);font-size:clamp(19px,1.6vw,22px);font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--dla-ink)}
#dla .dla-prose h4{font-family:var(--dla-display);font-size:18.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--dla-ink)}
#dla .dla-prose :is(h5,h6){font-family:var(--dla-display);font-size:17px;font-weight:600;line-height:1.35;color:var(--dla-ink)}
#dla .dla-prose :is(h2,h3,h4,h5,h6){scroll-margin-top:calc(var(--dla-stick) + 8px)}
#dla .dla-prose a{color:var(--dla-link);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--dla-link) 45%,transparent);text-underline-offset:.2em}
#dla .dla-prose a:hover{color:var(--dla-link-hover);text-decoration-color:currentColor;text-decoration-thickness:2px}
#dla .dla-prose :is(strong,b){font-weight:700;color:var(--dla-ink)}
#dla .dla-prose p.has-background{padding:16px 20px;border-radius:14px}
#dla .dla-prose hr,#dla .dla-prose .wp-block-separator{height:0;border:0;border-top:1px solid var(--dla-line-2);background:none;opacity:1}
#dla .dla-prose .wp-block-spacer{margin-top:0}

/* Lists: square markers in the category tint, numbered tiles */
#dla .dla-prose :where(ul,ol):not(.blocks-gallery-grid):not(.wp-block-gallery){display:grid;gap:.6em;margin-left:0;margin-right:0;padding:0;list-style:none}
#dla .dla-prose li{margin:0;padding:0;border:0}
#dla .dla-prose ul:not(.blocks-gallery-grid)>li{position:relative;padding-left:26px}
#dla .dla-prose ul:not(.blocks-gallery-grid)>li::before{content:"";position:absolute;left:3px;top:.62em;width:8px;height:8px;border-radius:2.5px;background:var(--dla-mark)}
#dla .dla-prose ol{counter-reset:dla-ol}
#dla .dla-prose ol>li{position:relative;padding-left:40px;counter-increment:dla-ol}
#dla .dla-prose ol>li::before{content:counter(dla-ol);position:absolute;left:0;top:.18em;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--dla-tint);color:var(--dla-ink);font:600 14px/1 var(--dla-display);box-shadow:inset 0 0 0 1px var(--dla-tint-line)}
#dla .dla-prose li>:is(ul,ol){margin-top:.6em}

/* Short answer */
#dla .dla-prose>.dla-answer{padding:clamp(22px,3vw,34px);border-radius:var(--dla-r-md);background:var(--dla-tint);border:1px solid var(--dla-tint-line)}
#dla .dla-prose .dla-answer>*+*{margin-top:.7em}
#dla .dla-prose .dla-answer>h2{margin:0;font-size:clamp(23px,2.2vw,29px)}
#dla .dla-prose .dla-answer>h2+*{margin-top:.55em}
#dla .dla-prose .dla-answer p{font-size:19px;line-height:1.66;color:var(--dla-ink)}

/* Images and captions */
#dla .dla-prose .wp-block-image img,#dla .dla-prose figure>img{height:auto;max-width:100%;border-radius:14px;border:1px solid var(--dla-line);vertical-align:bottom}
#dla .dla-prose .aligncenter{margin-left:auto;margin-right:auto}
#dla .dla-prose .wp-block-image.aligncenter,#dla .dla-prose .wp-block-image .aligncenter{text-align:center}
#dla .dla-prose :is(figcaption,.wp-element-caption){margin:12px 0 0;font:400 14.5px/1.5 var(--dla-body);color:var(--dla-ink-3);max-width:62ch;text-align:left}
#dla .dla-prose .aligncenter :is(figcaption,.wp-element-caption){margin-left:auto;margin-right:auto;text-align:center}

/* Tables: scroll inside their own box on small screens */
#dla .dla-prose .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--dla-line);border-radius:16px;background:var(--dla-surface)}
#dla .dla-prose table{width:100%;margin:0;border:0;border-collapse:collapse;font:400 15.5px/1.5 var(--dla-body);background:none}
#dla .dla-prose :is(thead,tbody,tfoot,tr){border:0;background:none}
#dla .dla-prose :is(th,td){border:0;background:none}
#dla .dla-prose th{padding:13px 18px;text-align:left;vertical-align:bottom;font:600 14px/1.35 var(--dla-display);color:var(--dla-ink);background:var(--dla-surface-2)}
#dla .dla-prose td{padding:12px 18px;border-top:1px solid var(--dla-line);text-align:left;vertical-align:top;color:var(--dla-ink-2)}
#dla .dla-prose tbody tr:first-child td{border-top:0}
#dla .dla-prose thead+tbody tr:first-child td{border-top:1px solid var(--dla-line)}
#dla .dla-prose td:first-child{font:500 14.5px/1.5 var(--dla-display);color:var(--dla-ink);white-space:nowrap}
#dla .dla-prose .wp-block-table:has(tr>:nth-child(3)) table{min-width:560px}
#dla .dla-prose .wp-block-table:has(tr>:nth-child(3)) td{font-variant-numeric:tabular-nums}
#dla .dla-prose .wp-block-table :is(figcaption,.wp-element-caption){margin:0;max-width:none;padding:10px 18px 12px;border-top:1px solid var(--dla-line)}
#dla .dla-prose>table{display:block;overflow-x:auto;border:1px solid var(--dla-line);border-radius:16px;background:var(--dla-surface)}

/* Call-out quote with its icon tile */
#dla .dla-prose blockquote{position:relative;min-height:82px;margin-left:0;margin-right:0;padding:20px 22px 20px 78px;border:1px solid var(--dla-line-2);border-radius:16px;background:var(--dla-surface);font:500 17px/1.55 var(--dla-display);color:var(--dla-ink);quotes:none;box-shadow:none}
#dla .dla-prose blockquote::before{content:"";position:absolute;left:22px;top:20px;width:40px;height:40px;border-radius:11px;background:var(--af)}
#dla .dla-prose blockquote::after{content:"";position:absolute;left:32px;top:30px;width:20px;height:20px;background:var(--dla-field-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12h15M13.5 6l6 6-6 6'/%3E%3C/svg%3E") center/20px 20px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12h15M13.5 6l6 6-6 6'/%3E%3C/svg%3E") center/20px 20px no-repeat}
#dla .dla-prose blockquote p{font:inherit;color:inherit}
#dla .dla-prose blockquote cite{display:block;margin-top:10px;font:500 14px/1.4 var(--dla-display);font-style:normal;color:var(--dla-ink-3)}

/* Code */
#dla .dla-prose code{padding:.1em .35em;border-radius:6px;background:var(--dla-surface-2);color:var(--dla-ink);font:500 .88em/1.5 var(--dla-mono)}
#dla .dla-prose pre{padding:16px 18px;border:1px solid var(--dla-line);border-radius:14px;background:var(--dla-surface-2);color:var(--dla-ink);overflow-x:auto;white-space:pre;font:500 14.5px/1.6 var(--dla-mono)}
#dla .dla-prose pre code{padding:0;background:none;font:inherit;white-space:inherit}

/* Video and other embeds: rounded 16:9 frame, the real player */
#dla .dla-prose iframe{max-width:100%;border:0}
#dla .dla-prose p>iframe[src*="youtube"],#dla .dla-prose>iframe[src*="youtube"]{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:18px}
#dla .dla-prose .wp-block-embed{margin-left:0;margin-right:0}
#dla .dla-prose .wp-block-embed.is-type-video .wp-block-embed__wrapper,#dla .dla-prose .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper{position:relative;overflow:hidden;border-radius:18px;background:#0f0e25;border:1px solid var(--dla-line)}
#dla .dla-prose .wp-block-embed.is-type-video:not(.wp-has-aspect-ratio) .wp-block-embed__wrapper{aspect-ratio:16/9}
#dla .dla-prose .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe,#dla .dla-prose .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#dla .dla-prose .wp-block-video video,#dla .dla-prose video{display:block;width:100%;height:auto;border-radius:18px;background:#0f0e25}

/* Galleries and columns from older posts */
#dla .dla-prose .wp-block-gallery img{border-radius:12px}
#dla .dla-prose .wp-block-gallery figure{margin:0}
#dla .dla-prose .wp-block-columns{gap:24px}
#dla .dla-prose .wp-block-column{min-width:0}

/* Rank Math FAQ block: div.wp-block-rank-math-faq-block (or .rank-math-block) > .rank-math-list > .rank-math-list-item */
#dla .dla-prose .rank-math-list{display:grid;gap:0;margin:0;padding:0;border-top:1px solid var(--dla-line-2)}
#dla .dla-prose .rank-math-list-item{margin:0;padding:20px 0 22px;border-bottom:1px solid var(--dla-line-2)}
#dla .dla-prose .rank-math-list-item .rank-math-question{margin:0 0 .45em;font-family:var(--dla-display);font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--dla-ink);scroll-margin-top:calc(var(--dla-stick) + 8px)}
#dla .dla-prose .rank-math-answer{font-size:17px;line-height:1.7;color:var(--dla-ink-2)}
#dla .dla-prose .rank-math-answer :is(p,li){color:var(--dla-ink-2)}

/* The page has its own contents: hide in-article ones */
#dla .dla-prose :is(.wp-block-wpjoli-joli-table-of-contents,.wpj-jtoc,#ez-toc-container,.wp-block-rank-math-toc-block){display:none!important}

/* ---------- End of post ---------- */
#dla .dla-end{display:grid;gap:clamp(56px,7vw,88px);padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(64px,8vw,104px)}
#dla .dla-end>*{min-width:0}
#dla .dla-sec-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:24px}
#dla .dla-sec-h h2{font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.028em}
#dla .dla-sec-h a{font:600 15px/1.3 var(--dla-display);color:var(--dla-link);text-decoration:underline;text-underline-offset:.24em}
#dla .dla-sec-h a:hover{color:var(--dla-link-hover)}

/* Product call-out (ATB violet / AYB red) */
#dla .dla-cta{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:400px;border-radius:var(--dla-r-lg);background:var(--pf);color:var(--dla-field-ink)}
#dla .dla-cta .dla-wv path{stroke:rgba(15,14,37,.2)}
#dla .dla-cta-tx{display:grid;align-content:end;gap:16px;padding:clamp(24px,4vw,48px)}
#dla .dla-cta h2{font-size:clamp(30px,3.6vw,48px);line-height:1.02;letter-spacing:-.035em;color:var(--dla-field-ink)}
#dla .dla-cta-tx>p{font-size:clamp(16.5px,1.4vw,18.5px);line-height:1.55;color:var(--dla-field-ink-2);max-width:54ch}
#dla .dla-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:6px}
#dla .dla-cta-row small{font:500 14px/1.4 var(--dla-display);color:var(--dla-field-ink-2)}
#dla .dla-cta-price{display:flex;flex-wrap:wrap;gap:6px 22px;margin:4px 0 0;padding:16px 0 0;border-top:1px solid var(--dla-field-rule)}
#dla .dla-cta-price div{display:flex;flex-direction:column-reverse;gap:3px}
#dla .dla-cta-price dt{margin:0;font:500 13px/1.3 var(--dla-display);color:var(--dla-field-ink-2)}
#dla .dla-cta-price dd{margin:0;font:600 clamp(22px,2.2vw,28px)/1 var(--dla-display);letter-spacing:-.025em;color:var(--dla-field-ink)}
#dla .dla-cta :focus-visible{outline-color:var(--dla-field-ink)}
#dla .dla-cta-g{position:absolute;right:-.06em;bottom:-.1em;z-index:-1;font:700 clamp(200px,24vw,360px)/.8 var(--dla-display);letter-spacing:-.075em;white-space:nowrap;pointer-events:none;user-select:none}

/* Written by */
#dla .dla-author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 24px;align-items:start;padding:28px 0;border-block:1px solid var(--dla-line)}
#dla .dla-author .dla-av{width:64px;height:64px}
#dla .dla-author .dla-av img{width:38px}
#dla .dla-author h2{font-size:clamp(22px,2vw,26px);line-height:1.2;letter-spacing:-.02em}
#dla .dla-author p{margin-top:8px;color:var(--dla-ink-2);max-width:68ch}
#dla .dla-author-l{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;font:600 15px/1.3 var(--dla-display)}
#dla .dla-author-l a{color:var(--dla-link);text-decoration:underline;text-underline-offset:.24em}
#dla .dla-author-l a:hover{color:var(--dla-link-hover)}

/* Keep reading */
#dla .dla-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#dla .dla-card{display:flex;flex-direction:column;background:var(--dla-surface);border:1px solid var(--dla-line);border-radius:var(--dla-r-lg);overflow:hidden;box-shadow:var(--dla-lift)}
#dla .dla-card-cvl{display:block;text-decoration:none}
#dla .dla-cv{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:16/10;background:var(--tf);color:var(--dla-field-ink);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
#dla .dla-cv-g{display:block;padding:0 6.5cqi;margin-bottom:3.5cqi;font-family:var(--dla-display);font-weight:700;font-size:44px;font-size:min(var(--fs),44cqi);line-height:.86;letter-spacing:-.05em;white-space:nowrap}
#dla .dla-cv-g.is-ver{letter-spacing:-.06em}
#dla .dla-cv-d{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 6.5cqi;border-top:1px solid var(--dla-field-line);font:500 13px/1.2 var(--dla-display);font-size:clamp(11px,3.1cqi,14px);white-space:nowrap}
#dla .dla-cv-d::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--dla-field-ink)}
#dla .dla-cv-d>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
#dla .dla-card:hover .dla-cv{transform:scale(1.02)}
#dla .dla-card-b{display:grid;gap:10px;align-content:start;padding:20px 22px 24px;flex:1}
#dla .dla-card-m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font:500 13px/1.4 var(--dla-display);color:var(--dla-ink-3)}
#dla .dla-cmk{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--dla-ink)}
#dla .dla-cmk::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--cf);flex:none}
#dla .dla-card h3{font-size:clamp(19px,1.6vw,22px);line-height:1.25;letter-spacing:-.014em}
#dla .dla-card h3 a{color:var(--dla-ink);text-decoration:none;border-radius:4px}
#dla .dla-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--af);text-decoration-thickness:2px}
#dla .dla-card-b>p{font-size:15.5px;line-height:1.55;color:var(--dla-ink-2)}

/* ---------- Comments (WordPress comments_template / comment_form markup) ---------- */
#dla .dla-comments{max-width:840px}
#dla .dla-comments .comments-area{width:auto;max-width:none;margin:0;padding:0}
#dla .dla-comments :is(.title-comments,.comments-title,.comment-reply-title){margin:0;font-family:var(--dla-display);font-size:clamp(24px,2.6vw,32px);font-weight:600;line-height:1.1;letter-spacing:-.025em;color:var(--dla-ink)}
#dla .dla-comments .comment-reply-title small{display:block;margin-top:8px;font:500 14px/1.3 var(--dla-display)}
#dla .dla-comments a{color:var(--dla-link)}
#dla .dla-comments :is(ol,ul){list-style:none;margin:0;padding:0}
#dla .dla-comments li::marker{content:none}
#dla .dla-comments .comment-list{margin:20px 0 40px;border-top:1px solid var(--dla-line)}
#dla .dla-comments .comment-list .children{padding-left:clamp(16px,4vw,40px)}
#dla .dla-comments .comment{position:relative;margin:0;padding:0}
#dla .dla-comments .comment-body{position:relative;padding:18px 0;border-bottom:1px solid var(--dla-line);font-size:16px;line-height:1.6;color:var(--dla-ink-2)}
#dla .dla-comments .comment-body p{margin:.6em 0 0}
#dla .dla-comments :is(.comment-meta,.comment-metadata){font:500 13.5px/1.4 var(--dla-display);color:var(--dla-ink-3)}
#dla .dla-comments .comment-metadata a{color:var(--dla-ink-3);text-decoration:none}
#dla .dla-comments .comment-author{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--dla-ink)}
#dla .dla-comments .comment-author .fn,#dla .dla-comments .comment-author .fn a{color:var(--dla-ink);font-style:normal}
#dla .dla-comments .comment-author .says{display:none}
#dla .dla-comments .avatar{position:static;left:auto;top:auto;width:36px;height:36px;margin:0;border-radius:50%}
#dla .dla-comments .reply{margin-top:8px;font:600 13.5px/1.3 var(--dla-display)}
#dla .dla-comments .comment-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0 0}
#dla .dla-comments .comment-form>*{grid-column:1/-1;min-width:0;margin:0}
#dla .dla-comments .comment-form>:is(.comment-form-author,.comment-form-email,.comment-form-url){grid-column:auto}
#dla .dla-comments .comment-form>p:empty,#dla .dla-comments .comment-form>p.comment-form-recaptcha{display:none}
#dla .dla-comments :is(.comment-notes,.logged-in-as){margin:0 0 8px;font-size:15px;line-height:1.5;color:var(--dla-ink-3)}
#dla .dla-comments :is(.comment-form-comment,.comment-form-author,.comment-form-email,.comment-form-url){display:grid;gap:7px}
#dla .dla-comments label{display:block;margin:0;font:500 14px/1.3 var(--dla-display);color:var(--dla-ink-2);vertical-align:baseline}
#dla .dla-comments .required{color:inherit}
#dla .dla-comments :is(input[type="text"],input[type="email"],input[type="url"],textarea){display:block;width:100%;min-width:0;height:auto;margin:0;padding:12px 14px;border:1px solid var(--dla-line-2);border-radius:12px;background:var(--dla-surface)!important;background-color:var(--dla-surface)!important;color:var(--dla-ink)!important;font:400 16px/1.5 var(--dla-body);box-shadow:none;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
#dla .dla-comments textarea{min-height:150px;resize:vertical}
#dla .dla-comments :is(input[type="text"],input[type="email"],input[type="url"],textarea):hover{border-color:var(--dla-ink-3)}
#dla .dla-comments :is(input[type="text"],input[type="email"],input[type="url"],textarea):focus{outline:none;border-color:var(--dla-accent);box-shadow:0 0 0 3px var(--dla-sel-bg)}
#dla .dla-comments .comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--dla-ink-2)}
#dla .dla-comments .comment-form-cookies-consent label{display:inline;font:400 15px/1.45 var(--dla-body);color:var(--dla-ink-2);cursor:pointer}
#dla .dla-comments input[type="checkbox"]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--dla-accent-fill);flex:none}
#dla .dla-comments .form-submit{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
#dla .dla-comments :is(input[type="submit"],.submit){display:inline-flex;align-items:center;justify-content:center;height:auto;margin:0;padding:13px 20px;border:0;border-radius:12px;background:var(--dla-accent-fill);color:var(--dla-on-accent);font:600 15px/1 var(--dla-display);text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:none;transition:background .15s}
#dla .dla-comments :is(input[type="submit"],.submit):is(:hover,:focus){background:var(--dla-accent-hover);color:var(--dla-on-accent)}

/* ---------- Motion safety ---------- */
@media (prefers-reduced-motion:reduce){
	#dla *,#dla *::before,#dla *::after{animation:none!important;transition:none!important}
}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
	#dla .dla-body{grid-template-columns:minmax(0,840px);justify-content:start}
	#dla .dla-aside{display:none}
	#dla .dla-tocbox{display:block}
	#dla .dla-prose>.dla-spec--inline,#dla .dla-spec--inline{display:block}
	#dla .dla-spec--inline dl{padding:4px 22px 10px}
	#dla .dla-spec--inline .dla-spec-r{grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:baseline}
}
@media (max-width:1080px){
	#dla .dla-field-tx{max-width:min(700px,62%)}
	#dla .dla-field-g{font-size:calc(clamp(240px,36vw,400px) * var(--gs,1))}
	#dla .dla-cta{grid-template-columns:minmax(0,1fr)}
	#dla .dla-cta-tx{align-content:start;padding-bottom:clamp(150px,22vw,220px)}
}
@media (max-width:900px){
	#dla .dla-field-in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"crumbs glyph" "tx tx";gap:8px 16px;min-height:0}
	#dla .dla-crumbs{grid-area:crumbs;align-self:start}
	#dla .dla-field-g{grid-area:glyph;position:relative;right:auto;bottom:auto;z-index:0;justify-self:end;margin:clamp(-4px,1vw,8px) calc(-1 * clamp(16px,4vw,40px) - .07em) -.02em 0;font-size:calc(clamp(170px,58vw,360px) * var(--gsm,1))}
	#dla .dla-field-tx{grid-area:tx;max-width:none;margin-top:clamp(8px,2vw,20px)}
	#dla .dla-more{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	#dla .dla-more .dla-card:first-child{grid-column:1/-1}
	#dla .dla-more .dla-card:first-child .dla-cv{aspect-ratio:21/9}
}
@media (max-width:640px){
	#dla{font-size:16.5px}
	#dla .dla-prose{font-size:17px}
	#dla .dla-prose .dla-answer p{font-size:17.5px}
	#dla .dla-spec--inline .dla-spec-r{grid-template-columns:minmax(0,1fr);gap:3px}
	#dla .dla-spec--inline dl{padding:2px 18px 8px}
	#dla .dla-spec-hd{padding:16px 18px 12px}
	#dla .dla-field-foot-in{flex-direction:column;align-items:flex-start;padding-block:14px 18px}
	#dla .dla-more{grid-template-columns:minmax(0,1fr)}
	#dla .dla-more .dla-card:first-child .dla-cv{aspect-ratio:16/10}
	#dla .dla-comments .comment-form{grid-template-columns:minmax(0,1fr)}
	#dla .dla-author{grid-template-columns:minmax(0,1fr)}
	#dla .dla-author .dla-av{width:52px;height:52px}
	#dla .dla-author .dla-av img{width:30px}
	#dla .dla-prose td:first-child{white-space:normal;min-width:130px}
	#dla .dla-prose blockquote{padding:18px 18px 18px 70px}
	#dla .dla-prose blockquote::before{left:18px;top:18px}
	#dla .dla-prose blockquote::after{left:28px;top:28px}
}
@media (max-width:560px){
	#dla .dla-cta-price{gap:14px 22px}
	#dla .dla-field h1.dla-title{font-size:clamp(31px,8.6vw,40px);letter-spacing:-.03em}
	#dla .dla-byline{gap:8px 12px;font-size:14px}
	#dla .dla-sep{display:none}
	#dla .dla-tocbox{margin-bottom:24px}
	#dla .dla-toc-box summary{padding:13px 14px 13px 16px}
}