.sc-guide .sc-mock { max-width:620px; margin:26px auto 10px; padding:18px; border-radius:16px; background:#fff; color:#202124; border:1px solid #dadce0; box-shadow:0 24px 48px -30px rgba(0,0,0,.35); }
html.theme-dark .sc-guide .sc-mock { background:#1f2124; color:#e8eaed; border-color:#3c4043; }
.sc-guide .sc-tabs { display:flex; gap:18px; margin-bottom:14px; border-bottom:1px solid rgba(128,128,128,.25); font-size:.85rem; font-weight:700; }
.sc-guide .sc-tabs span { padding:0 2px 8px; opacity:.6; } .sc-guide .sc-tabs .on { opacity:1; border-bottom:3px solid #1a73e8; }
.sc-guide .sc-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.sc-guide .sc-kpis div { padding:10px 12px; border-radius:10px; }
.sc-guide .sc-kpis .on { background:#7c4dff; color:#fff; } .sc-guide .sc-kpis .off { background:rgba(128,128,128,.12); opacity:.55; }
.sc-guide .sc-kpis small { display:block; font-size:.7rem; font-weight:700; } .sc-guide .sc-kpis b { display:block; margin-top:4px; font-size:1.3rem; }
.sc-guide .sc-chart { display:flex; align-items:flex-end; gap:6px; height:110px; padding:0 4px; border-bottom:1px solid rgba(128,128,128,.25); }
.sc-guide .sc-chart i { flex:1; height:var(--h); border-radius:4px 4px 0 0; background:#7c4dff; opacity:.85; }
.sc-guide .sc-dims { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; } .sc-guide .sc-dims span { padding:4px 12px; border-radius:999px; border:1px solid rgba(128,128,128,.35); font-size:.76rem; font-weight:700; }
.sc-guide .sc-convo { max-width:520px; margin:22px auto; display:grid; gap:8px; }
.sc-guide .sc-convo div { padding:10px 14px; border-radius:14px; font-size:.9rem; line-height:1.45; }
.sc-guide .sc-convo .u { justify-self:end; max-width:85%; background:var(--fe-accent); color:#fff; }
html.theme-dark .sc-guide .sc-convo .u { color:#10201e; }
.sc-guide .sc-convo .a { justify-self:start; max-width:85%; background:var(--fe-raised); border:1px solid var(--fe-border); color:var(--fe-muted); }
.sc-guide .sc-convo em { display:inline-block; margin-left:8px; padding:1px 8px; border-radius:999px; background:var(--fe-accent-2); color:#fff; font-style:normal; font-size:.7rem; font-weight:800; }
.sc-guide .sc-fields { display:grid; grid-template-columns:1fr 2fr; gap:12px; margin:14px 0; }
.sc-guide .sc-fields label { display:flex; flex-direction:column; gap:6px; font-size:.84rem; font-weight:700; color:var(--fe-ink); }
.sc-guide .sc-fields input, .sc-guide .sc-fields textarea { 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; resize:vertical; }
.sc-guide .sc-list { display:grid; gap:6px; margin-top:12px; }
.sc-guide .sc-row { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:9px 12px; border-radius:10px; border:1px solid var(--fe-border); background:var(--fe-raised); color:var(--fe-ink); font-size:.88rem; }
.sc-guide .sc-row span { overflow-wrap:anywhere; }
.sc-guide .sc-row em { flex:0 0 auto; padding:2px 10px; border-radius:999px; font-style:normal; font-size:.72rem; font-weight:800; white-space:nowrap; }
.sc-guide .t-follow em { background:rgba(199,133,31,.18); color:var(--fe-accent-2); } .sc-guide .t-conv em { background:rgba(124,77,255,.14); color:#6a3fe0; } html.theme-dark .sc-guide .t-conv em { color:#b9a5ff; }
.sc-guide .t-brand em { background:rgba(46,154,98,.16); color:var(--fe-high); } .sc-guide .t-std em { background:rgba(128,128,128,.14); color:var(--fe-muted); }
.sc-guide .sc-steps { display:grid; gap:10px; margin:22px 0; }
.sc-guide .sc-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); }
.sc-guide .sc-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 .sc-guide .sc-steps > div > b { color:#10201e; }
html body.fe-page.page-blog-article .blog-post-content .sc-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 .sc-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:640px) { .sc-guide .sc-fields { grid-template-columns:1fr; } .sc-guide .sc-kpis { grid-template-columns:1fr 1fr; } }
.sc-guide #sc-sorter-result .fe-out { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:640px) { .sc-guide #sc-sorter-result .fe-out { grid-template-columns:1fr 1fr; } }