.al-summary,.al-toc,.al-cta{border-radius:14px;padding:18px 22px;margin:22px 0}
.al-summary{background:#eef8f3;border-inline-start:5px solid #14795a}
.al-summary strong,.al-toc strong{display:block;font-size:1.1em;margin-bottom:8px;color:#0b3d2e}
.al-summary ul,.al-toc ol{margin:0;padding-inline-start:22px}
.al-toc{background:#fafaf7;border:1px solid #e3ebe6}
.al-toc a{text-decoration:none}
.al-table{overflow-x:auto;margin:20px 0}
.al-table table{width:100%;border-collapse:collapse}
.al-table th,.al-table td{border:1px solid #e3ebe6;padding:10px 12px;text-align:start}
.al-table th{background:#14795a;color:#fff}
.al-table tr:nth-child(even) td{background:#f6faf8}
.al-figure{margin:24px 0}.al-figure img{width:100%;height:auto;border-radius:14px}
.al-figure figcaption{text-align:center;font-size:.9em;color:#6b7a72;margin-top:6px}
.al-faq details{border:1px solid #e3ebe6;border-radius:12px;padding:6px 16px;margin:10px 0}
.al-faq summary{cursor:pointer;list-style:none}.al-faq summary h3{display:inline;font-size:1.05em}
.al-cta{background:linear-gradient(120deg,#0b3d2e,#14795a);color:#fff}
.al-cta strong{font-size:1.2em}.al-cta a{color:#e8b44c;font-weight:700}
h2[id]{scroll-margin-top:90px}
/* ===== v2.2 reader experience ===== */
.al-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.al-meta span{background:#eef8f3;color:#0b3d2e;padding:6px 12px;border-radius:99px;font-size:.85em;font-weight:600}
.al-summary{box-shadow:0 8px 24px -18px rgba(11,61,46,.5)}
.al-toc{counter-reset:t}.al-toc ol{list-style:none;padding:0}
.al-toc li{counter-increment:t;padding:6px 0;border-bottom:1px dashed #e3ebe6}
.al-toc li:before{content:counter(t);display:inline-grid;place-items:center;width:24px;height:24px;margin-inline-end:8px;border-radius:50%;background:#14795a;color:#fff;font-size:.8em}
.al-toc a:hover{color:#14795a}
.al-faq details{transition:.2s;background:#fff}
.al-faq details[open]{border-color:#14795a;box-shadow:0 8px 20px -14px rgba(20,121,90,.6)}
.al-faq summary:after{content:"+";float:left;font-weight:800;color:#14795a;font-size:1.3em}
.al-faq details[open] summary:after{content:"−"}
.al-cta{position:relative;overflow:hidden;padding:26px}
.al-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0;padding:16px;border-radius:14px;background:#fafaf7;border:1px solid #e3ebe6}
.al-share a{padding:8px 16px;border-radius:99px;color:#fff!important;text-decoration:none!important;font-weight:700;font-size:.9em;transition:.2s}
.al-share a:hover{transform:translateY(-2px)}
.al-share .wa{background:#25d366}.al-share .x{background:#111}.al-share .fb{background:#1877f2}.al-share .tg{background:#229ed9}
.al-related{margin:34px 0}
.al-rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.al-rel-grid a{display:block;border-radius:14px;overflow:hidden;border:1px solid #e3ebe6;text-decoration:none!important;background:#fff;transition:.2s}
.al-rel-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 28px -18px rgba(11,61,46,.5)}
.al-rel-grid img{width:100%;height:130px;object-fit:cover;display:block}
.al-rel-grid span{display:block;padding:12px;font-weight:700;color:#0b3d2e;line-height:1.6}
.al-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:9999;background:transparent}
.al-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e8b44c,#1fb57f)}
.al-wa-float{position:fixed;bottom:22px;left:22px;z-index:9998;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff!important;box-shadow:0 10px 24px -6px rgba(37,211,102,.7);animation:alPulse 2s infinite}
@keyframes alPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
/* ===== v2.8.3 professional article layout ===== */
.al-article{font-size:1.06em;line-height:1.95;color:#1f2a25;max-width:820px;margin-inline:auto}
.al-article>p{margin:0 0 1.15em;text-align:justify;text-justify:inter-word}
.al-article>p:first-of-type{font-size:1.12em;color:#0b3d2e;font-weight:500}
.al-article h2{position:relative;margin:2.2em 0 .8em;padding:0 16px 10px 0;font-size:1.55em;line-height:1.5;color:#0b3d2e;border-bottom:2px solid #eef3f0}
.al-article h2:before{content:"";position:absolute;inset-inline-start:0;top:.25em;bottom:.6em;width:5px;border-radius:4px;background:linear-gradient(#e8b44c,#14795a)}
.al-article h2:after{content:"";position:absolute;bottom:-2px;inset-inline-start:0;width:90px;height:2px;background:#14795a}
.al-article h3{margin:1.6em 0 .6em;font-size:1.22em;color:#14795a}
.al-article ul,.al-article ol{margin:0 0 1.3em;padding-inline-start:0;list-style:none}
.al-article ul li,.al-article ol li{position:relative;padding:6px 30px 6px 0;margin:0}
.al-article ul li:before{content:"";position:absolute;right:6px;top:1.05em;width:9px;height:9px;border-radius:50%;background:#14795a;box-shadow:0 0 0 4px #e3f3ec}
.al-article ol{counter-reset:li}.al-article ol li{counter-increment:li}
.al-article ol li:before{content:counter(li);position:absolute;right:0;top:.55em;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#14795a;color:#fff;font-size:.8em;font-weight:700}
.al-article blockquote{margin:1.6em 0;padding:16px 22px;border-inline-start:4px solid #e8b44c;background:#fffaf0;border-radius:10px;font-style:normal}
.al-article strong{color:#0b3d2e}
.al-article .al-toc ol li,.al-article .al-summary ul li{padding-right:0}.al-article .al-toc ol li:before{position:static}.al-article .al-summary ul{list-style:disc;padding-inline-start:22px}.al-article .al-summary ul li:before{display:none}
/* images */
.al-figure{margin:2em 0;clear:both}
.al-figure .al-frame{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:16/9;background:#eef3f0;box-shadow:0 18px 40px -24px rgba(11,61,46,.55)}
.al-figure .al-frame img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;display:block;border-radius:0;transition:transform .6s ease}
.al-figure:hover .al-frame img{transform:scale(1.03)}
.al-figure figcaption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:.86em;color:#5b6b63;text-align:center}
.al-figure figcaption:before{content:"";width:18px;height:2px;background:#e8b44c;border-radius:2px}
.al-figure.al-featured .al-frame{aspect-ratio:16/8;border-radius:20px}
.al-figure.al-featured{margin-top:1.4em}
@media (max-width:640px){.al-article{font-size:1em}.al-article>p{text-align:start}.al-article h2{font-size:1.3em}.al-figure .al-frame,.al-figure.al-featured .al-frame{aspect-ratio:4/3;border-radius:12px}}