.oer-page{background:#fff;color:#101820;padding:18px 0 70px}.oer-shell{width:min(1460px,94vw);margin:0 auto}.oer-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:1rem;margin:0 0 18px}.oer-breadcrumbs a{color:#063b82;text-decoration:none}.oer-breadcrumbs a:hover{text-decoration:underline}.oer-titlebar,.oer-module-titlebar{margin:0 auto 18px;background:linear-gradient(90deg,#24aaa6,#14a5a0);border:5px solid #0b4ea2;border-top-width:0;border-bottom-width:0;border-radius:999px;color:#fff;min-height:82px;display:flex;align-items:center;justify-content:center;padding:14px 38px;text-align:center}.oer-titlebar h1,.oer-module-titlebar h1{font-size:clamp(2rem,3vw,3.25rem);line-height:1.1;margin:0;color:#fff}.oer-banner{width:100%;height:240px;object-fit:cover;border-radius:28px;margin-bottom:22px}.oer-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;align-items:stretch}.oer-card{grid-column:span 2;background:#fff;border:1px solid #e3e8ef;border-radius:26px;box-shadow:0 4px 16px rgba(20,42,72,.08);padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:300px}.oer-card:nth-child(4){grid-column:2/span 2}.oer-card:nth-child(5){grid-column:4/span 2}.oer-card-icon{width:88px;height:88px;padding:10px;background:#f2f7fd;border-radius:20px;margin-bottom:8px}.oer-card-number{color:#0aa499;font-weight:800;font-size:1.1rem;margin:4px 0}.oer-card h3{font-size:1.5rem;line-height:1.14;margin:7px 0 18px;flex:1}.oer-primary-btn,.oer-secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0b4ea2;color:#fff!important;text-decoration:none;font-weight:750;padding:12px 34px;min-height:48px}.oer-primary-btn:focus-visible,.oer-secondary-btn:focus-visible,.oer-module-nav a:focus-visible,.oer-bottom-nav a:focus-visible,.oer-audio-controls button:focus-visible,.oer-contents-toggle:focus-visible{outline:4px solid #ffbf00;outline-offset:4px}.oer-framework{margin-top:34px;border:1px solid #dce5ef;border-radius:22px;padding:24px;background:#f7faff}.oer-framework h2{font-size:1.5rem}.oer-module-titlebar{gap:24px;max-width:1000px}.oer-module-titlebar img{width:84px;height:84px;background:#f1f6fc;border-radius:18px;padding:10px}.oer-module-titlebar h1{text-align:left}.oer-module-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;align-items:start}.oer-module-nav,.oer-chapter-card{border:1px solid #e1e6ec;border-radius:24px;background:#fff;box-shadow:0 3px 14px rgba(20,42,72,.06)}.oer-module-nav{padding:22px;position:sticky;top:18px}.oer-module-nav h2{font-size:1.3rem;color:#149e96;margin:0 0 10px}.oer-back-all{display:block;color:#0b4ea2;font-weight:650;margin-bottom:12px;text-decoration:none}.oer-module-nav ol{list-style:none;padding:0;margin:0}.oer-module-nav li{border-top:1px solid #dfe5eb}.oer-module-nav li:first-child{border-top:0}.oer-module-nav li a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;color:#101820;text-decoration:none;padding:13px 10px;border-left:6px solid transparent}.oer-module-nav li.is-current a{background:#dff4f1;border-left-color:#0b4ea2;color:#0f8f88;font-weight:700}.oer-current-label{font-size:.8rem;font-weight:650;align-self:center}.oer-chapter-card{padding:34px;min-width:0}.oer-source-content{font-size:1.08rem;line-height:1.75}.oer-source-content h2{font-size:2rem;margin:0 0 24px}.oer-source-content h3{font-size:1.45rem;margin:30px 0 12px}.oer-source-content p{margin:0 0 18px}.oer-source-content ul,.oer-source-content ol{margin:0 0 18px;padding-left:30px}.oer-source-content li{margin-bottom:8px}.oer-source-content img{display:block;max-width:100%;height:auto;margin:18px auto}.oer-source-content table{width:100%;border-collapse:collapse;margin:22px 0;display:table}.oer-source-content th,.oer-source-content td{border:1px solid #cbd4de;padding:12px;text-align:left;vertical-align:top}.oer-source-content th{background:#edf4fb}.oer-source-callout{border-left:5px solid #149e96;background:#f3fbfa;margin:20px 0;padding:16px 20px}.oer-module-source-overview{background:#f8fafc;border:1px solid #e1e6ec;border-radius:16px;padding:18px;margin:0 0 30px}.oer-module-source-overview>p:first-child{margin-top:0}.oer-downloads{margin-top:34px;padding-top:22px;border-top:2px solid #e2e8ef}.oer-downloads h2{font-size:1.25rem}.oer-downloads a{font-weight:700;color:#0b4ea2}.oer-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.oer-bottom-nav a{min-height:64px;border:2px solid #0b4ea2;border-radius:14px;color:#0b4ea2;text-decoration:none;font-weight:700;padding:14px 18px;display:flex;align-items:center;justify-content:center;text-align:center}.oer-bottom-nav .is-next{background:#0b4ea2;color:#fff}.oer-skip-link{position:fixed;left:-10000px;top:8px;z-index:99999;background:#ffbf00;color:#000;padding:12px 18px;font-weight:800}.oer-skip-link:focus{left:8px}.oer-contents-toggle{display:none}.oer-audio-console{display:grid;grid-template-columns:minmax(240px,1fr) 2fr auto;gap:18px;align-items:center;border:2px solid #0b4ea2;border-radius:18px;background:#f4f9fe;padding:16px 18px;margin:0 0 22px}.oer-audio-console h2{font-size:1.15rem;margin:0 0 4px}.oer-audio-console p{margin:0;color:#44505d;font-size:.92rem}.oer-audio-controls{display:flex;flex-wrap:wrap;gap:8px}.oer-audio-controls button,.oer-contents-toggle{border:1px solid #0b4ea2;background:#fff;color:#0b4ea2;border-radius:10px;min-height:42px;padding:8px 12px;font-weight:700;cursor:pointer}.oer-audio-controls button:first-child,.oer-audio-controls #oer-voice-command{background:#0b4ea2;color:#fff}.oer-audio-first-toggle{display:flex;gap:8px;align-items:center;font-weight:700;white-space:nowrap}.oer-audio-first-toggle input{width:22px;height:22px}.oer-audio-status{grid-column:1/-1;background:#fff;border-radius:9px;padding:8px 10px;font-size:.9rem}.is-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){.oer-card-grid{grid-template-columns:repeat(2,1fr)}.oer-card,.oer-card:nth-child(4),.oer-card:nth-child(5){grid-column:auto}.oer-module-layout{grid-template-columns:310px minmax(0,1fr)}.oer-audio-console{grid-template-columns:1fr}.oer-audio-status{grid-column:auto}.oer-bottom-nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.oer-page{padding-top:12px}.oer-shell{width:min(100% - 24px,1460px)}.oer-titlebar,.oer-module-titlebar{border-width:0;border-radius:20px;min-height:auto;padding:16px 18px}.oer-titlebar h1,.oer-module-titlebar h1{font-size:1.65rem}.oer-module-titlebar img{width:58px;height:58px}.oer-banner{height:180px;border-radius:18px}.oer-card-grid{grid-template-columns:1fr}.oer-card{min-height:250px}.oer-module-layout{display:block}.oer-contents-toggle{display:block;width:100%;margin:0 0 12px;font-size:1.05rem}.oer-module-nav{display:none;position:static;margin-bottom:16px}.oer-module-nav.is-open{display:block}.oer-chapter-card{padding:20px 16px;border-radius:18px}.oer-source-content{font-size:1rem;overflow-wrap:anywhere}.oer-source-content h2{font-size:1.6rem}.oer-source-content table{display:table;table-layout:fixed;width:100%;font-size:.86rem}.oer-source-content th,.oer-source-content td{overflow-wrap:anywhere;word-break:normal;padding:8px}.oer-bottom-nav{grid-template-columns:1fr}.oer-audio-console{padding:14px}.oer-audio-controls{display:grid;grid-template-columns:repeat(2,1fr)}.oer-audio-controls button{width:100%}.oer-breadcrumbs{font-size:.9rem}.oer-module-titlebar{align-items:center}.oer-module-titlebar h1{text-align:left}}

/* RC2 semantic accessibility refinements */
.oer-table-caption{caption-side:bottom;text-align:left;font-size:.92rem;color:#4a5663;padding:10px 2px 0;line-height:1.45}
.oer-explicit-number-list{list-style:none;padding-left:0!important;margin-left:0!important}
.oer-explicit-number-list>li{margin:0 0 8px}
.oer-source-media{margin:18px 0}
.oer-source-description{font-size:.92rem;color:#4a5663;margin:8px 0 18px}
.oer-layout-table{border:0!important}
.oer-layout-table td,.oer-layout-table th{border:0!important}
/* RC2 final: consistent visual treatment for source-defined learning components. */
.oer-component-heading{border-left:5px solid #149e96;background:#f5fbfb;border-radius:10px;padding:10px 14px;margin-top:28px!important}
.oer-component-heading--case-study{border-left-color:#0b4ea2;background:#f3f7fd}
.oer-component-heading--ai{border-left-color:#6d45a8;background:#f7f4fb}
.oer-component-heading--reflection{border-left-color:#b36b00;background:#fff9ef}
.oer-component-heading--worksheet{border-left-color:#149e96;background:#f3fbfa}
.oer-component-heading--accessibility{border-left-color:#0b4ea2;background:#eef6ff}
.oer-component-heading--note,.oer-component-heading--example{border-left-color:#5c6975;background:#f7f8fa}
.oer-component-box{border:2px solid #d3dde7!important;border-radius:12px}
.oer-component-box--case-study{border-color:#0b4ea2!important}
.oer-component-box--accessibility{border-color:#0b4ea2!important;background:#f6faff}
.oer-component-box--worksheet{border-color:#149e96!important}

/* OER source-table safeguard:
   Imported learning material may contain <tr class="header">.
   ARISE/Metronic also uses the global .header class for the fixed site header.
   Keep source table header rows in normal table flow. */
.oer-source-content table tr.header,
.oer-source-content .oer-source-table tr.header {
    display: table-row !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: auto !important;
    height: auto !important;
    align-items: initial !important;
    box-shadow: none !important;
    transition: none !important;
}