.ab-guide .ab-jump { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:end; height:200px; max-width:420px; margin:24px auto 6px; padding:16px 20px 0; border-bottom:2px solid var(--fe-border); }
.ab-guide .ab-jump div { display:flex; flex-direction:column; justify-content:flex-end; align-items:center; height:100%; }
.ab-guide .ab-jump i { width:64%; height:var(--h); border-radius:8px 8px 0 0; background:var(--fe-accent); order:2; }
.ab-guide .ab-jump div:first-child i { background:var(--fe-border); }
.ab-guide .ab-jump b { order:1; margin-bottom:6px; font-family:'DM Serif Display',serif; font-size:1.4rem; font-weight:400; color:var(--fe-ink); }
.ab-guide .ab-jump span { order:3; position:absolute; }
.ab-guide .ab-jump div { position:relative; } .ab-guide .ab-jump span { bottom:-26px; font-size:.78rem; color:var(--fe-muted); }
.ab-guide .ab-jump + .fe-small { margin-top:34px !important; text-align:center; }
.ab-guide .ab-serp { max-width:600px; margin:26px auto 10px; padding:20px; border-radius:18px; background:#fff; color:#202124; border:1px solid #dadce0; box-shadow:0 24px 48px -30px rgba(0,0,0,.35); }
html.theme-dark .ab-guide .ab-serp { background:#1f1f1f; color:#e8eaed; border-color:#3c4043; }
.ab-guide .ab-q { display:flex; align-items:center; gap:10px; margin-bottom:16px; padding:10px 18px; border-radius:999px; border:1px solid #dfe1e5; font-size:.92rem; }
.ab-guide .ab-q i { width:14px; height:14px; border:2px solid #9aa0a6; border-radius:50%; }
.ab-guide .ab-aio { padding:16px; border-radius:14px; background:linear-gradient(135deg,rgba(91,63,176,.08),rgba(194,80,46,.06)); }
.ab-guide .ab-aio small { display:block; margin-bottom:6px; font-size:.75rem; font-weight:800; color:#5b3fb0; }
html.theme-dark .ab-guide .ab-aio small { color:#b9a5ff; }
html body.fe-page.page-blog-article .blog-post-content .ab-aio p { margin:0 0 10px !important; font-size:.9rem !important; line-height:1.55 !important; color:inherit !important; max-width:none; }
.ab-guide .ab-aio u { text-decoration-color:#c94a3a; text-decoration-thickness:2px; }
.ab-guide .ab-cites { display:flex; flex-wrap:wrap; gap:6px; } .ab-guide .ab-cites span { padding:3px 10px; border-radius:999px; background:rgba(128,128,128,.14); font-size:.74rem; }
.ab-guide .ab-cites .own { background:#5b3fb0; color:#fff; }
.ab-guide .ab-res { margin-top:14px; padding:4px 4px 0; } .ab-guide .ab-res b { display:block; color:#1a0dab; font-size:1rem; font-weight:500; } html.theme-dark .ab-guide .ab-res b { color:#8ab4f8; } .ab-guide .ab-res span { font-size:.8rem; opacity:.7; }
.ab-guide .ab-ring { --p:0; display:grid; place-items:center; width:110px; height:110px; margin:0 auto; border-radius:50%; background:conic-gradient(var(--fe-accent) calc(var(--p)*1%),var(--fe-border) 0); }
.ab-guide .ab-ring span { display:grid; place-items:center; width:84px; height:84px; border-radius:50%; background:var(--fe-raised); font-family:'DM Serif Display',serif; font-size:1.8rem; color:var(--fe-ink); }
.ab-guide .ab-res2 { display:grid; grid-template-columns:140px 1fr; gap:18px; align-items:center; margin-top:12px; padding:18px; border-radius:16px; border:1px solid var(--fe-border); background:var(--fe-raised); color:var(--fe-ink); }
.ab-guide .ab-res2 strong { display:block; font-size:1.1rem; margin-bottom:6px; }
html body.fe-page.page-blog-article .blog-post-content .ab-res2 ol { margin:6px 0 0 !important; padding:0 0 0 20px !important; border:0 !important; background:none !important; box-shadow:none !important; max-width:none !important; }
html body.fe-page.page-blog-article .blog-post-content .ab-res2 li, html body.fe-page.page-blog-article .blog-post-content .ab-res2 p { margin:0 0 6px !important; padding:0 !important; font-size:.9rem !important; line-height:1.5 !important; color:var(--fe-ink) !important; max-width:none; }
.ab-guide .ab-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:14px 0; }
.ab-guide .ab-checks label { display:flex; gap:10px; align-items:flex-start; padding:11px 13px; border-radius:12px; border:1px solid var(--fe-border); background:var(--fe-raised); font-size:.86rem; line-height:1.4; cursor:pointer; color:var(--fe-ink); }
.ab-guide .ab-checks input { flex:0 0 auto; width:18px; height:18px; margin-top:1px; accent-color:var(--fe-accent); }
.ab-guide .ab-steps { display:grid; gap:10px; margin:22px 0; }
.ab-guide .ab-steps > div { display:grid; grid-template-columns:48px 1fr; column-gap:16px; padding:18px 20px; border-radius:16px; border:1px solid var(--fe-border); background:var(--fe-raised); color:var(--fe-ink); }
.ab-guide .ab-steps > div > b { grid-row:span 2; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--fe-accent); color:#fff; font-family:'DM Serif Display',serif; font-size:1.4rem; font-weight:400; }
html.theme-dark .ab-guide .ab-steps > div > b { color:#181429; }
html body.fe-page.page-blog-article .blog-post-content .ab-steps h3 { margin:2px 0 4px !important; padding:0 !important; font-size:1.05rem !important; color:var(--fe-ink) !important; }
html body.fe-page.page-blog-article .blog-post-content .ab-steps p { margin:0 !important; font-size:.9rem !important; line-height:1.55 !important; color:var(--fe-muted) !important; max-width:none; }
@media(max-width:600px) { .ab-guide .ab-checks { grid-template-columns:1fr; } .ab-guide .ab-res2 { grid-template-columns:1fr; } }