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