/* Extracted from src/products/education.njk style block 1 */
/* ============ education.njk · page-scoped ============ */

/* §01 教练改反馈闭环 — 视觉面板内的流程清单 */
.edu-loop{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.edu-loop li{
    display:flex; align-items:center; gap:14px;
    padding:14px 16px;
    background:var(--scn-paper); border:1px solid var(--scn-line-soft);
    border-radius:13px;
}
.edu-loop-ic{
    width:38px; height:38px; border-radius:11px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:var(--accent-glow); color:var(--accent); font-size:15px;
}
.edu-loop-tx b{ display:block; font-size:14.5px; font-weight:800; color:var(--text-primary); letter-spacing:-.005em; }
.edu-loop-tx span{ display:block; margin-top:2px; font-size:12.5px; line-height:1.55; color:var(--text-secondary); }

/* split 视觉面板里的实拍图 */
.edu-shot{ display:block; width:100%; height:auto; }
.edu-shot-cap{
    display:flex; flex-direction:column; gap:3px;
    padding:18px 22px; border-top:1px solid var(--scn-line-soft);
}
.edu-shot-cap strong{ font-size:14.5px; font-weight:800; color:var(--text-primary); letter-spacing:-.005em; }
.edu-shot-cap span{ font-size:12.5px; line-height:1.6; color:var(--text-secondary); }

/* §04 三端定位行 */
.edu-roles{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.edu-roles-single{ grid-template-columns:1fr; }
.edu-role{
    display:flex; align-items:center; gap:14px;
    padding:20px 22px;
    background:#fff; border:1px solid var(--scn-line); border-radius:15px;
    box-shadow:var(--scn-shadow-sm);
}
.edu-role-ic{
    width:46px; height:46px; border-radius:12px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:var(--accent-glow); color:var(--accent); font-size:18px;
}
.edu-role-tx b{ display:block; font-size:15px; font-weight:850; color:var(--text-primary); }
.edu-role-tx span{ display:block; margin-top:2px; font-size:12.5px; color:var(--text-muted); }

@media (max-width:768px){
    .edu-roles{ grid-template-columns:1fr; }
}