/* Premium Learning Center, 2026. Scoped to /ogren/. No header/footer changes. */
.lp-hub{font-family:Inter,"Segoe UI",system-ui,sans-serif;background:#eaf3f2;color:#0a2132;overflow:hidden}
.lp-hub *,.lp-hub *::before,.lp-hub *::after{box-sizing:border-box}
.lp-hub a{text-decoration:none;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.lp-hub a:focus-visible,.lp-hub button:focus-visible,.lp-hub input:focus-visible{outline:3px solid #85dfd0;outline-offset:3px}
.lp-hub :is(h1,h2,h3,p){margin-top:0}
.lp-wrap{width:min(1320px,calc(100% - 52px));margin-inline:auto}
.lp-cover{position:relative;background:radial-gradient(ellipse at 74% 19%,#526b7b55,transparent 43%),linear-gradient(115deg,#0a2132 6%,#0a2132 65%,#133448);color:#fff;padding:85px 0 95px}
.lp-cover::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#176b65,transparent 80%)}
.lp-cover-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:center;gap:clamp(30px,5vw,90px)}
.lp-cover-copy,.lp-cover-art{min-width:0}
.lp-breadcrumb{display:flex;gap:12px;align-items:center;color:#eaf3f2;font-size:12px;margin-bottom:30px}
.lp-breadcrumb a{color:#eaf3f2}.lp-breadcrumb a:hover{color:#fff}
.lp-tag{display:inline-flex;align-items:center;gap:11px;color:#85dfd0;font-size:11px;font-weight:800;letter-spacing:.13em}
.lp-live-dot{display:block;width:8px;height:8px;border-radius:50%;background:#85dfd0;box-shadow:0 0 0 5px #176b652a}
.lp-cover-copy h1{color:#fff!important;font-size:clamp(41px,4.4vw,69px);line-height:1.1;letter-spacing:-.055em;font-weight:850;margin:20px 0 23px}
.lp-cover-copy h1 em{font-style:normal;color:#85dfd0!important}
.lp-cover-copy>p{max-width:690px;color:#85dfd0!important;font-size:clamp(15px,1.13vw,17px);line-height:1.86}
.lp-cover-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}
.lp-cover-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 22px;min-height:52px;border-radius:11px;font-size:13px;font-weight:810}
.lp-primary{background:#176b65;color:#fff!important;border:1px solid #85dfd0}
.lp-primary:hover{background:#176b65;color:#fff}
.lp-outline{color:#fff!important;background:#ffffff11;border:1px solid #ffffff66}
.lp-outline:hover{background:#ffffff23;color:#fff}
.lp-cover-facts{display:flex;flex-wrap:wrap;gap:20px 42px;padding-top:25px;margin-top:36px;border-top:1px solid #ffffff31}
.lp-cover-facts>div{display:grid;gap:2px}
.lp-cover-facts strong{font-size:24px;font-weight:850;color:#fff}
.lp-cover-facts span{color:#85dfd0;font-size:11px}
.lp-cover-art{position:relative;border:1px solid #85dfd059;border-radius:23px;box-shadow:0 28px 65px #0a213270;overflow:hidden;background:#0a2132;transform:rotate(1deg)}
.lp-cover-art img{display:block;width:100%;height:auto;aspect-ratio:1200/760;object-fit:cover}
.lp-art-label{position:absolute;left:22px;bottom:20px;display:flex;gap:9px;align-items:center;color:#fff;background:#0a2132dc;border:1px solid #ffffff55;border-radius:9px;padding:9px 14px;font-size:10px;font-weight:850;letter-spacing:.09em}
.lp-art-label i{color:#85dfd0}
.lp-journey,.lp-catalogue{padding-top:91px}
.lp-section-heading{max-width:840px;margin-bottom:30px}
.lp-overline{display:inline-block;font-size:10px;letter-spacing:.17em;color:#176b65;font-weight:850}
.lp-section-heading h2{font-size:clamp(32px,3.5vw,53px);line-height:1.17;letter-spacing:-.048em;font-weight:830;color:#0a2132;margin:16px 0}
.lp-section-heading p{color:#637287;font-size:14px;line-height:1.8;max-width:730px}
.lp-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lp-journey-grid a{display:flex;flex-direction:column;gap:15px;min-height:286px;position:relative;padding:30px 31px;border:1px solid #e7e4eb;background:#fff;border-radius:19px;color:#0a2132;box-shadow:0 15px 39px #0a213211}
.lp-journey-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 43px #0a213222;border-color:#85dfd0}
.lp-journey-grid a>span{color:#176b65;font:800 10px ui-monospace,monospace;letter-spacing:.1em}
.lp-journey-grid a>i{color:#176b65;font-size:35px;margin-top:10px}
.lp-journey-grid a>strong{font-size:24px;line-height:1.2;color:#0a2132}
.lp-journey-grid a>small{font-size:13px;line-height:1.66;color:#687484;flex:1}
.lp-journey-grid a>b{display:inline-flex;align-items:center;gap:10px;padding-top:17px;border-top:1px solid #efe9ed;color:#176b65;font-size:12px}
.lp-catalogue{padding-bottom:80px;scroll-margin-top:130px}
.lp-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;padding:16px;border:1px solid #eaf3f2;background:#fff;border-radius:17px}
.lp-search{display:flex;align-items:center;gap:10px;flex:1 1 270px;max-width:430px;border:1px solid #e4dce5;background:#eaf3f2;border-radius:11px;padding:0 14px}
.lp-search i{color:#176b65;font-size:18px}
.lp-search input{min-width:0;width:100%;height:45px;border:0;outline:0;background:transparent;color:#0a2132;font-family:inherit;font-size:13px}
.lp-search input::placeholder{color:#7f8593}
.lp-filters{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.lp-filters button{background:#f6f3f6;color:#5f6675;border:1px solid transparent;border-radius:9px;min-height:41px;padding:10px 13px;cursor:pointer;font-weight:770;font-size:12px}
.lp-filters button.active,.lp-filters button:hover{background:#526b7b;border-color:#526b7b;color:#fff}
.lp-result-count{color:#727c8a;font-size:12px;margin:17px 0}
.lp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.lp-topic{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e8e5eb;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #0a21320b;color:#0a2132!important}
.lp-topic[hidden],.lp-empty[hidden]{display:none!important}
.lp-topic:hover{border-color:#85dfd0;transform:translateY(-5px);box-shadow:0 19px 42px #0a21321f}
.lp-topic-image{display:block;position:relative;aspect-ratio:16/9;background:#0a2132;overflow:hidden}
.lp-topic-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.lp-topic:hover .lp-topic-image img{transform:scale(1.045)}
.lp-topic-n{position:absolute;right:16px;bottom:13px;padding:7px 10px;border:1px solid #ffffff4e;border-radius:9px;background:#133448ca;color:#fff;font:850 12px ui-monospace,Consolas,monospace}
.lp-topic-content{display:flex;flex-direction:column;gap:11px;flex:1;padding:23px}
.lp-topic-category{font-size:10px;color:#176b65;font-weight:840;letter-spacing:.12em;text-transform:uppercase}
.lp-topic-content>strong{font-size:clamp(19px,1.6vw,23px);line-height:1.37;letter-spacing:-.022em;color:#0a2132!important}
.lp-topic-desc{font-size:13px;line-height:1.75;color:#647182;flex:1}
.lp-topic-footer{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:17px;border-top:1px solid #eee8ed;color:#526b7b;font-size:12px;font-weight:820}
.lp-empty{padding:55px 25px;margin-top:15px;text-align:center;background:#fff;border:1px dashed #85dfd0;border-radius:16px;color:#133448}
.lp-empty>i{font-size:33px;display:block;color:#176b65}.lp-empty strong{display:block;margin:15px 0 5px}.lp-empty p{font-size:13px;color:#697485}
.lp-empty button{border:0;padding:11px 18px;border-radius:8px;background:#176b65;color:#fff;cursor:pointer}
.lp-finish{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-block:10px 80px;padding:45px 50px;border-radius:21px;background:linear-gradient(110deg,#133448,#526b7b);color:#fff}
.lp-finish span{color:#85dfd0;font-size:10px;font-weight:800;letter-spacing:.13em}
.lp-finish h2{font-size:clamp(26px,2.8vw,38px);line-height:1.2;margin:11px 0;color:#fff!important}
.lp-finish p{font-size:13px;color:#eaf3f2;line-height:1.6;margin:0}
.lp-finish>a{color:#526b7b!important;display:flex;align-items:center;justify-content:center;gap:10px;min-width:220px;padding:16px 23px;border-radius:10px;background:#fff;font-size:12px;font-weight:820}
.lp-finish>a:hover{background:#eaf3f2}
.lp-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.lp-hub :is(a,button,input):focus-visible{outline:3px solid #176b65;outline-offset:3px}
@media(max-width:1000px){.lp-cover-grid{grid-template-columns:1fr}.lp-cover-art{max-width:720px}.lp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-journey-grid{gap:11px}.lp-journey-grid a{padding:25px}.lp-toolbar{align-items:stretch}.lp-search{max-width:none}}
@media(max-width:680px){.lp-wrap{width:calc(100% - 28px)}.lp-cover{padding:45px 0 60px}.lp-cover-copy h1{font-size:clamp(33px,9vw,48px)}.lp-cover-copy>p{font-size:14px;line-height:1.75}.lp-cover-actions{flex-direction:column}.lp-cover-actions>a{width:100%}.lp-cover-facts{gap:23px}.lp-cover-facts strong{font-size:22px}.lp-cover-art{border-radius:14px;transform:none}.lp-art-label{font-size:8px;left:10px;bottom:10px}.lp-section-heading h2{font-size:clamp(30px,7vw,40px)}.lp-journey,.lp-catalogue{padding-top:60px}.lp-journey-grid,.lp-grid{grid-template-columns:1fr}.lp-journey-grid a{min-height:245px}.lp-topic-content{padding:19px}.lp-toolbar{padding:12px}.lp-search{flex-basis:100%}.lp-filters{gap:5px}.lp-filters button{font-size:11px;padding:8px 10px}.lp-finish{flex-direction:column;align-items:stretch;padding:30px 23px;margin-bottom:45px}.lp-finish>a{width:100%}}
@media(prefers-reduced-motion:reduce){.lp-hub a,.lp-topic-image img{transition:none!important;transform:none!important}}

/* Isolated contrast guard against global page skin !important rules. */
html body #main-content .lp-hub section.lp-cover{
 background:radial-gradient(ellipse at 72% 20%,#526b7b49,transparent 48%),linear-gradient(115deg,#0a2132,#0a2132 67%,#133448)!important;
 background-color:#0a2132!important;
 border:0!important;color:#fff!important;
}
html body #main-content .lp-hub section.lp-cover .lp-cover-copy,
html body #main-content .lp-hub section.lp-cover .lp-cover-grid,
html body #main-content .lp-hub section.lp-cover .lp-cover-facts{
 background:transparent!important;box-shadow:none!important;border-color:transparent;
}
html body #main-content .lp-hub section.lp-cover :is(h1,h1 em){
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body #main-content .lp-hub section.lp-cover h1 em{
 color:#85dfd0!important;-webkit-text-fill-color:#85dfd0!important;
}
html body #main-content .lp-hub section.lp-cover :is(p,.lp-breadcrumb,.lp-breadcrumb span,.lp-breadcrumb a){
 color:#85dfd0!important;-webkit-text-fill-color:#85dfd0!important;
}
html body #main-content .lp-hub section.lp-cover .lp-tag,
html body #main-content .lp-hub section.lp-cover .lp-cover-facts span{
 color:#eaf3f2!important;-webkit-text-fill-color:#eaf3f2!important;
}
html body #main-content .lp-hub section.lp-cover .lp-cover-facts strong{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body #main-content .lp-hub section.lp-cover .lp-cover-actions>a.lp-primary{
 background:#176b65!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:1px solid #85dfd0!important;
}
html body #main-content .lp-hub section.lp-cover .lp-cover-actions>a.lp-outline{
 background:#ffffff12!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:1px solid #ffffff72!important;
}
html body #main-content .lp-hub section.lp-cover .lp-cover-actions i{color:inherit!important;-webkit-text-fill-color:inherit!important}
html body #main-content .lp-hub .lp-finish{
 background:linear-gradient(115deg,#133448,#526b7b)!important;color:#fff!important;
}
html body #main-content .lp-hub .lp-finish :is(h2,p,span){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #main-content .lp-hub .lp-finish>a{color:#526b7b!important;-webkit-text-fill-color:#526b7b!important;background:#fff!important}
html body #main-content .lp-hub .lp-topic .lp-topic-content>strong{
 color:#0a2132!important;-webkit-text-fill-color:#0a2132!important;
}
html body #main-content .lp-hub .lp-topic .lp-topic-desc{
 color:#526b7b!important;-webkit-text-fill-color:#526b7b!important;
}
@media(max-width:680px){
 html body #main-content .lp-hub section.lp-cover h1{font-size:clamp(31px,8vw,43px)!important;letter-spacing:-.042em!important;line-height:1.12!important;overflow-wrap:break-word!important}
 html body #main-content .lp-hub section.lp-cover .lp-cover-copy>p{font-size:13px!important;overflow-wrap:break-word!important}
}