body { background: #f7f8f2; }

/* Hero and outcome command centre */
.obe-hero { position: relative; overflow: hidden; padding: 94px 0 88px; background: var(--ink); color: white; }
.obe-hero__grid { position: absolute; inset: 0; opacity: .09; background-image: linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to right, transparent 5%, black 50%, transparent 95%); }
.obe-hero__orb { position: absolute; right: -12%; bottom: -45%; width: 720px; height: 720px; border-radius: 50%; background: radial-gradient(circle, rgba(7,149,127,.38), rgba(29,91,109,.14) 48%, transparent 70%); }
.obe-hero__layout { position: relative; display: grid; grid-template-columns: .88fr 1.12fr; gap: 62px; align-items: center; }
.obe-hero__content { position: relative; z-index: 2; }
.obe-hero h1 { max-width: 650px; margin: 19px 0 24px; font: 720 clamp(52px, 5.4vw, 78px)/.98 var(--display); letter-spacing: -4px; }
.obe-hero h1 em { color: var(--lime); font-style: normal; }
.obe-hero__summary { max-width: 650px; margin: 0; color: #c2d3d6; font-size: 17px; line-height: 1.72; }
.obe-hero .hero__actions { margin-top: 33px; }
.obe-hero__proof { display: flex; gap: 11px; flex-wrap: wrap; margin: 34px 0 0; padding: 0; list-style: none; }
.obe-hero__proof li { display: inline-flex; align-items: center; gap: 8px; color: #d5e2e4; font-size: 10px; font-weight: 650; }
.obe-hero__proof li span { min-width: 31px; height: 31px; display: grid; place-items: center; padding-inline: 7px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(255,255,255,.08); color: var(--lime); font-size: 8px; font-weight: 850; }
.obe-command { position: relative; z-index: 1; width: calc(100% + 92px); overflow: hidden; border: 1px solid rgba(255,255,255,.3); border-radius: 22px; background: #f7faf8; color: var(--ink); box-shadow: 0 42px 100px rgba(0,0,0,.4), 0 0 0 8px rgba(255,255,255,.035); transform: perspective(1500px) rotateY(-2deg); transform-origin: center right; }
.obe-command__top { min-height: 62px; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; border-bottom: 1px solid #dfe7e3; background: white; }
.obe-command__top small,.obe-command__top strong { display: block; }.obe-command__top small { color: #849592; font-size: 8px; text-transform: uppercase; letter-spacing: .7px; }.obe-command__top strong { font-size: 12px; }.obe-command__top > span { padding: 5px 8px; border-radius: 999px; background: #ecf7f2; color: var(--teal-dark); font-size: 8px; font-weight: 750; }
.obe-command__body { min-height: 500px; display: grid; grid-template-columns: 112px 1fr; }
.obe-command__body aside { display: grid; align-content: start; gap: 6px; padding: 18px 10px; border-right: 1px solid #e0e8e4; background: #f2f6f2; color: #6e817d; font-size: 8px; }
.obe-command__body aside span,.obe-command__body aside b { padding: 8px 9px; border-radius: 6px; }.obe-command__body aside b { background: var(--ink); color: white; }
.obe-command__canvas { min-width: 0; padding: 20px; }
.command-title { display: flex; justify-content: space-between; align-items: center; }.command-title small,.command-title strong { display: block; }.command-title small { color: #81918e; font-size: 8px; }.command-title strong { font-size: 15px; }.command-title > span { color: var(--teal-dark); font-size: 8px; font-weight: 750; }
.attainment-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 16px; }.attainment-summary article { padding: 12px; border: 1px solid #dfe7e3; border-radius: 9px; background: white; }.attainment-summary small,.attainment-summary strong,.attainment-summary span { display: block; }.attainment-summary small { color: #81938e; font-size: 7px; }.attainment-summary strong { margin-top: 2px; font-size: 18px; }.attainment-summary span { color: #798c87; font-size: 7px; }.attainment-summary .is-alert strong { color: #d66e47; }
.command-grid { display: grid; grid-template-columns: 1.22fr .78fr; gap: 9px; margin-top: 9px; }.command-chart,.command-insight { min-width: 0; padding: 14px; border: 1px solid #dfe7e3; border-radius: 10px; background: white; }.command-chart > div:first-child { display: flex; justify-content: space-between; }.command-chart strong { font-size: 9px; }.command-chart small { color: #7b908a; font-size: 7px; }
.command-bars { height: 126px; display: flex; align-items: end; gap: 7px; margin-top: 10px; padding: 10px 8px 19px; border-bottom: 1px solid #dce6e2; background: repeating-linear-gradient(to top,transparent 0 29px,#edf2ef 30px); }.command-bars i { position: relative; flex: 1; height: var(--bar); border-radius: 4px 4px 0 0; background: linear-gradient(#15b29a,#087d6b); }.command-bars i.is-low { background: linear-gradient(#ffb17b,#df7148); }.command-bars b { position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%); color: #778b86; font-size: 6px; }
.command-insight { background: var(--ink); color: white; }.command-insight > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: var(--teal); font-size: 12px; }.command-insight small { display: block; margin-top: 13px; color: #91bdb7; font-size: 7px; text-transform: uppercase; letter-spacing: .5px; }.command-insight strong { display: block; margin-top: 3px; font-size: 10px; }.command-insight p { margin: 7px 0; color: #c4d5d7; font-size: 7px; line-height: 1.5; }.command-insight a { color: var(--lime); font-size: 7px; font-weight: 750; }
.evidence-chain { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 9px; padding: 10px; border: 1px solid #dfe7e3; border-radius: 9px; background: #f3f7f4; color: #45605a; font-size: 6px; font-weight: 750; text-transform: uppercase; letter-spacing: .3px; }.evidence-chain span { padding: 4px 5px; border-radius: 4px; background: white; }.evidence-chain i { color: var(--teal); font-style: normal; }

/* OBE foundation */
.obe-subnav { position: relative; z-index: 20; border-bottom: 1px solid var(--line); background: white; }.obe-subnav .container { min-height: 56px; display: flex; align-items: center; justify-content: center; gap: 18px; font-size: 11px; }.obe-subnav strong { color: var(--teal-dark); text-transform: uppercase; letter-spacing: .8px; }.obe-subnav a { color: #34525b; font-weight: 700; text-decoration: none; }.obe-subnav span { color: #9db1ad; }
.obe-foundation { background: var(--paper); }.principle-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.principle-grid article { position: relative; min-height: 360px; overflow: hidden; padding: 32px; border: 1px solid #dce5df; border-radius: 20px; background: white; }.principle-grid article::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: linear-gradient(90deg,var(--teal),var(--lime)); }.principle-grid .number { position: absolute; top: 25px; right: 27px; color: #c1cfca; font: 700 11px var(--display); }.principle-grid .icon { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; background: #e7f6f0; color: var(--teal-dark); font-size: 25px; }.principle-grid article:nth-child(2) .icon { background: #edf4ff; color: #3a73b5; }.principle-grid article:nth-child(3) .icon { background: #fff1e8; color: #db7048; }.principle-grid h3 { max-width: 260px; margin: 55px 0 13px; font: 720 24px/1.12 var(--display); letter-spacing: -.6px; }.principle-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }.principle-grid article > small { position: absolute; left: 32px; bottom: 30px; color: var(--teal-dark); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; }

/* Five-stage OBE journey */
.journey-section { overflow: hidden; background: var(--ink); color: white; }.journey-section .section-heading--center > p:last-child { color: #bdd0d4; }.journey-track { position: relative; display: grid; margin: 72px 0 0; padding: 0; list-style: none; }.journey-track::before { content: ""; position: absolute; left: 43px; top: 32px; bottom: 90px; width: 1px; background: linear-gradient(var(--teal),rgba(255,255,255,.1)); }.journey-track > li { display: grid; grid-template-columns: 88px 1fr 1fr; gap: 42px; align-items: center; min-height: 310px; padding: 32px 0; border-top: 1px solid rgba(255,255,255,.12); }.marker { align-self: start; padding-top: 3px; }.marker span { position: relative; z-index: 1; width: 86px; height: 86px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: var(--ink); color: var(--lime); font: 700 18px var(--display); }
.copy small { color: #81c7bd; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }.copy h3 { max-width: 430px; margin: 8px 0 12px; font: 720 29px/1.12 var(--display); letter-spacing: -.8px; }.copy p { max-width: 520px; margin: 0; color: #bcd0d3; font-size: 13px; line-height: 1.72; }.copy ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 19px 0 0; padding: 0; list-style: none; }.copy li { padding: 5px 8px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #d5e2e4; font-size: 8px; }
.artifact { min-height: 210px; padding: 27px; border: 1px solid #dce6e1; border-radius: 17px; background: #fff; color: var(--ink); box-shadow: 0 24px 60px rgba(0,0,0,.22); }.artifact > small { color: #758b85; font-size: 8px; text-transform: uppercase; letter-spacing: .7px; }.artifact > strong { display: block; margin-top: 11px; color: var(--teal-dark); font: 800 30px var(--display); }.artifact > p { margin: 6px 0; color: #4b655f; font-size: 13px; line-height: 1.55; }.artifact > div { display: flex; justify-content: space-between; gap: 7px; margin-top: 18px; }.artifact > div span { padding: 6px 8px; border-radius: 6px; background: #edf7f3; color: #2c7062; font-size: 7px; font-weight: 750; }
.artifact-plan > div { margin-top: 14px; }.artifact-plan b { font-size: 9px; }.artifact-plan span { background: #eff6ff!important; color: #3d6c9f!important; }.artifact-plan > i { display: block; height: 5px; margin-top: 6px; border-radius: 9px; background: linear-gradient(90deg,var(--teal) var(--progress),#e8efeb var(--progress)); }
.artifact-blueprint > div { display: grid; grid-template-columns: 65px 1fr 28px; gap: 9px; align-items: center; margin-top: 16px; }.artifact-blueprint > div span { padding: 0; background: none; color: #526d66; }.artifact-blueprint > div i { height: 7px; border-radius: 5px; background: linear-gradient(90deg,#3a85cf var(--width),#e9eef2 var(--width)); }.artifact-blueprint > div b { font-size: 8px; }.artifact-blueprint > p { display: flex; justify-content: space-between; margin-top: 20px; padding-top: 13px; border-top: 1px solid #e2eae6; font-size: 8px; }.artifact-blueprint > p strong { color: var(--teal-dark); }
.artifact-attainment { display: grid; place-items: center; text-align: center; }.artifact-attainment > small { justify-self: start; }.mini-ring { position: relative; width: 105px; height: 105px; display: grid!important; place-items: center; margin: 0!important; border-radius: 50%; background: conic-gradient(var(--teal) 0 87%,#e4ece8 87%); }.mini-ring::before { content: ""; position: absolute; width: 77px; height: 77px; border-radius: 50%; background: white; }.mini-ring span { position: relative; z-index: 1; padding: 0!important; background: none!important; color: var(--ink)!important; }.mini-ring strong,.mini-ring small { display: block; }.mini-ring strong { font-size: 24px; }.mini-ring small { color: var(--muted); font-size: 7px; }.artifact-attainment > p { width: 100%; display: flex; justify-content: space-between; margin: 10px 0 0; padding-top: 10px; border-top: 1px solid #e1e9e5; font-size: 8px; }.artifact-attainment > p b { color: var(--teal-dark); }
.artifact-action > div { align-items: center; margin-top: 14px; padding: 10px; border-radius: 8px; background: #fff2e9; }.artifact-action > div span { padding: 0; background: none; color: #9e4c2f; }.artifact-action > div b { color: #bd5c38; font-size: 7px; text-transform: uppercase; }.artifact-action footer { display: flex; justify-content: space-between; margin-top: 18px; padding-top: 13px; border-top: 1px solid #e0e8e4; color: #6b817b; font-size: 7px; }

/* Faculty AI */
.faculty-ai { background: #f2f5ed; }.faculty-ai__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 75px; align-items: center; }.faculty-ai__content h2,.evidence-control h2 { margin: 16px 0 20px; font: 720 clamp(39px,4.2vw,58px)/1.03 var(--display); letter-spacing: -2.2px; }.faculty-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 29px; }.faculty-steps article { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 14px; border: 1px solid #d8e2dc; border-radius: 11px; background: white; }.faculty-steps article > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #e3f5ee; color: var(--teal-dark); font-size: 8px; font-weight: 800; }.faculty-steps h3 { margin: 0; font-size: 11px; }.faculty-steps p { margin: 3px 0 0; color: var(--muted); font-size: 8px; line-height: 1.5; }.time-note { display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: center; margin-top: 14px; padding: 15px; border: 1px solid #c6dfd6; border-radius: 12px; background: #e8f6f0; }.time-note > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--teal); color: white; }.time-note p { margin: 0; color: #4e6761; font-size: 10px; line-height: 1.55; }.time-note strong { display: block; color: var(--ink); font-size: 11px; }
.faculty-ai__visual { position: relative; margin: 0; }.faculty-ai__visual img { position: relative; z-index: 1; border: 1px solid #d5e0da; border-radius: 21px; background: white; box-shadow: var(--shadow); }.faculty-ai__visual .halo { position: absolute; inset: -8% -10%; border-radius: 50%; background: radial-gradient(circle,rgba(7,149,127,.18),transparent 68%); }.faculty-ai__visual figcaption { position: absolute; z-index: 2; left: -26px; bottom: -25px; display: grid; grid-template-columns: 42px 1fr; gap: 11px; align-items: center; padding: 13px 16px; border: 1px solid #d7e2dc; border-radius: 14px; background: white; box-shadow: 0 18px 45px rgba(8,47,59,.2); }.faculty-ai__visual figcaption > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: var(--teal); color: white; }.faculty-ai__visual figcaption small,.faculty-ai__visual figcaption strong { display: block; }.faculty-ai__visual figcaption small { color: var(--teal-dark); font-size: 7px; font-weight: 800; text-transform: uppercase; }.faculty-ai__visual figcaption strong { font-size: 9px; }

/* AI evaluation */
.ai-evaluation { background: white; }.evaluation-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 26px; align-items: start; }.evaluation-console { overflow: hidden; border: 1px solid #dbe5df; border-radius: 20px; background: #f7f9f6; box-shadow: var(--shadow); }.evaluation-console__top { min-height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; border-bottom: 1px solid #dce5e0; background: white; }.evaluation-console__top small,.evaluation-console__top strong { display: block; }.evaluation-console__top small { color: #81928e; font-size: 8px; }.evaluation-console__top strong { font-size: 12px; }.evaluation-console__top > span { padding: 5px 8px; border-radius: 999px; background: #edf6f2; color: var(--teal-dark); font-size: 7px; font-weight: 750; }.evaluation-console__body { display: grid; grid-template-columns: 1.05fr .95fr; gap: 12px; padding: 12px; }.student-response,.evaluation-panel { min-height: 430px; padding: 20px; border: 1px solid #dee7e2; border-radius: 13px; background: white; }.student-response > div:first-child { display: flex; justify-content: space-between; }.student-response small { font-size: 8px; font-weight: 750; }.student-response > div:first-child span { color: #80918e; font-size: 7px; }.response-lines { display: grid; gap: 13px; margin-top: 27px; }.response-lines i { height: 5px; border-radius: 5px; background: #dfe7e3; }.response-lines i:nth-child(2),.response-lines i:nth-child(5) { width: 81%; }.response-lines i:nth-child(3) { width: 63%; }.response-diagram { width: 160px; height: 105px; position: relative; margin: 36px auto 0; }.response-diagram span { position: absolute; width: 24px; height: 24px; border: 2px solid #7c918b; border-radius: 50%; }.response-diagram span:nth-child(1){top:0;left:68px}.response-diagram span:nth-child(2){top:69px;left:8px}.response-diagram span:nth-child(3){top:69px;left:68px}.response-diagram span:nth-child(4){top:69px;right:8px}.response-diagram::before,.response-diagram::after { content: ""; position: absolute; top: 41px; left: 32px; width: 96px; border-top: 2px solid #9eafaa; }.response-diagram::before { transform: rotate(34deg); }.response-diagram::after { transform: rotate(-34deg); }
.ai-label { display: flex; align-items: center; gap: 7px; color: var(--teal-dark); }.ai-label > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 7px; background: #e4f5ef; }.ai-label small { font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; }.evaluation-panel h3 { margin: 17px 0 7px; font: 720 16px/1.2 var(--display); }.evaluation-panel > p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.55; }.rubric-score { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin-top: 15px; }.rubric-score span { padding: 8px; border-radius: 7px; background: #f0f5f2; }.rubric-score small,.rubric-score b { display: block; }.rubric-score small { color: #71847f; font-size: 6px; }.rubric-score b { font-size: 9px; }.evaluation-panel label { display: block; margin-top: 14px; color: #6b817b; font-size: 7px; font-weight: 750; }.evaluation-panel textarea { width: 100%; min-height: 65px; margin-top: 5px; padding: 8px; resize: none; border: 1px solid #dbe5e0; border-radius: 7px; background: white; color: #334f48; font: 8px/1.5 var(--body); }.review-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 9px; }.review-actions button { padding: 8px; border: 1px solid #cbd9d3; border-radius: 6px; background: white; color: #49645d; font-size: 7px; font-weight: 750; }.review-actions .approve { border-color: var(--teal); background: var(--teal); color: white; }
.evaluation-capabilities { display: grid; gap: 10px; }.evaluation-capabilities article { display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 20px; border: 1px solid #dce5df; border-radius: 13px; background: #fafbf7; }.evaluation-capabilities article > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: var(--lime); font-size: 8px; font-weight: 800; }.evaluation-capabilities h3 { margin: 0; font-size: 13px; }.evaluation-capabilities p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.55; }

/* Accreditation and evidence */
.accreditation { position: relative; overflow: hidden; background: var(--ink); color: white; }.accreditation .section-heading--center > p:last-child { color: #bdd0d4; }.accreditation-grid { display: grid; grid-template-columns: 1fr 145px 1fr; gap: 20px; align-items: center; margin-top: 64px; }.accreditation-card { min-height: 480px; padding: 34px; border: 1px solid rgba(255,255,255,.16); border-radius: 20px; background: rgba(255,255,255,.07); }.accreditation-card header { display: grid; grid-template-columns: 64px 1fr; gap: 17px; align-items: center; }.accreditation-card header > span { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: var(--lime); color: var(--ink); font: 850 14px var(--display); }.accreditation-card.naac header > span { background: #ffb17b; }.accreditation-card header small { color: #8dbfb8; font-size: 8px; text-transform: uppercase; letter-spacing: .8px; }.accreditation-card h3 { margin: 3px 0 0; font: 720 21px/1.15 var(--display); }.accreditation-card > p { min-height: 98px; margin: 27px 0 0; color: #bdd0d4; font-size: 12px; line-height: 1.72; }.accreditation-card ul { display: grid; gap: 10px; margin: 19px 0 28px; padding: 19px 0 0; border-top: 1px solid rgba(255,255,255,.13); list-style: none; color: #d8e4e5; font-size: 10px; }.accreditation-card li::before { content: "✓"; margin-right: 9px; color: var(--lime); font-weight: 850; }.accreditation-card.naac li::before { color: #ffb17b; }.accreditation-card > a { color: var(--lime); font-size: 9px; font-weight: 750; }.accreditation-card.naac > a { color: #ffbf94; }.accreditation-bridge { display: grid; place-items: center; gap: 7px; text-align: center; color: #9fc0bd; font-size: 7px; text-transform: uppercase; letter-spacing: .5px; }.accreditation-bridge i { width: 1px; height: 20px; border-left: 1px dashed #709892; }.accreditation-bridge b { width: 96px; height: 96px; display: grid; place-items: center; border: 1px solid #5e8c84; border-radius: 50%; background: #123c47; color: white; font-size: 9px; line-height: 1.3; }
.evidence-control { background: #f2f5ed; }.evidence-control__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: center; }.evidence-checks { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }.evidence-checks span { padding: 7px 10px; border: 1px solid #cad9d2; border-radius: 999px; background: white; color: #47635c; font-size: 8px; font-weight: 700; }.lineage-card { overflow: hidden; border: 1px solid #d9e4de; border-radius: 19px; background: white; box-shadow: var(--shadow); }.lineage-head { min-height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0 25px; border-bottom: 1px solid #dce6e1; }.lineage-head small,.lineage-head strong { display: block; }.lineage-head small { color: #7c8f8a; font-size: 8px; }.lineage-head strong { font-size: 13px; }.lineage-head > span { padding: 5px 9px; border-radius: 999px; background: #e4f5ee; color: var(--teal-dark); font-size: 8px; font-weight: 750; }.lineage-card ol { position: relative; display: grid; margin: 0; padding: 13px 25px 20px; list-style: none; }.lineage-card ol::before { content: ""; position: absolute; left: 36px; top: 32px; bottom: 40px; width: 1px; background: #b7d9ce; }.lineage-card li { position: relative; display: grid; grid-template-columns: 24px 1fr; gap: 13px; padding: 15px 0; }.lineage-card li i { position: relative; z-index: 1; width: 23px; height: 23px; border: 5px solid white; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 1px #9dcec0; }.lineage-card li small,.lineage-card li strong,.lineage-card li span { display: block; }.lineage-card li small { color: #78908a; font-size: 7px; text-transform: uppercase; letter-spacing: .6px; }.lineage-card li strong { margin-top: 2px; font-size: 11px; }.lineage-card li span { margin-top: 2px; color: #667d77; font-size: 8px; }

/* Implementation */
.implementation { background: white; }.implementation-steps { display: grid; grid-template-columns: repeat(5,1fr); margin: 0; padding: 0; list-style: none; }.implementation-steps li { position: relative; min-height: 300px; padding: 28px 23px; border-block: 1px solid #dbe4df; border-left: 1px solid #dbe4df; }.implementation-steps li:last-child { border-right: 1px solid #dbe4df; }.implementation-steps li::after { content: "→"; position: absolute; z-index: 1; right: -13px; top: 36px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--teal); color: white; font-size: 9px; }.implementation-steps li:last-child::after { content: "✓"; background: var(--lime); color: var(--ink); }.implementation-steps > li > span { color: #a7b8b2; font: 700 12px var(--display); }.implementation-steps small { display: block; margin-top: 43px; color: var(--teal-dark); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; }.implementation-steps h3 { margin: 8px 0 10px; font: 720 18px/1.15 var(--display); }.implementation-steps p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; }.implementation-note { display: flex; align-items: center; justify-content: center; gap: 9px; flex-wrap: wrap; margin-top: 25px; padding: 16px; border-radius: 12px; background: #f1f5f1; }.implementation-note strong { margin-right: 8px; font-size: 10px; }.implementation-note span { padding: 5px 8px; border-radius: 999px; background: white; color: #527068; font-size: 8px; }.obe-final-cta { background: linear-gradient(135deg,#087665,#0b2936); }

@media (max-width: 1120px) {
  .obe-hero__layout,.faculty-ai__grid,.evidence-control__grid { grid-template-columns: 1fr; }
  .obe-command { width: 100%; transform: none; }.journey-track > li { grid-template-columns: 88px 1fr; }.artifact { grid-column: 2; }
  .evaluation-layout { grid-template-columns: 1fr; }.evaluation-capabilities { grid-template-columns: 1fr 1fr; }.accreditation-grid { grid-template-columns: 1fr; }.accreditation-bridge { grid-template-columns: repeat(9,auto); }.accreditation-bridge i { width: 20px; height: 1px; border-left: 0; border-top: 1px dashed #709892; }.accreditation-bridge b { width: 88px; height: 88px; }
  .implementation-steps { grid-template-columns: repeat(3,1fr); }.implementation-steps li:nth-child(3) { border-right: 1px solid #dbe4df; }.implementation-steps li:nth-child(n+4) { border-top: 0; }
}
@media (max-width: 760px) {
  .announcement__inner { justify-content: center; text-align: center; }.announcement a { display: none; }.header__inner { min-height: 68px; }.primary-nav { top: 68px; }
  .obe-hero { padding: 66px 0 60px; }.obe-hero__layout { gap: 48px; }.obe-hero h1 { font-size: 46px; letter-spacing: -2.8px; }.obe-hero__summary { font-size: 15px; }.obe-hero__proof { display: grid; }.obe-command__body { grid-template-columns: 1fr; min-height: 0; }.obe-command__body aside { display: none; }.attainment-summary { grid-template-columns: 1fr 1fr; }.attainment-summary article:last-child { grid-column: 1/-1; }.command-grid { grid-template-columns: 1fr; }.evidence-chain { flex-wrap: wrap; justify-content: center; }
  .obe-subnav .container { overflow: auto; justify-content: flex-start; white-space: nowrap; }.principle-grid,.faculty-steps,.evaluation-capabilities { grid-template-columns: 1fr; }
  .journey-track::before { left: 27px; }.journey-track > li { grid-template-columns: 55px 1fr; gap: 17px; }.marker span { width: 54px; height: 54px; font-size: 13px; }.artifact { grid-column: 1/-1; margin-left: 72px; }.copy h3 { font-size: 25px; }
  .faculty-ai__grid { gap: 50px; }.faculty-ai__visual figcaption { position: relative; left: auto; bottom: auto; margin: 12px 7px 0; }.evaluation-console__body { grid-template-columns: 1fr; }.student-response { min-height: 310px; }
  .accreditation-card { min-height: 0; padding: 25px; }.accreditation-card > p { min-height: 0; }.accreditation-bridge { grid-template-columns: 1fr; }.accreditation-bridge > span,.accreditation-bridge > i { display: none; }.evidence-control__grid { gap: 45px; }
  .implementation-steps { grid-template-columns: 1fr; }.implementation-steps li:nth-child(n) { min-height: 230px; border: 1px solid #dbe4df; border-top: 0; }.implementation-steps li:first-child { border-top: 1px solid #dbe4df; }.implementation-steps li::after { display: none; }.implementation-steps small { margin-top: 25px; }
}
@media (max-width: 480px) {
  .obe-command__top,.evaluation-console__top { align-items: flex-start; gap: 10px; padding: 14px; }.obe-command__top > span { white-space: nowrap; }.artifact { margin-left: 0; }.accreditation-card header { grid-template-columns: 52px 1fr; }.accreditation-card header > span { width: 52px; height: 52px; }.accreditation-card h3 { font-size: 18px; }.lineage-head { padding: 14px 18px; }.lineage-card ol { padding-inline: 18px; }.lineage-card ol::before { left: 29px; }
}
@media (prefers-reduced-motion: reduce) { .obe-command { transform: none; } }


/* OBE review refinements 2026-08-09 */
.principle-grid article { min-height: 320px; padding: 30px; }
.principle-grid .icon { display: none; }
.principle-head { min-height: 74px; display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 16px; align-items: center; margin-top: 26px; }
.principle-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 16px; background: #e7f6f0; color: var(--teal-dark); }
.principle-icon--blue { background: #edf4ff; color: #3a73b5; }
.principle-icon--coral { background: #fff1e8; color: #db7048; }
.principle-icon .glyph { width: 27px; height: 27px; }
.principle-icon .glyph--loop { font-size: 29px; font-weight: 700; line-height: 1; }
.principle-grid h3 { max-width: none; margin: 0; font-size: 22px; }
.principle-grid p { margin-top: 24px; }

.artifact-attainment { grid-template-rows: auto 1fr auto; }
.artifact-attainment .mini-ring { position: relative; width: 124px; height: 124px; margin: 12px auto 4px!important; display: grid!important; place-items: center!important; }
.artifact-attainment .mini-ring::before { width: 88px; height: 88px; }
.artifact-attainment .mini-ring > span { position: absolute!important; inset: 0; display: grid!important; place-content: center!important; padding: 0!important; margin: 0!important; background: transparent!important; text-align: center; }
.artifact-attainment .mini-ring strong { font-size: 25px; line-height: 1; }

.faculty-ai__grid { grid-template-columns: minmax(0,.94fr) minmax(460px,1.06fr); gap: 64px; align-items: center; }
.faculty-ai__visual { width: 100%; align-self: center; }
.faculty-ai__visual img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; object-position: center; }

.evaluation-reference { margin: 0; overflow: hidden; border: 1px solid #dbe5df; border-radius: 22px; background: white; box-shadow: var(--shadow); }
.evaluation-reference img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: white; }
.evaluation-reference figcaption { display: flex; align-items: center; gap: 14px; padding: 16px 22px; border-top: 1px solid #dfe7e3; background: #f6f9f5; }
.evaluation-reference figcaption span { padding: 6px 9px; border-radius: 999px; background: #e4f5ee; color: var(--teal-dark); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; }
.evaluation-reference figcaption strong { font-size: 11px; }
.evaluation-capabilities--wide { grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 18px; }
.evaluation-capabilities--wide article { min-height: 175px; align-content: start; }
.evaluation-capabilities--wide article > span { background: #e5f5ef; color: var(--teal-dark); }

.implementation-steps li { min-height: 285px; padding: 26px 22px; }
.implementation-head { display: grid; grid-template-columns: 48px 1fr; grid-template-rows: auto auto; gap: 8px 13px; align-items: center; }
.step-icon { grid-row: 1 / 3; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: #e6f5ef; color: var(--teal-dark); }
.implementation-steps li:nth-child(2) .step-icon { background: #edf4ff; color: #3a73b5; }
.implementation-steps li:nth-child(3) .step-icon { background: #f2edfb; color: #8055c8; }
.implementation-steps li:nth-child(4) .step-icon { background: #fff4e8; color: #d78224; }
.implementation-steps li:nth-child(5) .step-icon { background: #e5f5f4; color: #168d8b; }
.step-number { color: #a7b8b2; font: 700 10px var(--display); }
.implementation-head h3 { margin: 0; font-size: 17px; }
.implementation-steps > li > span { color: inherit; font: inherit; }
.implementation-steps small { margin-top: 28px; }

@media (max-width: 1120px) {
  .faculty-ai__grid { grid-template-columns: 1fr; }
  .evaluation-capabilities--wide { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .principle-head { margin-top: 18px; }
  .principle-grid article { min-height: 290px; }
  .evaluation-reference figcaption { align-items: flex-start; flex-direction: column; }
  .evaluation-capabilities--wide { grid-template-columns: 1fr; }
  .implementation-head { grid-template-columns: 48px 1fr; }
}


/* Attached faculty studio screenshot */
.faculty-ai__visual { display: grid; place-items: center; padding: 14px; border: 1px solid #d5e0da; border-radius: 24px; background: rgba(255,255,255,.72); box-shadow: var(--shadow); }
.faculty-ai__visual img { display: block; width: min(100%, 957px); max-width: 100%; height: auto!important; aspect-ratio: auto!important; object-fit: contain; object-position: center; border: 0; border-radius: 16px; background: white; box-shadow: none; }
.faculty-ai__visual figcaption { left: 24px; bottom: -24px; }
@media (max-width: 760px) {
  .faculty-ai__visual { padding: 8px; border-radius: 18px; }
  .faculty-ai__visual img { border-radius: 12px; }
  .faculty-ai__visual figcaption { left: auto; bottom: auto; }
}

/* Prevent decorative OBE elements from creating horizontal page scroll. */
html, body { overflow-x: hidden; }

/* Readable content scale; command-console graphics retain their compact labels. */
.principle-grid p,.copy p,.artifact>p{font-size:14px}
.copy small,.copy li{font-size:11px}
.faculty-steps article>span,.faculty-steps h3{font-size:12px}
.faculty-steps p{font-size:13px}
.time-note p{font-size:13px}
.time-note strong{font-size:14px}
.evaluation-capabilities article>span{font-size:11px}
.evaluation-capabilities h3{font-size:14px}
.evaluation-capabilities p{font-size:13px}
.accreditation-card header small{font-size:11px}
.accreditation-card>p{font-size:14px}
.accreditation-card ul{font-size:13px}
.accreditation-card>a{font-size:12px}
.implementation-steps small{font-size:11px}
.implementation-steps p{font-size:13px}
.implementation-note strong{font-size:12px}
.implementation-note span{font-size:11px}

/* High-contrast delivery conditions band. */
.implementation-note{background:var(--ink);box-shadow:0 14px 34px rgba(8,47,59,.12)}
.implementation-note strong{color:#fff}
.implementation-note span{border:1px solid rgba(151,214,203,.32);background:rgba(151,214,203,.12);color:#eef8f6}