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)}.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)}