/* ===== B3: Application Guide Section (geo-guide.css) ===== */
.guide-section { background:#fff; border-top:1px solid var(--line); }
.guide-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; margin-top:28px; }
.guide-card { border:1px solid var(--line); border-radius:12px; padding:22px 20px; background:#fafbfc; transition:box-shadow .2s; display:flex; flex-direction:column; }
.guide-card:hover { box-shadow:0 6px 20px rgba(26,111,196,.08); }
.guide-tag { display:inline-block; background:linear-gradient(135deg,#1a6fc4,#155a9e); color:#fff; font-size:11.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; padding:4px 12px; border-radius:20px; margin-bottom:10px; }
.guide-card h3 { font-size:15.5px; color:var(--navy); margin-bottom:8px; line-height:1.35; }
.guide-card p { font-size:13px; color:var(--mut); line-height:1.65; margin-bottom:12px; }
.guide-card p:last-child { margin-bottom:0; }
.guide-status.pending { display:inline-block; font-size:11px; color:#d97706; background:#fef3c7; padding:3px 10px; border-radius:10px; border:1px solid #f59e0b33; }
.guide-status.ready { display:inline-block; font-size:11px; color:#059669; background:#d1fae5; padding:3px 10px; border-radius:10px; border:1px solid #10b98133; }
.guide-cta { text-align:center; margin-top:36px; padding-top:28px; border-top:1px solid var(--line); }
.guide-cta .cta-btn { display:inline-block; background:var(--blue); color:#fff; padding:13px 32px; border-radius:7px; font-weight:600; font-size:15px; transition:background .2s; }
.guide-cta .cta-btn:hover { background:#155a9e; }
@media(max-width:768px){ .guide-grid{grid-template-columns:1fr;} }
.guide-q { font-size:12.5px; color:var(--navy); font-style:italic; line-height:1.5; margin:4px 0 10px; padding-left:12px; border-left:3px solid var(--blue); }
/* ===== How It Works steps (moved from Inquiry-Cart 2026-09-11) ===== */
.steps-block { margin-top:56px; padding-top:38px; border-top:1px solid var(--line); }
.steps-block .sec-s { margin-bottom:30px; }
/* Y2 模块6 柔性令牌统一：16px 柔角 + 柔和微投影（与应用页/首页 .oem-steps 同套流程视觉） */
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:8px; }
.steps .s { background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px; text-align:center; box-shadow:0 4px 12px rgba(31,111,235,.08); transition:box-shadow .2s,transform .2s; }
.steps .s:hover { box-shadow:0 12px 28px rgba(12,34,51,.12); transform:translateY(-3px); }
.steps .n { width:40px; height:40px; border-radius:50%; background:var(--blue); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; margin:0 auto 14px; box-shadow:0 4px 10px rgba(26,111,196,.22); }
.steps h4 { font-size:16px; color:var(--navy); margin-bottom:8px; }
.steps p { font-size:13px; color:var(--mut); line-height:1.6; }
@media(max-width:980px){ .steps{grid-template-columns:repeat(2,1fr);} }
@media(max-width:760px){ .steps{grid-template-columns:1fr;} }