.learn-intro { margin-bottom:32px; }
.learn-breadcrumb { display:flex;gap:10px;margin-bottom:28px;font-size:12px;color:#59616d; }
.learn-breadcrumb a { color:#03256c;text-decoration:none; }
.learn-hero { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;padding:0 0 32px;background:url('/assets/page-drafting.svg') no-repeat 42% bottom/220px 250px; }
.learn-eyebrow { margin:0 0 18px;color:#59616d;font:700 11px/1.6 Roboto,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase; }
.learn-eyebrow::before { content:'';display:inline-block;width:24px;height:3px;background:#e60012;margin:0 10px 3px 0; }
.visual-system .learn-copy h1 { margin:0 0 20px;color:#03256c;font:700 clamp(36px,3.5vw,50px)/1.08 'Roboto Condensed',Roboto,Arial,sans-serif;text-transform:none;letter-spacing:-.5px; }
.learn-lead { margin:0 0 24px;max-width:600px;color:#59616d;font:400 16px/1.7 Roboto,Arial,sans-serif; }
.learn-checklist { display:grid;gap:16px;margin:0 0 28px; }
.learn-checklist p { display:flex;gap:14px;align-items:flex-start;margin:0;color:#59616d;font:400 13px/1.6 Roboto,Arial,sans-serif; }
.learn-checklist img { flex:0 0 28px;object-fit:contain;margin-top:2px; }
.learn-checklist strong { display:block;margin-bottom:3px;color:#03256c;font-size:14px;font-weight:600; }
.learn-actions { display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center; }
.visual-system .learn-primary { display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 20px;border:1px solid #0034ff;border-radius:8px;background:#0034ff;color:#fff;text-decoration:none;font:600 14px/1.5 Roboto,Arial,sans-serif; }
.visual-system .learn-primary:hover { background:#03256c;border-color:#03256c;color:#fff; }
.learn-primary>span,.learn-text-link>span { font-size:22px;line-height:1; }
.visual-system .learn-text-link { display:inline-flex;align-items:center;gap:12px;color:#03256c;text-decoration:none;font:600 13px/1.5 Roboto,Arial,sans-serif; }
.learn-text-link:hover { text-decoration:underline; }
html:not([data-accessible]) .visual-system .learn-guide { background:#03256c;color:#fff;border-radius:12px;padding:28px; }
.learn-guide-label { display:flex;align-items:center;gap:12px;font:400 11px/1.5 Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.6px; }
.learn-guide-label img { filter:brightness(0) invert(1); }
.visual-system .learn-guide h2 { margin:22px 0 20px;color:#fff;font:700 32px/1.15 'Roboto Condensed',Roboto,Arial,sans-serif;text-transform:none; }
.visual-system .learn-guide-links a { display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff40;padding:16px 0;color:#fff;text-decoration:none; }
.learn-step { flex:0 0 22px;font:700 18px 'Roboto Condensed',Roboto,Arial,sans-serif;color:#b7c5e1; }
.learn-guide-links strong { display:block;font:500 15px/1.4 Roboto,Arial,sans-serif; }
.learn-guide-links small { display:block;margin-top:4px;color:#d1d9e9;font:400 11px/1.5 Roboto,Arial,sans-serif; }
.learn-guide-links a>span:last-child { margin-left:auto;font-size:23px; }
.learn-guide-links a:hover strong { text-decoration:underline;text-underline-offset:4px; }
.visual-system .learn-guide-note { margin:4px 0 0;padding-top:16px;border-top:1px solid #ffffff40;color:#d1d9e9;font:400 11px/1.6 Roboto,Arial,sans-serif; }
.visual-system .learn-services { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 28px;padding:0;border:0; }
.visual-system .learn-services>a { display:flex;align-items:center;gap:14px;min-width:0;padding:22px 16px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;color:#03256c;text-decoration:none; }
.learn-services>a:hover { border-color:#03256c; }
.learn-services img { flex:0 0 28px;object-fit:contain; }
.learn-services strong { display:block;font:600 14px/1.4 Roboto,Arial,sans-serif; }
.learn-services small { display:block;margin-top:5px;color:#59616d;font:400 11px/1.5 Roboto,Arial,sans-serif; }
.learn-services>a>span:last-child { margin-left:auto;font-size:22px; }
.learn-directions { display:flex;gap:20px;align-items:center; }
.learn-directions>span { font:600 12px Roboto,Arial,sans-serif;color:#59616d; }
.learn-directions>div { display:flex;flex-wrap:wrap;gap:8px; }
.visual-system .learn-directions a { display:inline-block;padding:7px 12px;border:1px solid #e0e0e0;border-radius:20px;color:#03256c;text-decoration:none;font:400 12px/1.5 Roboto,Arial,sans-serif; }
.learn-directions a:hover { border-color:#03256c;background:#f5f5f5; }
.visual-system .codex-obuchenie-component-preview .own-catalog-notice { margin:0 0 28px;padding:14px 18px;background:#f5f5f5;border:1px solid #e0e0e0;border-left:3px solid #1e8e5a;border-radius:8px;color:#59616d;font:400 13px/1.7 Roboto,Arial,sans-serif; }
.own-catalog-notice a { color:#03256c;font-weight:500; }
@media(max-width:1000px) { .learn-hero { gap:28px; } .learn-guide { padding:24px; } .learn-services { gap:12px; } .learn-services>a>span:last-child { display:none; } }
@media(max-width:760px) {
 .visual-system .niisf-native-header__logos { display:none!important; }
 .visual-system .niisf-native-header__inner { min-height:64px;padding-block:10px;gap:0; }
 .learn-breadcrumb { margin-bottom:22px; }
 .learn-hero { grid-template-columns:1fr;gap:28px;background-position:right top;background-size:150px 180px; }
 .visual-system .learn-copy h1 { font-size:38px; }
 .learn-lead { font-size:15px; }
 .visual-system .learn-services { grid-template-columns:1fr; }
 .learn-directions { align-items:flex-start;flex-direction:column;gap:12px; }
 .learn-actions { gap:18px; }
}
@media(max-width:420px) { .visual-system .learn-primary { width:100%; } .visual-system .learn-guide { padding:24px 20px; } .visual-system .learn-guide h2 { font-size:30px; } }
html[data-accessible] .learn-hero { background:none; }