.abc-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;overflow:hidden;position:relative}
.abc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.abc-emoji{font-size:56px}
.abc-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 32px}
.abc-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid var(--line,#ddd);font-size:14px;font-weight:600;color:var(--forest,#1B4332)}
.abc-chips a[aria-current]{background:var(--forest,#1B4332);color:#fff}
.abc-facts{list-style:none;display:flex;gap:10px 20px;flex-wrap:wrap;justify-content:center;padding:0;margin:16px 0 0;font-size:14px;color:var(--muted,#5A6B5F)}
.abc-facts span{font-weight:700;color:var(--forest,#1B4332)}
.abc-hero-img{max-width:820px;margin:0 auto 32px}.abc-hero-img img{width:100%;height:auto;border-radius:24px}
.abc-single .prose{margin-bottom:32px}
.abc-gap{margin-top:8px}
.abc-single .details-grid{max-width:1000px;margin:0 auto 24px}
.abc-steps{counter-reset:s;padding:0;list-style:none}
.abc-steps li{counter-increment:s}
.abc-steps li::before{content:counter(s)!important;font-weight:700}
.abc-actions,.abc-back,.abc-also{text-align:center;margin:24px 0}
.abc-also{max-width:820px;margin-left:auto;margin-right:auto}
.abc-back a{font-weight:600;color:var(--forest,#1B4332)}
.abc-more{background:#fff}
/* dictionary */
.abc-dict{max-width:820px;margin:0 auto}
.abc-search{width:100%;min-height:48px;border:1px solid var(--line,#ddd);border-radius:999px;padding:0 20px;font-size:16px;background:#fff;margin-bottom:16px}
.abc-letters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}
.abc-letters a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;background:#fff;border:1px solid var(--line,#ddd);font-weight:700;color:var(--forest,#1B4332)}
.abc-letter h2{font-size:40px;margin:24px 0 8px;font-style:italic}
.abc-letter dl{margin:0}
.abc-term{padding:14px 0;border-bottom:1px solid var(--line,#ddd)}
.abc-term dt{font-weight:700}.abc-term dt a{color:var(--forest,#1B4332)}
.abc-term dd{margin:4px 0 0;color:var(--muted,#5A6B5F)}
.abc-hidden{display:none!important}
/* challenge */
.abc-challenge{max-width:760px;margin:0 auto 24px;background:#fff;border:1px solid var(--line,#ddd);border-radius:24px;padding:28px}
.abc-progress{height:10px;border-radius:999px;background:var(--pale,#D8F3DC);overflow:hidden;margin:12px 0 6px}
.abc-progress span{display:block;height:100%;width:0;background:var(--emerald,#2D6A4F);transition:width .4s}
.abc-progress-text{font-size:14px;color:var(--muted,#5A6B5F);margin:0 0 12px}
.abc-tasks{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.abc-tasks label{display:flex;gap:12px;align-items:flex-start;min-height:44px;padding:8px 12px;border-radius:12px;cursor:pointer}
.abc-tasks label:hover{background:var(--cream,#F4F7F0)}
.abc-tasks input{width:22px;height:22px;margin-top:2px;accent-color:var(--emerald,#2D6A4F)}
.abc-tasks input:checked+span{text-decoration:line-through;opacity:.6}
.abc-note{font-size:13px;color:var(--muted,#5A6B5F);margin:12px 0 0}
@media print{.top-header,.site-footer,.bottom-nav,.wa-float,.abc-more,.abc-actions,.abc-back{display:none!important}body.ab::before{display:none}}