/* Personal AI learning: a reading spread, real working contexts and open pathways. */
.oc-site .oc-personal-section{padding:clamp(3.5rem,7vw,6rem) var(--oc-gutter);background:var(--oc-paper);border-top:1px solid var(--oc-border)}
.oc-personal-inner{max-width:1216px;margin-inline:auto}
.oc-site .oc-personal-spread{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.oc-site .oc-personal-kicker{color:var(--oc-action);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}
.oc-site .oc-personal-copy h2,.oc-site .oc-personal-copy h1{font-size:clamp(2.4rem,4.1vw,3.65rem);line-height:1.06;letter-spacing:-.045em;max-width:17ch;margin:0 0 24px;color:var(--oc-ink)}
.oc-site .oc-personal-copy h2 span,.oc-site .oc-personal-copy h1 span{color:var(--oc-action)}
.oc-site .oc-personal-copy>p:not(.oc-personal-kicker){font-size:17px;line-height:1.75;color:var(--oc-muted);max-width:55ch;margin:0 0 16px}
.oc-site .oc-personal-copy .oc-personal-lead{font-size:20px;line-height:1.6;color:var(--oc-ink)}
.oc-site .oc-personal-photo{margin:0;min-width:0}
.oc-site .oc-personal-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:3px}
.oc-site .oc-personal-photo figcaption{margin-top:14px;color:var(--oc-muted);font-size:13px;line-height:1.6;max-width:65ch}
.oc-site .oc-personal-practice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:48px 0 0;padding:28px 0 0;border-top:1px solid var(--oc-border);list-style:none}
.oc-site .oc-personal-practice li{padding:0;min-width:0}
.oc-site .oc-personal-practice .oc-personal-step{color:var(--oc-action);font-size:12px;font-weight:700;letter-spacing:.08em}
.oc-site .oc-personal-practice h3{font-family:var(--font-body);font-size:21px;line-height:1.35;font-weight:700;letter-spacing:-.025em;margin:10px 0}
.oc-site .oc-personal-practice p{color:var(--oc-muted);font-size:15px;line-height:1.7;max-width:42ch;margin:0}
.oc-site .oc-personal-paths{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:32px;align-items:start;margin-top:42px;padding-top:28px;border-top:1px solid var(--oc-border)}
.oc-site .oc-personal-paths h3{font-family:var(--font-body);font-size:22px;line-height:1.4;letter-spacing:-.025em;margin:0 0 10px}
.oc-site .oc-personal-paths p{color:var(--oc-muted);font-size:15px;line-height:1.7;margin:0;max-width:48ch}
.oc-site .oc-personal-path-links{display:flex;gap:0 22px;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}
.oc-site .oc-personal-path-links a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:8px 0;color:var(--oc-ink);text-decoration:none;border-bottom:1px solid var(--oc-border);font-weight:650;font-size:16px;line-height:1.5}
.oc-site .oc-personal-path-links a:is(:hover,:focus-visible,:active){color:var(--oc-action-hover);border-color:var(--oc-action-hover);background:transparent}
.oc-site .oc-personal-path-links a svg{width:16px;height:16px;flex-shrink:0}
.oc-site .oc-personal-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px;align-items:center}
.oc-site .oc-personal-actions .oc-button{gap:12px;line-height:1.4}
.oc-site .oc-personal-actions svg{width:18px;height:18px;flex-shrink:0}
.oc-site .oc-personal-footnote{font-size:14px;line-height:1.7;color:var(--oc-muted);margin:22px 0 0;max-width:75ch}
.oc-site .oc-personal-hero{border-top:0;padding-top:clamp(2rem,5vw,4.5rem);padding-bottom:clamp(2.5rem,5vw,4rem)}
.oc-site .oc-personal-hero .oc-personal-spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.oc-site .oc-personal-hero .oc-personal-photo{align-self:center}
.oc-site .oc-personal-policy{max-width:75ch;font-size:14px;color:var(--oc-muted);line-height:1.8;margin-top:20px}
.oc-site .oc-personal-policy strong{color:var(--oc-ink)}
.oc-site .oc-home-choice-copy .oc-choice-platforms{display:block;margin-top:12px;font-size:13px;color:var(--oc-muted);line-height:1.7}
.oc-site .oc-program-path{flex-wrap:wrap}
@media(min-width:1000px){.oc-site .oc-personal-hero .oc-personal-copy h1{max-width:15ch}}
@media(max-width:900px){.oc-site .oc-personal-spread,.oc-site .oc-personal-hero .oc-personal-spread{grid-template-columns:1fr;gap:28px}.oc-site .oc-personal-copy h1,.oc-site .oc-personal-copy h2{max-width:24ch}.oc-site .oc-personal-copy>p:not(.oc-personal-kicker){max-width:66ch}.oc-site .oc-personal-photo{max-width:760px}.oc-site .oc-personal-paths{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.oc-site .oc-personal-section{padding:40px 20px}.oc-site .oc-personal-copy h1,.oc-site .oc-personal-copy h2{font-size:clamp(2.1rem,8vw,2.8rem)}.oc-site .oc-personal-copy>p:not(.oc-personal-kicker){font-size:16px}.oc-site .oc-personal-practice{grid-template-columns:1fr;gap:24px;margin-top:30px;padding-top:24px}.oc-site .oc-personal-practice li+li{border-top:1px solid var(--oc-border);padding-top:24px}.oc-site .oc-personal-practice h3{font-size:20px}.oc-site .oc-personal-paths{margin-top:28px}.oc-site .oc-personal-path-links{gap:0 18px}.oc-site .oc-personal-actions{align-items:stretch}.oc-site .oc-personal-actions .oc-button{width:100%}}
.oc-site .oc-learning-filter .oc-filter-option{display:flex;align-self:stretch}
.oc-site .oc-learning-filter .oc-filter-choice{width:100%;height:100%;box-sizing:border-box}
.oc-site .oc-personal-copy>p.oc-personal-lead{font-size:20px;line-height:1.6;color:var(--oc-ink)}
.oc-site .oc-personal-copy>p.oc-personal-policy{margin-top:20px;font-size:14px;line-height:1.8}
@media(max-width:600px){.oc-site.oc-home .oc-home-copy h1{font-size:clamp(2rem,8.4vw,2.65rem)}.oc-site .oc-personal-copy>p.oc-personal-lead{font-size:18px}}
