.al-guide .al-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:22px 0; }
.al-guide .al-flow div { display:flex; flex-direction:column; gap:6px; padding:16px 14px; border-radius:16px; background:var(--fe-raised); border:1px solid var(--fe-border); color:var(--fe-ink); }
.al-guide .al-flow div:last-child { border-color:var(--fe-accent); box-shadow:inset 0 4px 0 var(--fe-accent); }
.al-guide .al-flow small { font-size:.72rem; font-weight:800; letter-spacing:.06em; color:var(--fe-accent); } .al-guide .al-flow b { font-size:1rem; } .al-guide .al-flow span { flex:1; font-size:.82rem; line-height:1.45; color:var(--fe-muted); }
.al-guide .al-flow em { align-self:flex-start; padding:3px 10px; border-radius:999px; background:var(--fe-surface); font-style:normal; font-size:.72rem; font-weight:800; }
.al-guide .al-scene { display:grid; grid-template-columns:1fr auto; gap:22px; align-items:center; max-width:640px; margin:26px auto 8px; padding:22px; border-radius:22px; background:var(--fe-surface); border:1px solid var(--fe-border); }
.al-guide .al-post { border-radius:14px; overflow:hidden; background:#fff; color:#262626; border:1px solid #dbdbdb; }
html.theme-dark .al-guide .al-post { background:#000; color:#f5f5f5; border-color:#363636; }
.al-guide .al-img { position:relative; height:190px; background:radial-gradient(circle at 30% 40%,#ffd9c7,#c2502e 60%,#5b3fb0); overflow:hidden; }
.al-guide .al-wm { position:absolute; inset:auto 10px 10px auto; font-size:.66rem; letter-spacing:.08em; color:rgba(255,255,255,.55); animation:al-wm 6s ease infinite; }
@keyframes al-wm { 0%,15% { opacity:0; } 25%,45% { opacity:1; } 55%,100% { opacity:.35; } }
.al-guide .al-badge { position:absolute; left:10px; top:10px; padding:5px 10px; border-radius:999px; background:#111; color:#fff; font-size:.72rem; font-weight:800; transform:translateY(-40px); opacity:0; animation:al-badge 6s cubic-bezier(.2,.9,.3,1.2) infinite; }
@keyframes al-badge { 0%,55% { transform:translateY(-40px); opacity:0; } 65%,92% { transform:none; opacity:1; } 100% { transform:translateY(-40px); opacity:0; } }
html body.fe-page.page-blog-article .blog-post-content .al-post p { margin:0 !important; padding:10px 12px !important; font-size:.86rem !important; color:inherit !important; max-width:none; }
.al-guide .al-verdicts { display:grid; gap:10px; }
.al-guide .al-verdicts span { padding:10px 14px; border-radius:12px; font-size:.82rem; font-weight:800; white-space:nowrap; opacity:.35; }
.al-guide .al-verdicts .no { background:rgba(201,74,58,.14); color:var(--fe-low); animation:al-v1 6s ease infinite; } .al-guide .al-verdicts .yes { background:rgba(46,154,98,.16); color:var(--fe-high); animation:al-v2 6s ease infinite; }
@keyframes al-v1 { 25%,55% { opacity:1; } 65%,100% { opacity:.35; } } @keyframes al-v2 { 0%,60% { opacity:.35; } 70%,95% { opacity:1; } }
.al-guide .al-qs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0; }
.al-guide .al-qs label { display:flex; flex-direction:column; gap:6px; font-size:.84rem; font-weight:700; color:var(--fe-ink); }
.al-guide .al-qs select { width:100%; padding:10px 12px; border-radius:10px; border:1px solid var(--fe-border); background:var(--fe-raised); color:var(--fe-ink); font:inherit; font-weight:400; font-size:.9rem; }
.al-guide .al-verdict { display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:start; margin-top:12px; padding:18px; border-radius:16px; border:1px solid var(--fe-border); background:var(--fe-raised); color:var(--fe-ink); }
.al-guide .al-verdict i { display:grid; place-items:center; width:54px; height:54px; border-radius:50%; font-style:normal; font-size:1.3rem; font-weight:900; color:#fff; }
.al-guide .al-verdict.yes i { background:var(--fe-low); } .al-guide .al-verdict.no i { background:var(--fe-high); } .al-guide .al-verdict.maybe i { background:var(--fe-mid); color:#2a1d0c; }
.al-guide .al-verdict strong { display:block; font-size:1.1rem; margin-bottom:4px; }
html body.fe-page.page-blog-article .blog-post-content .al-verdict p { margin:0 0 6px !important; font-size:.9rem !important; line-height:1.5 !important; color:var(--fe-ink) !important; max-width:none; }
html body.fe-page.page-blog-article .blog-post-content .al-verdict ul { margin:6px 0 0 !important; padding:0 0 0 18px !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 .al-verdict li { margin:0 0 4px !important; padding:0 !important; font-size:.86rem !important; line-height:1.45 !important; color:var(--fe-muted) !important; }
.al-guide .al-steps { display:grid; gap:10px; margin:22px 0; }
.al-guide .al-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); }
.al-guide .al-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 .al-guide .al-steps > div > b { color:#111; }
html body.fe-page.page-blog-article .blog-post-content .al-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 .al-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:860px) { .al-guide .al-flow { grid-template-columns:1fr 1fr; } }
@media(max-width:600px) { .al-guide .al-flow, .al-guide .al-qs, .al-guide .al-scene { grid-template-columns:1fr; } .al-guide .al-verdicts { grid-template-columns:1fr 1fr; } }