.a888-overview { width:min(900px,calc(100% - 48px));margin:42px auto 64px;color:var(--dafa-text,#222);font-size:15px;line-height:1.75; }
.a888-overview [hidden] { display:none; }
.a888-overview a { color:inherit;text-decoration:none; }
.a888-overview a:hover { color:var(--dafa-accent,#c54a26);text-decoration:underline; }
.a888-overview :is(a,button,summary):focus-visible { outline:2px solid var(--dafa-accent,#c54a26);outline-offset:4px; }
.a888-overview__back,.a888-overview__muted,.a888-overview__meta,.a888-overview__status { color:var(--dafa-text-soft,#667085);font-size:13px; }
.a888-overview h1 { margin:18px 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.3;letter-spacing:-.02em; }
.a888-overview h2 { margin:0;font-size:21px; }
.a888-overview p { margin:8px 0 14px; }
.a888-overview__today { display:flex;align-items:baseline;gap:12px 20px;flex-wrap:wrap;margin:24px 0;padding:16px 0;border-block:1px solid var(--dafa-border,#ddd); }
.a888-overview__today strong { margin-left:8px;font-size:23px;font-weight:600;font-variant-numeric:tabular-nums; }
.a888-overview__section { padding:12px 0; }
.a888-overview__recent { list-style:none;margin:8px 0 0;padding:0; }
.a888-overview__recent li { padding:16px 0;border-bottom:1px solid var(--dafa-border,#ddd); }
.a888-overview__meta { display:flex;gap:12px;margin-bottom:5px;font-size:12px; }
.a888-overview__recent a { font-size:16px;line-height:1.6;overflow-wrap:anywhere; }
.a888-overview__status { display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 28px; }
.a888-overview__status button { font:inherit;padding:3px 10px;border:1px solid var(--dafa-border,#ddd);border-radius:4px;background:transparent;color:inherit;cursor:pointer; }
.a888-overview__status button:disabled { opacity:.5;cursor:wait; }
.a888-overview__notes { padding:22px 0;border-top:1px solid var(--dafa-border,#ddd); }
.a888-overview__notes h2 { font-size:17px; }
.a888-overview__notes p { color:var(--dafa-text-soft,#667085);font-size:13px; }
.a888-overview__notes summary { cursor:pointer;padding:8px 0;font-size:14px; }
.a888-overview__statistics { border-bottom:1px solid var(--dafa-border,#ddd);padding:22px 0; }
.a888-overview__section-head { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.a888-overview__switch { display:flex;gap:4px; }
.a888-overview__switch button { padding:6px 10px;min-height:36px;font:inherit;font-size:13px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--dafa-text-soft,#667085);cursor:pointer; }
.a888-overview__switch button[aria-pressed=true] { border-color:var(--dafa-border,#ddd);color:var(--dafa-text,#222); }
.a888-overview__switch button:disabled { opacity:.4;cursor:default; }
.a888-overview__trend { display:grid;grid-template-columns:repeat(var(--days,7),minmax(0,1fr));height:176px;gap:6px;border-bottom:1px solid var(--dafa-border,#ddd); }
.a888-overview__bar-slot { display:flex;align-items:flex-end;justify-content:center;min-width:0; }
.a888-overview__bar { width:70%;max-width:46px;background:var(--dafa-accent,#c54a26);border-radius:3px 3px 0 0; }
.a888-overview__bar.is-missing { background:transparent;border-top:2px dashed var(--dafa-text-soft,#667085);border-radius:0; }
.a888-overview__axis { display:flex;justify-content:space-between;font-size:12px;color:var(--dafa-text-soft,#667085);padding:6px 0; }
.a888-overview__countries { list-style:none;padding:0;margin:18px 0; }
.a888-overview__countries li { display:flex;justify-content:space-between;gap:12px;position:relative;padding:8px 0 14px;margin-bottom:12px;font-size:14px; }
.a888-overview__countries i { position:absolute;bottom:0;left:0;height:3px;background:var(--dafa-accent,#c54a26);opacity:.65; }
@media(max-width:600px){.a888-overview { width:calc(100% - 32px);margin-top:28px; }.a888-overview__today { gap:4px 16px; }.a888-overview__recent a { font-size:15px; }}