.plan-summary { max-width:1164px; margin:0 auto; padding:25px 28px; display:flex; align-items:center; gap:28px; border:1px solid #dcecf3; border-radius:18px; background:#edf7fc; }
.plan-summary div { display:flex; align-items:baseline; gap:4px; color:#6692aa; }.plan-summary strong { color:#4b7d99; font-size:30px; line-height:1; }.plan-summary span { font-size:11px; }.plan-summary p { max-width:470px; margin:0 0 0 auto; color:#65808e; font-size:12px; }
.period-grid { max-width:1164px; margin:35px auto 0; padding:0 28px; display:grid; grid-template-columns:repeat(2,1fr); gap:15px; }.period-card { padding:22px; border:1px solid #e5ece8; border-radius:16px; background:#fff; box-shadow:0 7px 22px rgba(75,100,88,.04); }.period-card-head { display:flex; justify-content:space-between; color:#6c9a7c; font-size:10px; font-weight:700; letter-spacing:.04em; }.period-card-head b { width:26px; height:26px; display:grid; place-items:center; border-radius:7px; color:#5e8ca8; background:#edf7fc; font-size:10px; }.period-card h2 { margin:17px 0 3px; font-size:18px; }.period-card > small { color:#8a9690; font-size:10px; }.period-block { margin-top:15px; padding-top:12px; border-top:1px solid #edf0ee; }.period-block b { color:#668a74; font-size:10px; }.period-block p { margin:4px 0 0; color:#626e68; font-size:12px; line-height:1.6; }
.table-subtext { display:block; margin-top:3px; color:#9ca3af; font-size:10px; }.admin-course-lessons a span { display:block; }
@media (max-width:700px) { .plan-summary { margin:0 18px; padding:20px; flex-wrap:wrap; gap:17px; }.plan-summary p { width:100%; margin:4px 0 0; }.period-grid { grid-template-columns:1fr; padding:0 18px; }.period-card { padding:18px; } }