/* Scoped Onward learning UI: Portal navy, gold and blue. */
#nav-gx-learning{width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}
#nav-gx-learning.on{background:var(--gold-soft);color:var(--navy)}
#nav-gx-learning:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.ow{--ow-muted:#53627a;max-width:1280px;margin:0 auto;padding:32px;font-size:16px;line-height:1.75;color:var(--text-primary);overflow-wrap:anywhere}
.ow *{box-sizing:border-box;min-width:0}
.ow h1,.ow h2,.ow h3,.ow p{margin:0 0 12px}
.ow h1{font-size:34px;line-height:1.3;letter-spacing:-.6px;color:#fff;max-width:850px}
.ow h2{font-size:24px;line-height:1.45;color:var(--navy)}
.ow h3{font-size:18px;line-height:1.55;color:var(--navy)}
.ow p{max-width:78ch}
.ow button,.ow textarea,.ow select{font:inherit}
.ow button{cursor:pointer;transition:background-color 150ms,border-color 150ms}
.ow button:focus-visible,.ow textarea:focus-visible,.ow select:focus-visible,.ow summary:focus-visible{outline:3px solid #1b64c9;outline-offset:3px}
.ow button:disabled,.ow select:disabled,.ow textarea:disabled{cursor:not-allowed;opacity:.65}
.ow-header{background:var(--navy);padding:32px;border-radius:12px;border-top:4px solid var(--gold);color:#e7ecf6}
.ow-header p{max-width:72ch;margin:16px 0 24px}
.ow-header .ow-eyebrow{color:#efcf64}
.ow-eyebrow,.ow-kicker,.ow-label,.ow-note,.ow-footer{font-size:14px;line-height:1.65}
.ow-eyebrow{font-weight:700;color:var(--ow-muted);margin-bottom:8px;letter-spacing:.6px}
.ow-header-note{border-top:1px solid #52617d;padding-top:16px;font-size:14px;color:#e7ecf6}
.ow-nav{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:28px}
.ow-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #bcc8d9;border-radius:8px;background:#fff;min-height:44px;padding:9px 16px;color:var(--navy);font-size:14px!important;line-height:1.5;text-align:center}
.ow-button:hover{background:#edf3fc;border-color:#7299cc}
.ow-nav .ow-button{border-color:transparent;background:transparent}
.ow-button[aria-current=page],.ow-button[aria-pressed=true],.ow-primary{background:var(--navy);border-color:var(--navy);color:#fff}
.ow-button[aria-current=page]:hover,.ow-button[aria-pressed=true]:hover,.ow-primary:hover{background:#31456d;color:#fff}
.ow-section-title{display:flex;justify-content:space-between;gap:24px;margin-bottom:20px}
.ow-section-title p,.ow-panel>p{color:var(--ow-muted)}
.ow-circles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.ow-circle{display:flex;flex-direction:column;text-align:left;gap:12px;border:1px solid var(--border);border-radius:12px;padding:24px;background:#fff;color:var(--ow-muted);line-height:1.7}
.ow-circle strong{font-size:23px;color:var(--navy)}
.ow-circle.is-selected{background:#fffaf0;border-color:#9a7514;box-shadow:inset 0 3px #d4af37}
.ow-circle:hover{border-color:#9a7514;background:#fffdf7}
.ow-kicker{display:block;color:var(--ow-muted);font-weight:600;margin-bottom:4px}
.ow-panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px;margin-bottom:24px}
.ow-circle-detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px}
.ow-first{background:#f2f5fb;padding:24px;border-radius:8px;align-self:start;border-left:3px solid var(--accent)}
.ow-first h3{margin:8px 0 16px}
.ow-list{padding-left:24px;margin:12px 0 24px}
.ow-list li{margin-bottom:10px;padding-left:4px}
.ow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.ow-track{border-top:3px solid #cad7e8;padding:24px 0 0}
.ow-track h3{font-size:22px}
.ow-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 8px}
.ow-label{display:block;font-weight:600;color:var(--navy);margin:18px 0 8px}
.ow select,.ow textarea{display:block;border:1px solid #a5b5cc;border-radius:8px;background:#fff;color:var(--text-primary);padding:12px;max-width:100%;line-height:1.65}
.ow select{min-height:46px;min-width:180px}
.ow textarea{width:100%;resize:vertical}
.ow-note{color:var(--ow-muted);margin-top:8px}
.ow-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.ow-split{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:24px;align-items:start}
.ow-selection{display:flex;flex-direction:column;gap:8px}
.ow-item{display:flex;flex-direction:column;gap:8px;text-align:left;background:#fff;border:1px solid var(--border);padding:18px 20px;border-radius:8px;line-height:1.65;color:var(--navy)}
.ow-item span{font-size:14px;color:var(--ow-muted)}
.ow-item.is-selected{border-color:#366aae;background:#edf3fc;box-shadow:inset 3px 0 #366aae}
.ow-item:hover{background:#f2f6fc;border-color:#7299cc}
.ow-deliverable{background:#f1f5fb;border-left:3px solid #4d76ad;padding:18px 20px;margin:24px 0}
.ow-deliverable p:last-child{margin-bottom:0}
.ow-evidence{border-top:1px solid var(--border);padding-top:24px;margin-top:28px}
.ow blockquote{background:#fffaf0;border-left:3px solid #af8720;margin:16px 0 24px;padding:20px;white-space:pre-wrap}
.ow-alert{background:#fff8e5;border:1px solid #d3b365;border-radius:8px;padding:16px 20px;margin-bottom:20px;max-width:none!important;color:#59420a}
.ow-handoff{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px}
.ow-step{height:44px;width:44px;background:var(--navy);color:#fff;display:grid;place-items:center;border-radius:50%;font-weight:700}
.ow-handoff .ow-deliverable{margin-bottom:0}
.ow-template-body{background:#f7f9fc!important;white-space:pre-wrap;min-height:320px}
.ow-platform{margin-top:24px}
.ow-rollout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ow-rollout article{border-top:1px solid var(--border);padding-top:20px}
.ow-footer{color:var(--ow-muted);border-top:1px solid var(--border);padding:20px 0 0;margin-top:12px}
.ow-server-record{margin:20px 0;padding:16px;background:#f3f6fb;border-radius:8px}
.ow-server-record summary{cursor:pointer}
.ow-server-record pre{white-space:pre-wrap;font:inherit;margin:12px 0}
.ow-conflict-ack{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px}
.ow-conflict-ack input{width:20px;height:20px;margin-top:3px;flex-shrink:0}
.ow-conflict-ack input:focus-visible{outline:3px solid #1b64c9;outline-offset:3px}
@media(max-width:1050px){.ow{padding:24px}.ow-circles{gap:12px}.ow-circle{padding:20px}.ow-split{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:760px){.ow{padding:16px}.ow-header{padding:24px}.ow h1{font-size:28px}.ow h2{font-size:22px}.ow-circles,.ow-circle-detail,.ow-split,.ow-grid,.ow-rollout{grid-template-columns:minmax(0,1fr)}.ow-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ow-item{padding:14px}.ow-panel{padding:20px}.ow-circle{gap:8px}.ow-circles{gap:12px}.ow-circle-detail{gap:20px}.ow-nav{gap:4px}.ow-nav .ow-button{padding:10px 12px}}
@media(max-width:400px){.ow{padding:12px}.ow-header,.ow-panel{padding:18px}.ow-selection{grid-template-columns:minmax(0,1fr)}.ow-handoff{grid-template-columns:minmax(0,1fr)}.ow-actions>*{width:100%}.ow h1{font-size:26px}.ow-first{padding:18px}}
@media(prefers-reduced-motion:reduce){.ow button{transition:none}}