aside.callout{--callout-bg: var(--color-slate-bg);--callout-accent: var(--color-slate);display:grid;grid-template-columns:20px minmax(0,1fr);gap:0 .8rem;margin:1.9em 0;padding:1rem 1.2rem;background:var(--callout-bg);border-left:3px solid var(--callout-accent);border-radius:var(--radius);font-size:var(--fs-ui);line-height:1.6;color:var(--color-text)}aside.callout:before{content:"";grid-column:1;grid-row:1 / -1;width:20px;height:20px;margin-top:.2rem;background-color:var(--callout-accent);-webkit-mask:var(--callout-icon) center / contain no-repeat;mask:var(--callout-icon) center / contain no-repeat}aside.callout>*{grid-column:2;margin:0}aside.callout>*+*{margin-top:.45rem}.callout__title{font-weight:700;color:var(--color-heading)}aside.callout ul,aside.callout ol{padding-left:1.1rem;margin:0}aside.callout li+li{margin-top:.25rem}aside.callout--tip{--callout-bg: var(--color-green-tint);--callout-accent: var(--color-green-dark);--callout-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M15 14c.2-1 .7-1.7 1.5-2.5A5.5 5.5 0 1 0 7.5 11.5c.8.8 1.3 1.5 1.5 2.5'/><path d='M9 18h6'/><path d='M10 22h4'/></svg>")}aside.callout--warning{--callout-bg: var(--color-amber-bg);--callout-accent: var(--color-amber);--callout-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 4l8.5 15h-17z'/><path d='M12 10v4'/><path d='M12 17h.01'/></svg>")}aside.callout--avoid{--callout-bg: #faf1ee;--callout-accent: #b3503f;--callout-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M9 9l6 6'/><path d='M15 9l-6 6'/></svg>")}aside.callout--note{--callout-bg: var(--color-slate-bg);--callout-accent: var(--color-slate);--callout-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 11v5'/><path d='M12 8h.01'/></svg>")}aside.callout--quote{--callout-bg: var(--color-bg-soft);--callout-accent: var(--color-green);--callout-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M9.5 6.5C6.9 8 5.5 10.2 5.5 13v4.5h5.2V12H8.3c.1-1.6.8-2.8 2.2-3.7zm8.2 0C15.1 8 13.7 10.2 13.7 13v4.5h5.2V12h-2.4c.1-1.6.8-2.8 2.2-3.7z'/></svg>");font-style:italic}aside.callout--quote .callout__title{font-style:normal}.callout__author{font-style:normal;font-size:var(--fs-meta);color:var(--color-muted)}@media(max-width:480px){aside.callout{grid-template-columns:18px minmax(0,1fr);gap:0 .7rem;padding:.9rem 1rem}aside.callout:before{width:18px;height:18px}}.article__tldr{background:var(--color-green-tint);border-left:4px solid var(--color-green-dark);border-radius:var(--radius);padding:1rem 1.25rem;margin:0 0 1.8em}.article__tldr-label{display:block;margin:0 0 .35rem;font-size:var(--fs-floor);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-green-text)}.article__tldr p{margin:0}.article__tldr p+p{margin-top:.4em}.article__table-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin:1.8em 0;border:1px solid var(--color-border);border-radius:var(--radius)}.article__table-wrap:focus-visible{outline:3px solid var(--color-green);outline-offset:2px}.article__table-wrap.is-scrollable:after{content:"";position:absolute;top:0;right:0;width:36px;height:100%;background:linear-gradient(to right,#fff0,#fffffff0);pointer-events:none}.article__table-wrap .article__table{display:table;width:100%;min-width:560px;margin:0;border:0;border-radius:0;font-size:.92em;overflow:visible}.article__table-wrap .article__table caption{caption-side:bottom;padding:.6rem .9rem;text-align:left;font-size:var(--fs-meta);font-style:italic;color:var(--color-muted);border-top:1px solid var(--color-border)}.article__table-wrap .article__table tbody td:first-child,.article__table-wrap .article__table tbody th:first-child{font-weight:600;color:var(--color-heading)}@media(max-width:640px){.article__table-wrap .article__table{min-width:520px}.article__table-wrap .article__table th:first-child,.article__table-wrap .article__table td:first-child{position:sticky;left:0;z-index:1;background:var(--color-bg);box-shadow:1px 0 0 var(--color-border)}.article__table-wrap .article__table thead th:first-child{background:var(--color-green-tint)}.article__table-wrap .article__table tbody tr:nth-child(2n) td:first-child{background:#fafbfc}}.article__body blockquote.replica{margin:1.35em 0;padding:.15em 0 .15em 1rem;border-left:2px solid var(--color-green);font-style:normal}.replica__speaker{margin:0 0 .3rem;font-size:var(--fs-floor);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-green-text)}.replica__text{margin:0;line-height:1.6}.replica__text+.replica__text{margin-top:.4em}.replica__text:first-of-type:before{content:"— ";color:var(--color-muted)}.article__body blockquote.replica+blockquote.replica{margin-top:-.7em}.article__body figure:has(>video),.article__body figure.audio-demo{margin:1.5em 0}.article__body video,.article__body audio{display:block;width:100%;max-width:100%}.article__body video{height:auto;border-radius:12px;background:#000}.article__body figure:has(>video) figcaption,.article__body figure.audio-demo figcaption{margin:.5em 0;color:var(--color-muted)}.shot{margin:1.8em 0}.shot__link{display:block;cursor:zoom-in;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #1c23301f;overflow:hidden}.shot__img{display:block;width:100%;height:auto}.shot--pair{display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:16px}.shot--pair .shot__link:first-of-type{flex:74 0 0;min-width:0}.shot--pair .shot__link:last-of-type{flex:26 0 0;min-width:0}.shot--pair .shot__link:last-of-type{border:5px solid var(--color-bg-dark);border-radius:18px;box-shadow:0 10px 26px #1c23302e}.shot__cap{flex:0 0 100%;margin-top:.7em;font-size:var(--fs-meta);line-height:1.45;color:var(--color-muted);text-align:center}.media-list{list-style:none;margin:1.4em 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.media-list__item{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;padding:16px 12px;text-align:center;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius)}.media-list__item:before{content:none}.media-list__img{width:52px;height:39px;object-fit:cover;border-radius:4px;box-shadow:0 1px 3px #1c23302e}.media-list__label{color:var(--color-heading);font-size:var(--fs-ui);font-weight:600;line-height:1.3}@media(max-width:560px){.media-list{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.media-list__item{padding:12px 8px}}@media(max-width:640px){article[data-slug=kejs-obraz-straha-tilda-astro] .article__table-wrap .article__table{min-width:440px}article[data-slug=kejs-obraz-straha-tilda-astro] .article__table-wrap .article__table th,article[data-slug=kejs-obraz-straha-tilda-astro] .article__table-wrap .article__table td{padding:7px 9px}article[data-slug=kejs-obraz-straha-tilda-astro] .article__table-wrap.is-scrollable:after{width:56px;background:linear-gradient(to right,#fff0,#fffffff7 70%)}}.read-next{margin:40px 0 0;padding:22px 24px;background:linear-gradient(135deg,var(--color-green-tint) 0%,#fafefb 100%);border:1px solid var(--color-border);border-radius:var(--radius)}.read-next__label{margin:0 0 6px;font-size:var(--fs-floor);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-green-text)}.read-next__title{display:flex;align-items:center;min-height:44px;font-size:var(--fs-lead);font-weight:700;line-height:1.3;color:var(--color-heading);text-decoration:none;transition:color .16s}.read-next__title:hover{color:var(--color-green-dark)}.read-next__list{margin:12px 0 0;padding:12px 0 0;list-style:none;border-top:1px dashed var(--color-border)}.read-next__link{display:block;padding:8px 0;min-height:40px;color:var(--color-text-soft);text-decoration:none;transition:color .16s}.read-next__link:before{content:"→  ";color:var(--color-green)}.read-next__link:hover{color:var(--color-green-dark)}.read-next-sentinel{min-height:2px}.read-next-sentinel.is-loading:after{content:"";display:block;margin:28px auto;width:34px;height:34px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-green);animation:read-next-spin .8s linear infinite}@keyframes read-next-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.read-next-sentinel.is-loading:after{animation:none}}.article--appended{border-top:4px solid var(--color-green-tint)}.read-next-more{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 16px 20px}.read-next-more__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 32px;background:var(--color-green-btn);color:var(--color-ondark);border:0;border-radius:12px;font-size:var(--fs-ui);font-weight:700;cursor:pointer;transition:background-color .2s}.read-next-more__btn:hover{background:var(--color-green-btn-hover)}.read-next-more__link{padding:10px;color:var(--color-muted);font-size:var(--fs-meta);text-decoration:none}.read-next-more__link:hover{color:var(--color-green-dark)}.promo-popup{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .22s ease}.promo-popup.is-open{opacity:1}.promo-popup.is-closing{opacity:0}.promo-popup__backdrop{position:absolute;inset:0;background:#0d11178c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.promo-popup__dialog{position:relative;display:flex;flex-direction:column;width:min(640px,100%);max-height:90vh;background:var(--color-bg);border-radius:14px;box-shadow:0 24px 80px #0a0e1461,0 4px 18px #0a0e142e;overflow:hidden;outline:none;transform:translateY(14px) scale(.975);transition:transform .24s cubic-bezier(.2,.9,.25,1)}.promo-popup.is-open .promo-popup__dialog{transform:none}.promo-popup.is-closing .promo-popup__dialog{transform:translateY(10px) scale(.98)}.promo-popup__head{position:relative;flex:0 0 auto;padding:26px 64px 22px 28px;background:linear-gradient(160deg,#14181f,#1c2330);color:var(--color-ondark)}.promo-popup__eyebrow{margin:0 0 10px;font-size:var(--fs-floor);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-green)}.promo-popup__title{margin:0 0 10px;font-family:var(--font-display);font-weight:700;font-size:clamp(1.35rem,1.1rem + 1.4vw,1.9rem);line-height:1.15;color:var(--color-ondark)}.promo-popup__lead{margin:0;max-width:46ch;font-size:var(--fs-ui);line-height:1.5;color:var(--color-ondark-soft)}.promo-popup__close{position:absolute;top:14px;right:14px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;background:#ffffff14;color:var(--color-ondark-dim);cursor:pointer;transition:background .15s ease,color .15s ease}.promo-popup__close:hover{background:#ffffff29;color:var(--color-ondark)}.promo-popup__scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.promo-popup__case{margin:22px 24px 0;padding:18px 20px;border:1px solid var(--color-border);border-left:4px solid var(--color-green);border-radius:10px;background:var(--color-green-tint)}.promo-popup__case-label{margin:0;font-weight:700;font-size:var(--fs-ui);color:var(--color-heading)}.promo-popup__case-note{margin:3px 0 14px;font-size:var(--fs-meta);color:var(--color-muted)}.promo-popup__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;list-style:none}.promo-popup__stat{min-width:0}.promo-popup__stat-num{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(1.35rem,1.1rem + 1.3vw,1.9rem);line-height:1.1;color:var(--color-green-dark);white-space:nowrap}.promo-popup__stat-cap{display:block;margin-top:6px;font-size:var(--fs-floor);line-height:1.35;color:var(--color-text-soft)}.promo-popup__case-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;border:1.5px solid var(--color-green-deep);border-radius:var(--radius);background:var(--color-bg);color:var(--color-green-text);font-weight:700;font-size:var(--fs-ui);text-decoration:none;transition:background .15s ease}.promo-popup__case-btn:hover{background:var(--color-green-tint)}.promo-popup__services{margin:20px 24px 10px}.promo-popup__services-title{margin:0 0 8px;font-weight:700;font-size:var(--fs-ui);color:var(--color-heading)}.promo-popup__services-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.promo-popup__svc{display:flex;align-items:center;gap:12px;margin:0 -10px;padding:8px 10px;border-radius:10px;color:var(--color-text);text-decoration:none;transition:background .15s ease}.promo-popup__svc:hover{background:var(--color-bg-soft)}.promo-popup__svc-ico{flex:0 0 auto;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--color-green-tint);color:var(--color-green-text)}.promo-popup__svc-ico svg{width:19px;height:19px}.promo-popup__svc-text{flex:1 1 auto;min-width:0}.promo-popup__svc-title{display:block;font-weight:600;font-size:var(--fs-ui);line-height:1.3;color:var(--color-heading)}.promo-popup__svc-price{display:block;margin-top:1px;font-size:var(--fs-meta);line-height:1.3;color:var(--color-muted)}.promo-popup__svc-arrow{flex:0 0 auto;color:var(--color-muted)}.promo-popup__cta{flex:0 0 auto;margin-top:auto;padding:14px 24px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-bg)}.promo-popup__tg{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:var(--radius);background:var(--color-green-btn);color:var(--color-ondark);font-weight:700;font-size:var(--fs-ui);line-height:1.25;text-align:center;text-decoration:none;transition:background .15s ease}.promo-popup__tg:hover{background:var(--color-green-btn-hover)}.promo-popup__cta-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.promo-popup__tel{display:inline-flex;align-items:center;gap:8px;padding:7px 2px;color:var(--color-text-soft);font-weight:600;font-size:var(--fs-meta);text-decoration:none}.promo-popup__tel:hover{color:var(--color-heading)}.promo-popup__later{padding:7px 2px;border:0;background:none;color:var(--color-muted);font-family:inherit;font-size:var(--fs-meta);cursor:pointer}.promo-popup__later:hover{color:var(--color-text);text-decoration:underline}body.promo-popup-open{overflow:hidden}body.promo-popup-open .mobile-cta{display:none}@media(max-width:640px){.promo-popup{align-items:flex-end;padding:0}.promo-popup__dialog{width:100%;max-height:88vh;border-radius:16px 16px 0 0;transform:translateY(100%)}.promo-popup.is-open .promo-popup__dialog{transform:none}.promo-popup.is-closing .promo-popup__dialog{transform:translateY(100%)}.promo-popup__head{padding:20px 60px 18px 20px}.promo-popup__case{margin:18px 16px 0;padding:14px 16px}.promo-popup__services{margin:18px 16px 6px}.promo-popup__cta{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.promo-popup,.promo-popup__dialog,.promo-popup__close,.promo-popup__svc,.promo-popup__tg,.promo-popup__case-btn{transition:none}}