.uc-guide .uc-count { display:flex; align-items:center; gap:16px; margin:-6px 0 26px; padding:16px 20px; border-radius:16px; background:var(--fe-ink); color:var(--fe-raised); }
html.theme-dark .uc-guide .uc-count { background:var(--fe-raised); color:var(--fe-ink); border:1px solid var(--fe-border); }
.uc-guide .uc-count-n { font-family:'DM Serif Display',serif; font-size:2.6rem; line-height:1; color:var(--fe-accent-2); }
.uc-guide .uc-count-l { font-size:.95rem; font-weight:700; line-height:1.4; }
.uc-guide .uc-cart { max-width:460px; margin:30px auto 10px; padding:18px; border-radius:22px; background:#fff; color:#202124; border:1px solid #dadce0; box-shadow:0 24px 48px -28px rgba(0,0,0,.35); }
html.theme-dark .uc-guide .uc-cart { background:#1f2124; color:#e8eaed; border-color:#3c4043; }
.uc-guide .uc-cart-h { display:flex; justify-content:space-between; align-items:baseline; padding:0 4px 12px; border-bottom:1px solid rgba(128,128,128,.25); }
.uc-guide .uc-cart-h b { font-size:1.05rem; } .uc-guide .uc-cart-h span { font-size:.78rem; opacity:.7; }
.uc-guide .uc-item { display:grid; grid-template-columns:52px 1fr auto; gap:12px; align-items:center; padding:12px 4px; border-bottom:1px solid rgba(128,128,128,.18); }
.uc-guide .uc-item i { width:52px; height:52px; border-radius:12px; }
.uc-guide .uc-item i.a { background:linear-gradient(135deg,#3c4a5c,#8a9bb0); } .uc-guide .uc-item i.b { background:linear-gradient(135deg,#d9a46b,#f3e1c7); } .uc-guide .uc-item i.c { background:linear-gradient(135deg,#0b7a75,#9fd8d1); }
.uc-guide .uc-item b { display:block; font-size:.92rem; } .uc-guide .uc-item small { font-size:.76rem; opacity:.7; }
.uc-guide .uc-item > span { font-weight:800; font-size:.95rem; white-space:nowrap; } .uc-guide .uc-item s { opacity:.5; font-weight:400; margin-right:4px; }
.uc-guide .uc-alert { margin:8px 0 2px; padding:8px 12px; border-radius:10px; background:#e6f4ea; color:#137333; font-size:.8rem; font-weight:700; }
html.theme-dark .uc-guide .uc-alert { background:#0f3a24; color:#81c995; }
.uc-guide .uc-cart-f { display:flex; gap:8px; margin-top:14px; }
.uc-guide .uc-btn { flex:1; padding:10px; border-radius:999px; border:1px solid #dadce0; text-align:center; font-size:.82rem; font-weight:700; }
.uc-guide .uc-btn.g { background:#202124; color:#fff; border-color:#202124; }
html.theme-dark .uc-guide .uc-btn.g { background:#e8eaed; color:#202124; }
.uc-guide .uc-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:22px 0; }
.uc-guide .uc-flow div { position:relative; padding:16px 14px; border-radius:16px; background:var(--fe-raised); border:1px solid var(--fe-border); color:var(--fe-ink); font-size:.86rem; line-height:1.45; }
.uc-guide .uc-flow div.split { border-color:var(--fe-accent); background:var(--fe-surface); }
.uc-guide .uc-flow b { display:grid; place-items:center; width:32px; height:32px; margin-bottom:8px; border-radius:50%; background:var(--fe-accent); color:#fff; font-size:.9rem; }
html.theme-dark .uc-guide .uc-flow b { color:#10201e; }
.uc-guide .uc-flow em { font-size:.75rem; color:var(--fe-muted); }
.uc-guide .uc-flow div:not(:last-child)::after { content:"→"; position:absolute; right:-10px; top:50%; transform:translateY(-50%); z-index:1; color:var(--fe-accent); font-weight:800; }
.uc-guide .uc-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:22px 0; }
.uc-guide .uc-map div { padding:18px; border-radius:16px; background:var(--fe-raised); border:1px solid var(--fe-border); color:var(--fe-ink); }
.uc-guide .uc-map .live { border-top:6px solid var(--fe-high); } .uc-guide .uc-map .next { border-top:6px solid var(--fe-mid); } .uc-guide .uc-map .later { border-top:6px solid var(--fe-border); }
.uc-guide .uc-map b { display:block; margin-bottom:6px; font-size:1.02rem; } .uc-guide .uc-map span { display:block; font-size:.86rem; line-height:1.5; color:var(--fe-muted); }
.uc-guide .uc-checks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:14px 0; }
.uc-guide .uc-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); }
.uc-guide .uc-checks input { flex:0 0 auto; width:18px; height:18px; margin-top:1px; accent-color:var(--fe-accent); }
.uc-guide .uc-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); }
.uc-guide .uc-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); }
.uc-guide .uc-res { 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); }
.uc-guide .uc-res strong { display:block; font-size:1.1rem; margin-bottom:6px; }
html body.fe-page.page-blog-article .blog-post-content .uc-res 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 .uc-res li, html body.fe-page.page-blog-article .blog-post-content .uc-res 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; }
.uc-guide .uc-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:22px 0; }
.uc-guide .uc-steps div { padding:18px 20px; border-radius:16px; background:var(--fe-surface); border:1px solid var(--fe-border); border-left:5px solid var(--fe-accent); color:var(--fe-ink); }
.uc-guide .uc-steps b { display:block; margin-bottom:6px; font-size:.78rem; letter-spacing:.07em; text-transform:uppercase; color:var(--fe-accent); }
html body.fe-page.page-blog-article .blog-post-content .uc-steps p { margin:0 !important; font-size:.9rem !important; line-height:1.55 !important; color:var(--fe-ink) !important; max-width:none; }
@media(max-width:860px) { .uc-guide .uc-flow { grid-template-columns:1fr 1fr; } .uc-guide .uc-flow div:nth-child(2)::after { display:none; } .uc-guide .uc-checks { grid-template-columns:1fr 1fr; } .uc-guide .uc-map { grid-template-columns:1fr; } }
@media(max-width:560px) { .uc-guide .uc-flow, .uc-guide .uc-checks, .uc-guide .uc-steps { grid-template-columns:1fr; } .uc-guide .uc-flow div::after { display:none; } .uc-guide .uc-res { grid-template-columns:1fr; } .uc-guide .uc-count-n { font-size:2.1rem; } }