/* Shared course detail introduction; independent of the host page's layout classes. */
.learning-introduction{box-sizing:border-box;max-width:1152px;width:calc(100% - 32px);margin:48px auto;padding:32px;background:var(--ui-surface,#fff);border:1px solid var(--ui-border,#ddd4c2);border-top:3px solid var(--accent-text,#80622e);border-radius:12px;color:var(--ui-text,#152337);font:max(1rem,16px)/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}
.learning-introduction *{box-sizing:border-box}
.learning-introduction .learning-introduction-label{margin:0 0 8px;color:var(--accent-text,#80622e);font-size:max(.875rem,14px);font-weight:600}
.learning-introduction h2{margin:0 0 16px;font:400 clamp(1.75rem,3vw,2.5rem)/1.2 Georgia,Cambria,serif;color:var(--ui-navy,#102740)}
.learning-introduction p{margin:0;max-width:68ch;font-size:max(1rem,16px);line-height:1.6}
.learning-introduction .learning-introduction-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:32px 0;padding:0}
.learning-introduction-steps li{min-width:0;margin:0;padding:0}
.learning-introduction .learning-introduction-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:16px;border-radius:50%;background:var(--accent-tint,#f6f1e4);color:var(--accent-text,#80622e);font-weight:600}
.learning-introduction h3{margin:0 0 12px;font:400 max(1.375rem,22px)/1.3 Georgia,Cambria,serif;color:var(--ui-navy,#102740)}
.learning-introduction .learning-introduction-guest{margin:0;padding:16px 20px;border-left:3px solid var(--accent-text,#80622e);background:var(--accent-tint,#f6f1e4);border-radius:0 8px 8px 0}
.learning-introduction-guest strong{display:block;margin-bottom:4px;font-weight:600}
@media(max-width:767px){.learning-introduction{margin:32px auto;padding:24px}.learning-introduction .learning-introduction-steps{grid-template-columns:1fr;gap:24px;margin:24px 0}.learning-introduction .learning-introduction-number{margin-bottom:12px}}
@media(max-width:390px){.learning-introduction{padding:16px}.learning-introduction .learning-introduction-guest{padding:16px}}