/*! TG Blog Layouts | (c) 2026 OPTIVA THEGROWWERS LLP (TheGrowwers) | GPL-2.0-or-later | https://thegrowwers.com */
.tgbl{
  --tgbl-line:#E5E7EB;--tgbl-soft:#F5F6F8;--tgbl-muted:#6B7280;--tgbl-r:10px;--tgbl-gap:52px;
  font-family:var(--tgbl-body);font-size:var(--tgbl-size);line-height:1.75;color:var(--tgbl-text);background:#fff;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
.tgbl *,.tgbl *::before,.tgbl *::after{box-sizing:border-box}
html{scroll-behavior:smooth}
.tgbl a{color:inherit}
.tgbl a:focus-visible,.tgbl button:focus-visible,.tgbl summary:focus-visible{outline:2px solid var(--tgbl-accent);outline-offset:3px;border-radius:4px}
.tgbl img{max-width:100%;height:auto}
.tgbl h1,.tgbl h2,.tgbl h3,.tgbl h4,.tgbl p,.tgbl ul,.tgbl ol,.tgbl figure{padding-top:0;padding-bottom:0}
body.tgbl-active .single-featured-image-header{display:none}
.tgbl-wrap{max-width:1420px;margin-inline:auto;padding-inline:24px}

.tgbl-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:99999;pointer-events:none}
.tgbl-progress span{display:block;height:100%;width:0;background:var(--tgbl-accent)}

/* Title area */
.tgbl-hero{background:var(--tgbl-hero-bg);color:var(--tgbl-hero-text);border-bottom:1px solid var(--tgbl-line);position:relative}
.tgbl-hero-in{--tgbl-pad:44px;display:grid;grid-template-columns:minmax(0,1fr) var(--tgbl-thumb);gap:48px;align-items:center;padding-top:max(var(--tgbl-pad),calc(var(--tgbl-top,0px) + 32px));padding-bottom:44px;position:relative}
.tgbl[data-space="manual"] .tgbl-hero-in{padding-top:var(--tgbl-top-d)}
.tgbl-hero.no-thumb .tgbl-hero-in{grid-template-columns:minmax(0,1fr)}
.tgbl-crumbs{font-size:.82em;margin-bottom:12px;line-height:1.5;opacity:.8}
.tgbl-crumbs a{text-decoration:none}
.tgbl-crumbs a:hover{text-decoration:underline}
.tgbl-crumbs>span[aria-hidden]{margin:0 7px}
.tgbl .tgbl-cat{display:inline-block;background:var(--tgbl-label-bg);color:var(--tgbl-label-text);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 11px;border-radius:999px;margin-bottom:12px;line-height:1.6;text-decoration:none}
.tgbl .tgbl-title{font-family:var(--tgbl-head);color:var(--tgbl-hero-title);font-size:clamp(26px,calc(var(--tgbl-size) * 2.35 * var(--tgbl-hscale)),48px);line-height:1.2;letter-spacing:-.02em;font-weight:700;margin:0 0 12px;text-wrap:balance}
.tgbl-lede{margin:0 0 18px;max-width:64ch;font-size:1.04em}
.tgbl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:.86em;line-height:1.5}
.tgbl-meta svg{width:15px;height:15px;vertical-align:-3px;margin-right:6px}
.tgbl-author{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--tgbl-hero-title)}
.tgbl .tgbl-avatar{border-radius:50%;display:block;flex:none;object-fit:cover}
.tgbl-author .tgbl-avatar{width:34px!important;height:34px!important}
.tgbl-thumb{margin:0;border-radius:var(--tgbl-r);overflow:hidden;aspect-ratio:16/10;background:var(--tgbl-soft)}
.tgbl-thumb img{width:100%;height:100%;object-fit:cover;display:block}

.tgbl-hero-centered .tgbl-hero-in{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.tgbl-hero-centered .tgbl-title{max-width:24ch;margin-inline:auto}
.tgbl-hero-centered .tgbl-lede{margin-inline:auto}
.tgbl-hero-centered .tgbl-meta{justify-content:center}
.tgbl-hero-centered .tgbl-thumb{width:min(100%,780px);aspect-ratio:16/7;margin-top:8px}

.tgbl-hero-overlay{background:var(--tgbl-hero-bg);border:0;overflow:hidden}
.tgbl-hero-bg{position:absolute;inset:0}
.tgbl-hero-bg img{width:100%;height:100%;object-fit:cover}
.tgbl-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--tgbl-ov1),var(--tgbl-ov2) 55%,var(--tgbl-ov3))}
.tgbl .tgbl-hero-overlay .tgbl-hero-in{--tgbl-pad:96px;grid-template-columns:minmax(0,820px);padding-bottom:60px}

.tgbl .tgbl-hero-minimal .tgbl-hero-in{--tgbl-pad:34px;padding-bottom:26px}

/* Body grid */
.tgbl-body{display:grid;gap:var(--tgbl-gap);align-items:start;padding-top:44px;padding-bottom:64px}
.tgbl-body.has-ltoc.has-side{grid-template-columns:240px minmax(0,1fr) 310px}
.tgbl-body.has-ltoc:not(.has-side){grid-template-columns:240px minmax(0,var(--tgbl-measure))}
.tgbl-body.has-side:not(.has-ltoc){grid-template-columns:minmax(0,1fr) 320px}
.tgbl-body.has-rtoc{grid-template-columns:minmax(0,var(--tgbl-measure)) 240px}
.tgbl-body.is-centered{grid-template-columns:220px minmax(0,var(--tgbl-measure)) 220px;justify-content:center}
.tgbl-body.is-single{grid-template-columns:minmax(0,var(--tgbl-measure))}
.tgbl-l-centered .tgbl-body.is-single{justify-content:center}
.tgbl-main{min-width:0;max-width:var(--tgbl-measure);width:100%}
.tgbl-body.has-side .tgbl-main{max-width:none}

/* Table of contents */
.tgbl-toc{font-size:.86em;min-width:0}
.tgbl-toc.is-sticky{position:sticky;top:calc(var(--tgbl-offset,0px) + 24px);max-height:calc(100vh - var(--tgbl-offset,0px) - 48px);overflow:auto;scrollbar-width:thin}
.tgbl-toc-title{font-family:var(--tgbl-head);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tgbl-primary);display:flex;justify-content:space-between;gap:10px;margin:0 0 10px;line-height:1.4}
.tgbl-toc-title span{font-weight:500;letter-spacing:0;text-transform:none;color:var(--tgbl-muted)}
.tgbl-toc ol,.tgbl-toc-mobile ol{list-style:none;margin:0;padding:0;counter-reset:tgbl}
.tgbl-toc ol{border-left:2px solid var(--tgbl-line)}
.tgbl-toc li,.tgbl-toc-mobile li{margin:0;counter-increment:tgbl}
.tgbl-toc li.is-sub,.tgbl-toc-mobile li.is-sub{counter-increment:none}
.tgbl-toc a{display:flex;gap:9px;padding:6px 0 6px 13px;margin-left:-2px;border-left:2px solid transparent;color:var(--tgbl-muted);text-decoration:none;line-height:1.45;transition:color .15s,border-color .15s}
.tgbl-toc.is-numbered li:not(.is-sub) a::before,.tgbl-toc-mobile.is-numbered li:not(.is-sub) a::before{content:counter(tgbl,decimal-leading-zero);font-size:10.5px;font-weight:600;opacity:.6;padding-top:2px;font-variant-numeric:tabular-nums;min-width:16px}
.tgbl-toc li.is-sub a{padding-left:38px;font-size:.94em}
.tgbl-toc a:hover{color:var(--tgbl-primary)}
.tgbl-toc a.is-active{color:var(--tgbl-primary);font-weight:600;border-left-color:var(--tgbl-accent)}
.tgbl-toc a.is-active::before{color:var(--tgbl-accent-ink);opacity:1!important}
.tgbl-toc-box,.tgbl-toc-card{background:var(--tgbl-soft);border-radius:12px;padding:16px 18px}
.tgbl-toc-box{margin-bottom:28px}
.tgbl-toc-box ol,.tgbl-toc-card ol{border-left:0}
.tgbl-toc-box a,.tgbl-toc-card a{padding-left:0;border-left:0}
.tgbl-toc-card.is-sticky{position:static;max-height:none}
.tgbl-toc-mobile{display:none;border:1px solid var(--tgbl-line);border-radius:var(--tgbl-r);background:var(--tgbl-soft);margin-bottom:26px}
.tgbl-toc-mobile summary{cursor:pointer;list-style:none;padding:13px 16px;font-family:var(--tgbl-head);font-weight:600;font-size:.92em;color:var(--tgbl-primary);display:flex;justify-content:space-between}
.tgbl-toc-mobile summary::-webkit-details-marker{display:none}
.tgbl-toc-mobile summary::after{content:"+";color:var(--tgbl-accent-ink);font-size:1.25em;line-height:1}
.tgbl-toc-mobile[open] summary::after{content:"\2212"}
.tgbl-toc-mobile .tgbl-toc-title{display:none}
.tgbl-toc-mobile ol{padding:0 16px 10px}
.tgbl-toc-mobile li{border-top:1px solid var(--tgbl-line)}
.tgbl-toc-mobile a{display:flex;gap:10px;padding:9px 0;color:var(--tgbl-text);text-decoration:none;font-size:.92em;line-height:1.45}
.tgbl-toc-mobile li.is-sub a{padding-left:26px}

/* Article content */
.tgbl-content>*:first-child{margin-top:0}
.tgbl .tgbl-content p{margin:0 0 1.15em}
.tgbl .tgbl-content h2,.tgbl .tgbl-content h3,.tgbl .tgbl-content h4{font-family:var(--tgbl-head);color:var(--tgbl-primary);scroll-margin-top:calc(var(--tgbl-offset,0px) + 24px);text-wrap:balance}
.tgbl .tgbl-content h2{font-size:calc(var(--tgbl-size) * 1.55 * var(--tgbl-hscale));line-height:1.3;font-weight:600;letter-spacing:-.01em;margin:2em 0 .65em}
.tgbl .tgbl-content h3{font-size:calc(var(--tgbl-size) * 1.15 * var(--tgbl-hscale));line-height:1.4;font-weight:600;margin:1.7em 0 .5em}
.tgbl .tgbl-content h4{font-size:1em;font-weight:600;margin:1.5em 0 .5em}
.tgbl .tgbl-content ul,.tgbl .tgbl-content ol{padding-left:1.25em;margin:0 0 1.2em}
.tgbl .tgbl-content li{margin-bottom:.4em}
.tgbl .tgbl-content li::marker{color:var(--tgbl-accent-ink)}
.tgbl .tgbl-content strong,.tgbl .tgbl-content b{color:var(--tgbl-primary);font-weight:600}
.tgbl .tgbl-content a{color:var(--tgbl-link);font-weight:500;text-decoration:underline;text-decoration-color:var(--tgbl-accent);text-decoration-thickness:2px;text-underline-offset:3px}
.tgbl .tgbl-content a:hover{text-decoration-thickness:3px}
.tgbl .tgbl-content a strong,.tgbl .tgbl-content a b{color:inherit}
.tgbl .tgbl-content img{border-radius:var(--tgbl-r)}
.tgbl .tgbl-content figure{margin:1.6em 0;max-width:100%}
.tgbl .tgbl-content figcaption{font-size:.84em;color:var(--tgbl-muted);text-align:center;margin-top:8px}
.tgbl .tgbl-content blockquote{margin:1.8em 0;padding:4px 0 4px 20px;border-left:3px solid var(--tgbl-accent);font-family:var(--tgbl-head);font-size:1.1em;line-height:1.55;color:var(--tgbl-primary)}
.tgbl .tgbl-content blockquote p:last-child{margin-bottom:0}
.tgbl .tgbl-content blockquote cite{display:block;margin-top:8px;font-family:var(--tgbl-body);font-style:normal;font-size:.78em;color:var(--tgbl-muted)}
.tgbl .tgbl-content table{border-collapse:collapse;width:100%;font-size:.9em;margin:0}
.tgbl .tgbl-content .wp-block-table,.tgbl .tgbl-content .tgbl-table{overflow-x:auto;margin:1.4em 0 1.6em;border:1px solid var(--tgbl-line);border-radius:var(--tgbl-r)}
.tgbl .tgbl-content th,.tgbl .tgbl-content td{text-align:left;padding:11px 16px;border:0;border-bottom:1px solid var(--tgbl-line);vertical-align:top}
.tgbl .tgbl-content th,.tgbl .tgbl-content thead td{font-family:var(--tgbl-head);font-weight:600;font-size:.88em;color:var(--tgbl-primary);background:var(--tgbl-soft)}
.tgbl .tgbl-content tr:last-child td{border-bottom:0}
.tgbl .tgbl-content pre{overflow-x:auto;background:var(--tgbl-soft);padding:16px;border-radius:var(--tgbl-r);font-size:.88em}
.tgbl .tgbl-content hr{border:0;border-top:1px solid var(--tgbl-line);margin:2em 0}
.tgbl .tgbl-content iframe,.tgbl .tgbl-content video{max-width:100%}
.tgbl .tgbl-content details{border-bottom:1px solid var(--tgbl-line)}
.tgbl .tgbl-content details summary{cursor:pointer;list-style:none;padding:14px 0;font-family:var(--tgbl-head);font-weight:600;color:var(--tgbl-primary);display:flex;justify-content:space-between;gap:16px}
.tgbl .tgbl-content details summary::-webkit-details-marker{display:none}
.tgbl .tgbl-content details summary::after{content:"+";color:var(--tgbl-accent-ink);font-size:1.25em;line-height:1}
.tgbl .tgbl-content details[open] summary::after{content:"\2212"}

.tgbl .tgbl-btn{display:inline-flex;justify-content:center;align-items:center;background:var(--tgbl-accent);color:var(--tgbl-on-accent);border-radius:8px;padding:10px 18px;font-family:var(--tgbl-head);font-weight:600;font-size:.88em;line-height:1.4;text-decoration:none;white-space:nowrap}
.tgbl .tgbl-btn:hover{filter:brightness(1.07)}
.tgbl .tgbl-content .tgbl-btn{color:var(--tgbl-on-accent);text-decoration:none;font-weight:600}
.tgbl .tgbl-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--tgbl-panel);color:var(--tgbl-panel-text);border-radius:12px;padding:20px 22px;margin:2em 0}
.tgbl .tgbl-inline-cta p{margin:0;font-size:.92em}
.tgbl .tgbl-inline-cta .tgbl-inline-title{font-family:var(--tgbl-head);font-weight:600;font-size:1.12em;color:#fff;margin-bottom:2px}

.tgbl-post-foot{margin-top:36px;padding-top:22px;border-top:1px solid var(--tgbl-line);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:.86em;color:var(--tgbl-muted)}
.tgbl-tags{display:flex;gap:6px;flex-wrap:wrap}
.tgbl .tgbl-tags a{background:var(--tgbl-soft);color:var(--tgbl-text);border-radius:999px;padding:4px 12px;text-decoration:none;line-height:1.5}
.tgbl .tgbl-tags a:hover{color:var(--tgbl-primary)}
.tgbl-share{display:flex;gap:7px;align-items:center}
.tgbl .tgbl-share a,.tgbl .tgbl-share button{width:34px;height:34px;padding:0;border-radius:50%;border:1px solid var(--tgbl-line);background:#fff;display:grid;place-items:center;color:var(--tgbl-primary);cursor:pointer}
.tgbl .tgbl-share a:hover,.tgbl .tgbl-share button:hover,.tgbl .tgbl-share .is-copied{border-color:var(--tgbl-accent);background:var(--tgbl-accent);color:var(--tgbl-on-accent)}
.tgbl-share svg{width:15px;height:15px}
.tgbl-bio{display:flex;gap:16px;align-items:flex-start;margin-top:26px;padding:20px;background:var(--tgbl-soft);border-radius:var(--tgbl-r);font-size:.9em;line-height:1.65}
.tgbl-bio .tgbl-avatar{width:56px!important;height:56px!important}
.tgbl-bio p{margin:0}
.tgbl .tgbl-bio-name{font-family:var(--tgbl-head);font-weight:600;font-size:1.05em;color:var(--tgbl-primary);margin-bottom:2px}
.tgbl .tgbl-bio-name a{text-decoration:none}
.tgbl-comments{margin-top:40px}

/* Sidebar */
.tgbl-side{min-width:0;display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--tgbl-offset,0px) + 24px)}
.tgbl-card{background:#fff;border:1px solid var(--tgbl-line);border-radius:12px;padding:20px;font-size:.92em;line-height:1.6}
.tgbl .tgbl-card-title{margin:0 0 12px;font-family:var(--tgbl-head);font-size:1.05em;font-weight:600;color:var(--tgbl-primary);line-height:1.35}
.tgbl-card p{margin:0 0 12px}
.tgbl-card>*:last-child{margin-bottom:0}
.tgbl-card-dark{background:var(--tgbl-panel);border-color:var(--tgbl-panel);color:var(--tgbl-panel-text)}
.tgbl .tgbl-card-dark .tgbl-card-title{color:#fff;font-size:1.15em}
.tgbl-w-cta .tgbl-btn{display:flex;width:100%;margin-top:4px}
.tgbl-contact{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tgbl-contact li{display:flex;gap:10px;align-items:flex-start;margin:0}
.tgbl-contact svg{width:16px;height:16px;flex:none;margin-top:4px;color:var(--tgbl-accent)}
.tgbl .tgbl-contact a{color:#fff;text-decoration:none;font-weight:500}
.tgbl-links,.tgbl-recent{list-style:none;margin:0;padding:0}
.tgbl-links li{border-top:1px solid var(--tgbl-line);margin:0}
.tgbl-links li:first-child{border-top:0}
.tgbl .tgbl-links a,.tgbl-links span{display:flex;justify-content:space-between;gap:10px;padding:9px 0;text-decoration:none}
.tgbl .tgbl-links a::after{content:"\2192";color:var(--tgbl-accent-ink)}
.tgbl .tgbl-links a:hover{color:var(--tgbl-primary)}
.tgbl-recent{display:grid;gap:12px}
.tgbl-recent li{margin:0}
.tgbl .tgbl-recent a{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;color:var(--tgbl-primary);font-weight:500;line-height:1.4}
.tgbl .tgbl-recent a:hover span:last-child{text-decoration:underline}
.tgbl-recent-img{width:56px;height:42px;border-radius:6px;overflow:hidden;background:var(--tgbl-soft)}
.tgbl-recent-img img{width:100%;height:100%;object-fit:cover;display:block}
.tgbl-chips{display:flex;flex-wrap:wrap;gap:6px}
.tgbl .tgbl-chips a{font-size:.88em;padding:4px 11px;border-radius:999px;background:var(--tgbl-soft);text-decoration:none;line-height:1.5}
.tgbl .tgbl-chips a:hover{background:var(--tgbl-accent);color:var(--tgbl-on-accent)}
.tgbl-wa ul{margin:0;padding-left:1.1em}

/* Related */
.tgbl-related{background:var(--tgbl-soft);border-top:1px solid var(--tgbl-line)}
.tgbl-related .tgbl-wrap{padding-top:48px;padding-bottom:56px}
.tgbl .tgbl-related-title{font-family:var(--tgbl-head);color:var(--tgbl-primary);font-size:1.45em;font-weight:600;margin:0 0 20px;line-height:1.3}
.tgbl-rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tgbl .tgbl-rel{background:#fff;border:1px solid var(--tgbl-line);border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column}
.tgbl-rel-img{display:block;aspect-ratio:16/9;background:var(--tgbl-line);overflow:hidden}
.tgbl-rel-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.tgbl-rel:hover .tgbl-rel-img img{transform:scale(1.04)}
.tgbl-rel-body{display:block;padding:16px 18px 18px}
.tgbl-rel small{display:block;color:var(--tgbl-accent-ink);font-weight:600;font-size:.72em;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.tgbl-rel-title{font-family:var(--tgbl-head);font-weight:600;color:var(--tgbl-primary);line-height:1.4}
.tgbl-rel:hover .tgbl-rel-title{text-decoration:underline;text-decoration-color:var(--tgbl-accent);text-underline-offset:3px}
.tgbl-credit{text-align:center;font-size:12px;margin:0;padding:12px;color:var(--tgbl-muted)}
.tgbl-credit a{text-decoration:none}

@media (max-width:1240px){
  .tgbl-body.has-ltoc.has-side{grid-template-columns:220px minmax(0,1fr);gap:40px}
  .tgbl-body.has-ltoc.has-side .tgbl-side{grid-column:2;position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  .tgbl-hero-in{gap:32px}
  .tgbl{--tgbl-thumb:340px}
}
@media (max-width:980px){
  .tgbl .tgbl-body{grid-template-columns:minmax(0,1fr)!important;gap:28px;padding-top:26px;padding-bottom:48px}
  .tgbl .tgbl-body>.tgbl-toc:not(.tgbl-toc-box),.tgbl-spacer{display:none}
  .tgbl-toc-mobile{display:block}
  .tgbl-main{max-width:none}
  .tgbl .tgbl-body .tgbl-side{grid-column:auto!important;position:static;display:flex}
  .tgbl-toc-card{display:none}
  .tgbl .tgbl-hero-in{--tgbl-pad:28px;grid-template-columns:minmax(0,1fr)!important;padding-bottom:28px}
  .tgbl .tgbl-hero-overlay .tgbl-hero-in{--tgbl-pad:64px;padding-bottom:36px}
  .tgbl-thumb{max-width:620px}
  .tgbl-rel-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:540px){
  .tgbl-wrap{padding-inline:16px}
  .tgbl-bio{flex-direction:column}
  .tgbl-hero-centered .tgbl-thumb{aspect-ratio:16/10}
}
@media (max-width:1024px){.tgbl[data-space="manual"] .tgbl-hero-in{padding-top:var(--tgbl-top-t)}}
@media (max-width:767px){.tgbl[data-space="manual"] .tgbl-hero-in{padding-top:var(--tgbl-top-m)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tgbl *{transition:none!important}}