/* Shared visual language for PROFEL: white, navy and quiet lavender surfaces. */
html[data-theme=light]{--paper:#f8fafb;--white:#fff;--ink:#20213e;--muted:#666b7e;--line:#e1e4ee;--deep:#f1f3fb;--blue:#23224d;--accent:#30315d;--profel-navy:#23224d;--profel-accent:#fff;--profel-soft:#f3f5fc;--profel-shadow:0 14px 35px #20213e0c;--profel-heading:#1f2146}
html[data-theme=dark]{--paper:#12141e;--white:#1a1d2b;--ink:#eff0fa;--muted:#aeb4ca;--line:#32364b;--deep:#222638;--blue:#c4cafa;--accent:#dce0ff;--profel-navy:#c4cafa;--profel-accent:#1a1d2b;--profel-soft:#191d2d;--profel-shadow:0 14px 35px #0002;--profel-heading:#e0e4ff}
html{scroll-padding-top:110px}
body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.main-shell{margin-left:0;min-width:0}
html[data-theme] body.profel-interior{background:var(--paper);font-size:14px;line-height:1.6}
html[data-theme] body.profel-interior main{width:100%;max-width:1240px;padding:36px 34px 64px;margin:auto;min-height:calc(100vh - 150px)}
html[data-theme] body.profel-interior :is(h1,h2,h3){color:var(--profel-heading);font-weight:700;letter-spacing:-.035em}
html[data-theme] body.profel-interior h1{font-size:clamp(27px,2.55vw,36px);line-height:1.22}
html[data-theme] body.profel-interior h2{font-size:23px;line-height:1.3}
html[data-theme] body.profel-interior h3{font-size:18px;line-height:1.4}
html[data-theme] body.profel-interior :is(.prose,.presentation p,.page-heading p,.auth-intro p,.course-intro .lead,.learning-privacy,.teacher-line){color:var(--muted)}
html[data-theme] body.profel-interior :is(.eyebrow,.section-label,.tiny-label){font-size:10px;font-weight:650;letter-spacing:.08em;color:var(--muted)}
html[data-theme] body.profel-interior .page-heading{align-items:center;margin:0 0 28px;gap:22px}
html[data-theme] body.profel-interior .page-heading h1{margin:6px 0 10px}
html[data-theme] body.profel-interior .page-heading p{font-size:13px;line-height:1.65;margin:0;max-width:740px}
html[data-theme] body.profel-interior .section-heading{gap:20px;align-items:center}
html[data-theme] body.profel-interior .section-heading h2{margin:0}
html[data-theme] body.profel-interior :is(.back-link,.text-link){color:var(--profel-navy);font-size:12px}
html[data-theme] body.profel-interior .back-link{display:inline-flex;margin-bottom:20px}
html[data-theme] body.profel-interior :is(.button,.course-card-action){display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:10px 18px;border:1px solid var(--profel-navy);border-radius:8px;background:var(--profel-navy);color:var(--profel-accent);font-size:12px;line-height:1.35;font-weight:600;box-shadow:0 3px 8px #23224d12;text-decoration:none;cursor:pointer;transition:box-shadow .15s}
html[data-theme] body.profel-interior .button.secondary{background:var(--white);color:var(--profel-navy);border-color:var(--line);box-shadow:none}
html[data-theme] body.profel-interior :is(.button,.course-card-action):hover{opacity:1;filter:brightness(1.13);box-shadow:0 4px 12px #23224d20}
html[data-theme] body.profel-interior .button.secondary:hover{background:var(--deep);box-shadow:none;filter:none}
html[data-theme] body.profel-interior .button.small{min-height:34px;font-size:11px;padding:8px 13px;border-radius:6px}
html[data-theme] body.profel-interior .button:disabled{background:var(--deep);border-color:var(--line);color:var(--muted);cursor:not-allowed;box-shadow:none;filter:none}
html[data-theme] body.profel-interior :is(.panel,.empty,.stats>div){background:var(--white);border:1px solid var(--line);border-radius:19px;box-shadow:var(--profel-shadow)}
html[data-theme] body.profel-interior .panel{padding:28px;margin-bottom:24px}
html[data-theme] body.profel-interior .panel>h2:first-child{margin-top:0}
html[data-theme] body.profel-interior .empty{padding:32px;border-style:dashed}
html[data-theme] body.profel-interior .notice{border:1px solid var(--line);border-left:3px solid var(--profel-navy);border-radius:9px;background:var(--deep);color:var(--ink);padding:15px 18px;font-size:12px;line-height:1.7;box-shadow:none}
html[data-theme=light] body.profel-interior .notice.error{background:#fff5f5;border-color:#e8c0c0;border-left-color:#ab3c43;color:#79292f}
html[data-theme=dark] body.profel-interior .notice.error{background:#39272f;border-color:#754755;color:#ffd0d5}
html[data-theme] body.profel-interior :is(.badge,.outline-tag,.course-category){background:var(--deep);border:1px solid var(--line);color:var(--profel-navy);border-radius:6px;font-size:10px;padding:5px 9px;font-weight:500}
html[data-theme] body.profel-interior :is(.avatar,.step-number,.activity-icon){background:var(--deep);border:1px solid var(--line);color:var(--profel-navy);border-radius:7px}
html[data-theme] body.profel-interior :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:var(--white);color:var(--ink);border:1px solid #cfd3e1;border-radius:7px;padding:11px 12px;box-shadow:none;font-size:13px;line-height:1.45}
html[data-theme=dark] body.profel-interior :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border-color:var(--line)}
html[data-theme] body.profel-interior input[type=file]::file-selector-button{background:var(--deep);color:var(--profel-navy);border:1px solid var(--line);border-radius:5px;padding:7px 10px}
html[data-theme] body.profel-interior :is(input,textarea)::placeholder{color:var(--muted);opacity:.75}
html[data-theme] body.profel-interior label{color:var(--ink);font-size:12px;font-weight:600;line-height:1.6}
html[data-theme] body.profel-interior label small{font-weight:400;line-height:1.6;margin-top:6px}
html[data-theme] body.profel-interior :is(input[type=checkbox],input[type=radio],progress){accent-color:var(--profel-navy)}
html[data-theme] body.profel-interior :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--profel-navy);outline-offset:3px}
html[data-theme] body.profel-interior .form-grid{gap:22px}
html[data-theme] body.profel-interior .stack{gap:20px}
html[data-theme] body.profel-interior fieldset{min-width:0}
html[data-theme] body.profel-interior :is(.question-note,.grade-box,.question-builder,.teacher-note){background:var(--deep);color:var(--ink);border-color:var(--line);border-radius:10px}
html[data-theme] body.profel-interior .question-note{border-left:3px solid var(--profel-navy);padding:14px 16px}
html[data-theme] body.profel-interior .question-panel>label{color:var(--profel-heading);font-size:15px;font-weight:600}
html[data-theme] body.profel-interior .question-number{color:var(--muted)}
html[data-theme] body.profel-interior .answer-toolbar{background:var(--white);border-color:var(--line);border-radius:11px;box-shadow:0 5px 25px #22233e12}
html[data-theme] body.profel-interior .save-state{color:var(--muted)}
html[data-theme] body.profel-interior :is(table,td,td a,.export-answer>b,.remove-question,.icon-button,summary){color:var(--ink)}
html[data-theme] body.profel-interior th{background:var(--deep);color:var(--muted);border-color:var(--line);font-weight:600;font-size:11px;padding:14px 16px}
html[data-theme] body.profel-interior td{border-color:var(--line);padding:18px 16px;font-size:12px;line-height:1.6}
html[data-theme] body.profel-interior td small{margin-top:4px;overflow-wrap:anywhere}
html[data-theme] body.profel-interior .table-scroll{border:1px solid var(--line);border-radius:11px;max-width:100%}
html[data-theme] body.profel-interior .inline-form{gap:9px;flex-wrap:wrap;min-width:230px}
html[data-theme] body.profel-interior .inline-form input{min-width:130px}
html[data-theme] body.profel-interior :is(details,.submission-row,.export-answer){border-color:var(--line)}
html[data-theme] body.profel-interior .stats{gap:18px;margin-bottom:28px}
html[data-theme] body.profel-interior .stats>div{padding:22px 26px;border-radius:14px}
html[data-theme] body.profel-interior .stats strong{font-size:31px;font-weight:700;color:var(--profel-heading);line-height:1.35;margin-top:10px}
html[data-theme] body.profel-interior .stats small{font-size:11px;color:var(--muted)}
html[data-theme] body.profel-interior .pagination :is(a,span){color:var(--ink)!important;border-color:var(--line)!important;border-radius:6px!important}

/* The same top bar stays available in the catalogue, classroom and management. */
html[data-theme] body.profel-interior .public-topbar{height:auto;min-height:78px;top:0;padding:0;background:var(--white);border-bottom:1px solid var(--line);backdrop-filter:none;z-index:60}
.profel-interior .public-topbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1240px;min-height:78px;margin:auto;padding:0 34px;gap:24px}
.profel-interior .public-brand{display:block;flex:none}
.profel-interior .public-brand img{width:112px;height:60px;object-fit:contain}
.profel-interior .public-nav{display:flex;gap:28px;margin:0;border:0;flex:1;justify-content:center}
html[data-theme] body.profel-interior .public-nav a{position:relative;padding:12px 0;color:var(--profel-navy);font-size:11px;white-space:nowrap}
.profel-interior .public-nav a[aria-current]:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:4px;background:var(--profel-navy)}
.profel-interior .public-topbar .header-account{display:flex;align-items:center;gap:17px;margin:0;flex:none}
html[data-theme] body.profel-interior .public-topbar .header-account>a:not(.button){font-size:10px;color:var(--profel-navy)}
html[data-theme] body.profel-interior .public-topbar .button{font-size:10px;min-height:34px;padding:8px 15px;border-radius:6px}
.profel-interior .header-preferences{gap:8px}
.profel-interior .theme-switch{width:46px;height:26px;flex-basis:46px;padding:3px 5px;border-color:#a6a7af;background:var(--white);color:var(--profel-navy)}
.profel-interior .theme-switch svg{width:13px;height:13px}
.profel-interior .theme-switch .theme-thumb{width:18px;height:18px;left:3px;top:3px;background:var(--profel-navy)}
.profel-interior .theme-switch .theme-sun{color:var(--profel-accent)}
.profel-interior .theme-switch .theme-moon{color:var(--profel-navy)}
html[data-theme=dark] .profel-interior .theme-switch .theme-thumb{transform:translateX(20px)}
html[data-theme=dark] .profel-interior .theme-switch .theme-sun{color:var(--profel-navy)}
html[data-theme=dark] .profel-interior .theme-switch .theme-moon{color:var(--profel-accent)}
.profel-interior .language-control{min-height:26px;background:var(--white);color:var(--profel-navy);border-color:#a6a7af}
html[data-theme] body.profel-interior .header-account .language-control select{padding:2px;min-height:24px;width:47px;font-size:10px;line-height:1.3;border:0;background:transparent;border-radius:4px}
.workspace-bar{background:var(--white);border-bottom:1px solid var(--line)}
.workspace-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1240px;margin:auto;padding:12px 34px}
.workspace-bar nav{display:flex;gap:24px;flex-wrap:wrap}
.workspace-bar a{color:var(--muted);font-size:11px;font-weight:500;padding:4px 0}
.workspace-bar a[aria-current]{color:var(--profel-navy);box-shadow:0 2px var(--profel-navy)}
.workspace-identity{display:flex;gap:10px;align-items:center;font-size:11px;min-width:0}
.workspace-identity b{font-weight:600}.workspace-identity span{color:var(--muted);border-left:1px solid var(--line);padding-left:10px}
html[data-theme] body.profel-interior footer{max-width:1172px;margin:auto;padding:22px 0;border-color:var(--line);color:var(--muted);font-size:10px}
html[data-theme] body.profel-interior footer a{color:var(--muted)}

/* Small course tiles share the welcome page's image, navy CTA and white surface. */
.profel-interior .catalog-heading{align-items:end;margin-bottom:28px}
html[data-theme] body.profel-interior .catalog-heading h1{margin:5px 0 12px}
html[data-theme] body.profel-interior .catalog-heading p{font-size:13px;color:var(--muted)}
html[data-theme] body.profel-interior .search{border-color:var(--line);border-radius:8px;background:var(--white);overflow:hidden}
html[data-theme] body.profel-interior .search input{border:0;margin:0;background:transparent}
.profel-interior .catalog-toolbar{border-color:var(--line);padding:13px 0;color:var(--muted);font-size:11px}
.profel-interior .catalog-list,.profel-interior .course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
html[data-theme] body.profel-interior .course-card{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:var(--profel-shadow);overflow:hidden;min-width:0}
.profel-interior .course-card .course-cover{position:relative;height:190px;min-height:190px;flex:none;border-radius:0}
.profel-interior .course-card .course-cover img{object-position:24% center}
.profel-interior .card-body{padding:23px;display:flex;flex:1;flex-direction:column}
html[data-theme] body.profel-interior .card-body h3{font-size:21px;line-height:1.3;margin:8px 0 13px}
html[data-theme] body.profel-interior .card-body>p{font-size:12px;color:var(--muted);margin:0 0 16px;line-height:1.7}
.profel-interior .course-meta{gap:7px;margin-bottom:0}
html[data-theme] body.profel-interior .course-state{font-size:10px;color:var(--muted)}
html[data-theme] body.profel-interior .course-teacher{font-size:10px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.profel-interior .card-bottom{border-color:var(--line);margin-top:auto;padding-top:16px}
html[data-theme] body.profel-interior .card-bottom strong{font-size:16px;color:var(--profel-heading)}
html[data-theme] body.profel-interior .card-bottom .course-card-action{font-size:11px;min-height:34px;padding:7px 12px}

/* Public course detail, matched to the supplied reference. */
html[data-theme] body.course-detail-layout{background:var(--white)}
html[data-theme] body.course-detail-layout main{max-width:1240px;padding:36px 34px 56px}
html[data-theme] body.course-detail-layout .course-page{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:20px;row-gap:0;align-items:start}
html[data-theme] body.course-detail-layout .course-page>.course-intro{grid-column:1;grid-row:1;margin:0;padding:0;background:transparent}
.course-detail-layout .course-breadcrumb{font-size:10px;gap:6px;margin-bottom:10px;color:var(--muted)}
html[data-theme] body.course-detail-layout .course-breadcrumb a{color:var(--muted);font-size:10px}
html[data-theme] body.course-detail-layout .course-intro h1{font-size:clamp(22px,2.15vw,29px);margin:0 0 12px;line-height:1.25;letter-spacing:-.025em;color:var(--ink)}
html[data-theme] body.course-detail-layout .course-intro .lead{font-size:11px;font-weight:600;color:var(--ink);line-height:1.6;margin:0 0 13px}
html[data-theme] body.course-detail-layout .course-page>.course-body{grid-column:1;grid-row:2;min-width:0;overflow:hidden;background:var(--profel-soft)}
.course-visual{position:relative;aspect-ratio:2.72;background:var(--white);overflow:hidden}
.course-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.course-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--white) 0%,transparent 33%);pointer-events:none}
.course-step-count{position:absolute;bottom:0;right:9%;background:var(--white);color:var(--ink);z-index:1;padding:7px 16px 5px;border-radius:8px 8px 0 0;font-size:10px;font-weight:650}
html[data-theme] body.course-detail-layout .course-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);background:transparent;margin:0;padding:14px 32px 0}
html[data-theme] body.course-detail-layout .course-tabs a{font-size:12px;color:var(--ink);padding:12px 7px;border:0;border-bottom:2px solid transparent;font-weight:500;white-space:nowrap;background:transparent}
html[data-theme] body.course-detail-layout .course-tabs a[aria-current]{border-bottom-color:var(--profel-navy);font-weight:700}
.course-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:54px 40px 60px;scroll-margin-top:95px}
html[data-theme] body.course-detail-layout .course-information{background:var(--white);border:0;border-radius:28px;padding:35px 30px;min-height:195px;margin:0;box-shadow:none}
html[data-theme] body.course-detail-layout .course-information h2{font-size:21px;margin:0 0 12px;letter-spacing:-.025em}
html[data-theme] body.course-detail-layout .course-information .prose{font-size:11px;color:var(--ink);line-height:1.4;white-space:pre-line}
html[data-theme] body.course-detail-layout .course-outcomes{background:#23224d}
html[data-theme] body.course-detail-layout .course-outcomes :is(h2,.prose){color:#fff}
.course-curriculum{background:color-mix(in srgb,var(--white) 65%,var(--paper));padding:22px 14px 26px;scroll-margin-top:95px}
html[data-theme] body.course-detail-layout .course-curriculum h2{font-size:16px;color:var(--ink);margin:0 0 12px}
.course-detail-layout .lesson-row{padding:16px 0;gap:13px;border-color:var(--line);min-height:61px}
html[data-theme] body.course-detail-layout .lesson-row b{font-size:11px;font-weight:500;color:var(--ink)}
.course-detail-layout .lesson-row small{font-size:9px;color:var(--muted);margin-top:3px}
html[data-theme] body.course-detail-layout .lesson-row .step-number{width:27px;height:27px;border-radius:2px;padding:5px;border-color:var(--line);background:var(--white);color:var(--ink)}
.course-detail-layout .lesson-row .step-number svg{width:16px;height:16px}
html[data-theme] body.course-detail-layout .lesson-row.available:first-of-type .step-number{background:#31ad4b;color:#fff;border-color:#31ad4b}
html[data-theme] body.course-detail-layout .course-page>.enrollment-card{grid-column:2;grid-row:1/4;position:sticky;top:100px;margin:7px 0 0;border:0;border-radius:30px;background:var(--white);box-shadow:0 22px 32px #20212819;padding:28px 14px 54px;overflow:hidden}
html[data-theme] body.course-detail-layout .enrollment-card .course-cover.compact{display:block;width:100%;height:auto;aspect-ratio:1;margin:0 0 36px;border:0;border-radius:27px;min-height:0}
.course-detail-layout .enrollment-card .compact img{object-fit:cover;object-position:18% center}
.course-detail-layout .enrollment-card>*:not(.course-cover){margin-left:12px;margin-right:12px}
html[data-theme] body.course-detail-layout .enrollment-label{font-size:11px;font-weight:500;margin-bottom:0;color:var(--ink)}
html[data-theme] body.course-detail-layout .enrollment-card>h2{font-size:30px;line-height:1.2;margin-top:0;margin-bottom:20px}
html[data-theme] body.course-detail-layout .enrollment-card>p{font-size:10px;line-height:1.6;color:var(--muted);margin-top:10px;margin-bottom:18px}
html[data-theme] body.course-detail-layout .enrollment-card>.button{display:flex;gap:8px;justify-content:space-between;font-size:11px;min-height:43px;padding:10px 13px;margin-top:10px}
.course-detail-layout .enrollment-card>.button>span{font-size:27px;line-height:1}
html[data-theme] body.course-detail-layout .enrollment-card>.text-link{text-align:center;color:#7b8ea6;font-size:11px;margin-top:16px}
.course-detail-layout .enrollment-card .stack{gap:15px}
html[data-theme] body.course-detail-layout .enrollment-card .stack .button{font-size:11px;width:100%}
.course-presenters{grid-column:1;grid-row:3;padding:28px 0;display:grid;gap:24px}
.course-presenter{display:flex;align-items:center;gap:45px;min-width:0}
.course-presenter>img,.presenter-initial{width:190px;height:190px;border-radius:50%;object-fit:cover;object-position:center 34%;flex:none}
.presenter-initial{display:grid;place-items:center;background:var(--deep);color:var(--profel-navy);font-size:52px}
html[data-theme] body.course-detail-layout .course-presenter h2{font-size:27px;color:var(--ink);margin:0 0 8px}
.course-presenter p{font-size:21px;line-height:1.3;margin:0;color:var(--ink)}

/* Account forms, teacher tools, learning records and interactive questionnaires. */
.profel-interior .auth-wrap{max-width:930px;margin:45px auto;grid-template-columns:1fr 1fr;gap:65px}
html[data-theme] body.profel-interior .auth-intro h1{font-size:41px;margin:14px 0 22px;line-height:1.15}
html[data-theme] body.profel-interior .auth-intro p{font-size:14px;line-height:1.8}
html[data-theme] body.profel-interior .auth-panel{padding:32px;border-radius:24px;margin:0}
.profel-interior .auth-panel .stack{margin-top:23px}
.profel-interior .auth-panel .muted{font-size:12px;line-height:1.7}
.profel-interior .auth-panel input[name=code]{text-align:center;font-size:25px;letter-spacing:.28em;padding:14px}
.profel-interior .auth-links{gap:15px;align-items:center;font-size:11px}
.profel-interior .participant-registration{max-width:900px;margin:15px auto}
.profel-interior .registration-heading{margin-bottom:27px;max-width:780px}
.profel-interior .registration-heading h1{font-size:30px;margin:10px 0 16px}
.profel-interior .registration-heading p{font-size:13px;color:var(--muted);line-height:1.7}
html[data-theme] body.profel-interior .registration-panel{padding:32px}
.profel-interior .registration-panel>.muted{font-size:12px;margin-bottom:25px}
.profel-interior .registration-submit{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:24px;font-size:12px}
html[data-theme] body.profel-interior .phone-number-control .phone-country-control select{border-radius:7px 0 0 7px;padding:11px 7px}
html[data-theme] body.profel-interior .phone-number-control>input[name=phone]{border-radius:0 7px 7px 0;border-left:0;margin:0}
.profel-interior .phone-country-display{border-radius:6px 0 0 6px;background:var(--white)}
html[data-theme] body.profel-interior .progress-panel{background:var(--white);padding:22px 26px}
html[data-theme] body.profel-interior .progress-panel b{color:var(--profel-navy);font-size:12px}
html[data-theme] body.profel-interior progress{border:0;border-radius:6px;overflow:hidden;height:7px;background:var(--deep)}
html[data-theme] body.profel-interior progress::-webkit-progress-bar{background:var(--deep)}
html[data-theme] body.profel-interior progress::-webkit-progress-value{background:var(--profel-navy);border-radius:6px}
html[data-theme] body.profel-interior .step-panel{padding:28px}
html[data-theme] body.profel-interior .step-panel .step-title h2{font-size:21px}
html[data-theme] body.profel-interior .step-locked{background:var(--profel-soft);box-shadow:none}
html[data-theme] body.profel-interior .step-finished{border-color:color-mix(in srgb,var(--profel-navy) 35%,var(--line))}
.profel-interior .activity-link{padding:19px 6px;border-color:var(--line);gap:14px}
html[data-theme] body.profel-interior .activity-link:hover{background:var(--profel-soft);color:var(--ink);border-radius:8px}
html[data-theme] body.profel-interior .activity-link b{font-weight:600;font-size:13px}
html[data-theme] body.profel-interior .activity-link>span:last-child{color:var(--profel-navy);font-size:11px}
.profel-interior .activity-unavailable{opacity:.7}
.profel-interior .learning-continue{background:var(--profel-soft);padding:35px;gap:40px}
.profel-interior .learning-progress{min-width:220px;font-size:12px;color:var(--muted)}
html[data-theme] body.profel-interior .learning-progress strong{color:var(--profel-heading);font-size:42px}
.profel-interior .learning-course{padding:25px;gap:13px}
.profel-interior .learning-course>p{font-size:12px;line-height:1.7}
.profel-interior .learning-course .text-link{margin:0}
.profel-interior .learning-course .learning-status{font-size:12px}
.profel-interior .learning-filter{margin:24px 0}
.profel-interior .learning-feedback{background:var(--profel-soft)}
.profel-interior :is(.learning-section,.learning-rubric label,.learning-rubric-result>div){border-color:var(--line)}
.profel-interior .learning-history{font-size:12px;padding-left:20px}
.profel-interior .creation-steps{gap:12px;margin-bottom:26px}
html[data-theme] body.profel-interior .creation-steps>a,.profel-interior .creation-steps>span{border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:12px;padding:13px 18px}
html[data-theme] body.profel-interior .creation-steps [aria-current]{background:var(--deep);border-color:var(--profel-navy);color:var(--profel-navy)}
.profel-interior .builder-settings{background:var(--profel-soft);border-color:var(--line);border-radius:11px;padding:18px}
html[data-theme] body.profel-interior .activity-builder .question-builder{border:1px solid var(--line);border-left:3px solid var(--profel-navy);border-radius:15px;background:var(--white);box-shadow:var(--profel-shadow)}
.profel-interior :is(.question-tools button,.options-editor button,.remove-question){border-color:var(--line);border-radius:6px;background:var(--white);color:var(--ink)}
.profel-interior .activity-create>summary{border-radius:10px;border-color:var(--line);color:var(--profel-navy);background:var(--profel-soft)}
html[data-theme] body.profel-interior .activity-preview{background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:20px}
html[data-theme] body.profel-interior .bitacora-main{max-width:1240px;padding:0 34px!important}
.profel-interior .bitacora-workspace{grid-template-columns:215px minmax(0,1fr);gap:32px}
.profel-interior .bitacora-navigation{top:95px;padding-top:28px;border-color:var(--line);max-height:calc(100vh - 110px)}
html[data-theme] body.profel-interior .bitacora-navigation nav>a[aria-current]{background:var(--white);border-color:var(--line);box-shadow:inset 3px 0 var(--profel-navy);border-radius:7px}
html[data-theme] body.profel-interior .bitacora-workspace .block{background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:var(--profel-shadow);padding:28px}
html[data-theme] body.profel-interior .bitacora-workspace .block h2{font-size:21px}
html[data-theme] body.profel-interior .bitacora-workspace .entry{background:var(--white);border-color:var(--line);color:var(--ink);border-radius:7px;font-size:14px;min-height:45px}
html[data-theme] body.profel-interior .bitacora-workspace .option{background:var(--white);border-color:var(--line);border-radius:8px;padding:13px;line-height:1.6}
html[data-theme] body.profel-interior .bitacora-workspace .option:has(input:checked){border-color:var(--profel-navy);background:var(--deep);box-shadow:inset 3px 0 var(--profel-navy)}
.profel-interior .bitacora-workspace :is(input[type=radio],input[type=checkbox]){accent-color:var(--profel-navy)}
.profel-interior .bitacora-workspace :is(.stacked-row,.learning-recovery){border-color:var(--line);border-radius:10px;background:var(--profel-soft)}
.profel-interior .bitacora-savebar{background:var(--white);border-color:var(--line);border-radius:10px;box-shadow:0 4px 20px #23224d12;bottom:12px}
.profel-interior .bitacora-workspace .secondary,.profel-interior .location-dialog .secondary{border-radius:7px;color:var(--profel-navy);border-color:var(--line);background:var(--white)}
html[data-theme] body.profel-interior .location-dialog{border-radius:18px;background:var(--white);color:var(--ink);border-color:var(--line);box-shadow:var(--profel-shadow)}
.profel-interior .location-dialog .primary{background:var(--profel-navy);color:var(--profel-accent);border-color:var(--profel-navy);border-radius:7px}
.profel-interior .location-dialog :is(.map-status,.map-hint,.map-privacy,.map-notice,.map-search-feedback){color:var(--muted)}

@media(min-width:1500px){.profel-interior .catalog-list,.profel-interior .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.profel-interior .public-topbar-inner{gap:20px;padding:0 26px}.profel-interior .public-nav{gap:20px}.profel-interior .public-topbar .header-account{gap:12px}html[data-theme] body.course-detail-layout .course-page{grid-template-columns:minmax(0,1fr) 245px;column-gap:18px}.course-overview{padding:35px 25px 42px;gap:16px}html[data-theme] body.course-detail-layout .course-information{padding:28px 23px}.profel-interior .catalog-list,.profel-interior .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-presenter>img,.presenter-initial{width:160px;height:160px}}
@media(max-width:850px){.profel-interior .public-topbar-inner{flex-wrap:wrap;gap:0 18px;padding-top:6px}.profel-interior .public-nav{order:3;width:100%;flex:auto;justify-content:space-between;gap:18px}.profel-interior .public-brand img{height:54px;width:103px}.profel-interior .public-topbar .header-account{margin-left:auto}.profel-interior .public-nav a{font-size:11px;padding:7px 0 11px}.workspace-bar-inner{padding:12px 24px;gap:15px}.workspace-identity{font-size:10px}.workspace-bar nav{gap:18px}html[data-theme] body.profel-interior main{padding:28px 24px 45px}html[data-theme] body.course-detail-layout .course-page{grid-template-columns:minmax(0,1fr) 220px}html[data-theme] body.course-detail-layout .enrollment-card{top:122px}html[data-theme] body.course-detail-layout .enrollment-card .course-cover.compact{border-radius:20px;margin-bottom:25px}html[data-theme] body.course-detail-layout .enrollment-card>h2{font-size:27px}.course-overview{grid-template-columns:1fr;padding:28px 22px;gap:18px}html[data-theme] body.course-detail-layout .course-information{min-height:0;padding:26px;border-radius:23px}html[data-theme] body.course-detail-layout .course-tabs{padding-left:16px;padding-right:16px;gap:16px}.course-presenter{gap:25px}.course-presenter>img,.presenter-initial{width:125px;height:125px}html[data-theme] body.course-detail-layout .course-presenter h2{font-size:24px}.course-presenter p{font-size:18px}.profel-interior .auth-wrap{gap:30px}.profel-interior .bitacora-workspace{grid-template-columns:180px minmax(0,1fr);gap:22px}.profel-interior .bitacora-navigation{top:120px}html[data-theme] body.profel-interior .bitacora-main{padding:0 24px!important}html[data-theme] body.profel-interior footer{margin:0 24px}}
@media(max-width:700px){html[data-theme] body.course-detail-layout .course-page{display:flex;flex-direction:column;gap:0}.course-detail-layout .course-page>.course-intro{order:1;width:100%}html[data-theme] body.course-detail-layout .course-page>.course-body{order:2;width:100%}html[data-theme] body.course-detail-layout .course-page>.enrollment-card{order:3;position:static;display:block;width:100%;padding:22px;margin:26px 0 0;box-shadow:var(--profel-shadow);border:1px solid var(--line);border-radius:20px}html[data-theme] body.course-detail-layout .enrollment-card .course-cover.compact{width:100%;height:170px;aspect-ratio:auto;margin-bottom:22px}.course-detail-layout .enrollment-card .compact img{object-position:center 65%}.course-detail-layout .enrollment-card>*:not(.course-cover){margin-left:0;margin-right:0}.course-presenters{order:4;width:100%;padding-top:34px}.course-visual{aspect-ratio:2.4}.course-overview{grid-template-columns:repeat(2,minmax(0,1fr));padding:26px 18px;gap:13px}html[data-theme] body.course-detail-layout .course-information{padding:22px 18px;border-radius:20px}html[data-theme] body.course-detail-layout .course-information h2{font-size:18px}.workspace-bar-inner{align-items:start}.workspace-identity{flex-direction:column;align-items:end;gap:1px;text-align:right}.workspace-identity span{border:0;padding:0}.profel-interior .auth-wrap{grid-template-columns:1fr;max-width:480px;margin:12px auto;gap:25px}html[data-theme] body.profel-interior .auth-intro h1{font-size:31px;margin:10px 0}.profel-interior .auth-intro p{display:none}.profel-interior .bitacora-workspace{display:block}.profel-interior .bitacora-navigation{position:static;max-height:none;border-right:0;padding:18px 0}.profel-interior .bitacora-navigation nav>a,.profel-interior .bitacora-locked{width:175px}.profel-interior .bitacora-sheet{max-width:100%}.profel-interior .learning-continue{padding:25px;display:block}.profel-interior .learning-progress{margin-top:26px}.profel-interior .progress-panel{flex-wrap:wrap;gap:15px}.profel-interior .progress-panel progress{flex-basis:100%}.profel-interior .learning-actions>*{width:100%}.profel-interior .learning-columns,.profel-interior .learning-rubric{grid-template-columns:1fr}}
@media(max-width:600px){html{scroll-padding-top:120px}.profel-interior .public-topbar-inner{padding:6px 16px 0;gap:0 10px}.profel-interior .public-brand img{width:95px;height:49px}.profel-interior .public-topbar .header-account{gap:8px}.profel-interior .header-preferences{gap:6px}.profel-interior .theme-switch{width:42px;flex-basis:42px}html[data-theme=dark] .profel-interior .theme-switch .theme-thumb{transform:translateX(16px)}html[data-theme] body.profel-interior .header-account .language-control select{width:46px;font-size:10px;padding:2px}.profel-interior .language-control svg{display:none}html[data-theme] body.profel-interior .public-topbar .button{padding:7px 9px;min-height:30px;font-size:9px}html[data-theme] body.profel-interior .public-topbar .header-account>a:not(.button){font-size:9px}.profel-interior .public-nav{gap:8px}.profel-interior .public-nav a{font-size:10px}.profel-interior .header-account .icon-button{padding:3px}.profel-interior .header-account .icon-button .ui-icon{width:16px;height:16px}.workspace-bar-inner{padding:11px 17px;gap:12px}.workspace-bar nav{gap:10px 16px}.workspace-bar a{font-size:10px}.workspace-identity{font-size:9px;max-width:95px;flex:none}.workspace-identity b{overflow-wrap:anywhere}html[data-theme] body.profel-interior main{padding:25px 17px 38px}html[data-theme] body.profel-interior .panel{padding:22px 18px;border-radius:16px}html[data-theme] body.profel-interior h1{font-size:27px}html[data-theme] body.profel-interior h2{font-size:21px}.profel-interior .page-heading{align-items:start;flex-wrap:wrap}.profel-interior .page-heading>.button{margin:0}.profel-interior .catalog-list,.profel-interior .course-grid{grid-template-columns:1fr}.profel-interior .course-card .course-cover{height:205px;min-height:205px}.profel-interior .card-body{padding:22px}.profel-interior .catalog-heading{gap:20px}.profel-interior .catalog-toolbar{font-size:10px}.profel-interior .stats{gap:10px}html[data-theme] body.profel-interior .stats>div{padding:16px 13px;border-radius:12px}html[data-theme] body.profel-interior .stats strong{font-size:24px}.profel-interior .stats small{font-size:10px}.profel-interior .form-grid{grid-template-columns:1fr}.profel-interior .form-grid>.wide{grid-column:1}html[data-theme] body.profel-interior :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px}.profel-interior .inline-form :is(input,select){font-size:12px!important}.profel-interior .auth-links .button{font-size:10px;padding:8px}.profel-interior .registration-submit{flex-direction:column;align-items:stretch;text-align:center;gap:18px}.profel-interior .registration-heading h1{font-size:27px}.profel-interior .phone-country-display{font-size:13px}.profel-interior .creation-steps{gap:8px}.profel-interior .creation-steps>a,.profel-interior .creation-steps>span{padding:9px 10px;font-size:10px;gap:6px}.profel-interior .creation-steps b{width:22px;height:22px}.profel-interior .step-panel .step-title h2{font-size:18px!important}.profel-interior .activity-link{padding:18px 0;gap:11px}.profel-interior .activity-link>span:last-child{margin-left:0}.profel-interior .activity-link>div{min-width:0}.profel-interior .activity-link b{overflow-wrap:anywhere}.profel-interior .activity-link small{font-size:10px}.profel-interior .activity-link>span:last-child{width:100%;padding-left:45px}.profel-interior .learning-status{flex-wrap:wrap}.profel-interior .learning-rubric label{font-size:12px}.profel-interior .learning-score input{font-size:14px!important}.profel-interior .answer-toolbar{gap:10px}.profel-interior .answer-toolbar .button{font-size:11px}.profel-interior .learning-filter label{min-width:0}html[data-theme] body.profel-interior .bitacora-main{padding:0 16px!important}html[data-theme] body.profel-interior .bitacora-workspace .block{padding:20px 15px;border-radius:14px}html[data-theme] body.profel-interior .bitacora-workspace .entry{font-size:16px}.profel-interior .bitacora-savebar{padding:13px;gap:9px}.profel-interior .bitacora-savebar .button{font-size:11px;padding:10px 12px}.profel-interior .bitacora-workspace .field legend{font-size:14px}.course-overview{grid-template-columns:1fr}.course-step-count{font-size:9px;right:7%;padding:6px 10px}.course-visual{aspect-ratio:2.1}html[data-theme] body.course-detail-layout .course-tabs{padding:8px 15px 0;gap:16px}html[data-theme] body.course-detail-layout .course-tabs a{font-size:11px;padding:12px 2px}html[data-theme] body.course-detail-layout .course-intro h1{font-size:23px}html[data-theme] body.course-detail-layout .course-information h2{font-size:20px}html[data-theme] body.course-detail-layout .course-information .prose{font-size:12px;line-height:1.6}.course-detail-layout .course-breadcrumb{font-size:9px}.course-curriculum{padding:20px 14px}.course-presenter{gap:21px}.course-presenter>img,.presenter-initial{width:110px;height:110px}html[data-theme] body.course-detail-layout .course-presenter h2{font-size:22px}.course-presenter p{font-size:16px}html[data-theme] body.profel-interior footer{margin:0 17px;padding:20px 0;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.profel-interior *{transition:none!important}}
@media print{html[data-theme] body.profel-interior{background:#fff;color:#111}.public-topbar,.workspace-bar,footer{display:none!important}.main-shell{margin:0!important}html[data-theme] body.profel-interior main{max-width:none;padding:0!important}html[data-theme] body.profel-interior :is(.panel,.stats>div,.bitacora-workspace .block){background:#fff;box-shadow:none;border-color:#ddd;break-inside:avoid}html[data-theme] body.profel-interior :is(h1,h2,h3,.prose,.export-answer>b){color:#111}html[data-theme] body.course-detail-layout .course-page{display:block}.course-detail-layout .enrollment-card{position:static!important}.course-detail-layout .course-presenters{margin-top:25px}}

.profel-error main{display:grid;place-items:center}.profel-error-content{max-width:620px;text-align:center;padding:35px 20px}.profel-error-code{display:block;color:var(--profel-navy);font-size:78px;font-weight:750;line-height:1}.profel-error-content h1{margin:22px 0 18px}.profel-error-content p{color:var(--muted);line-height:1.8}.profel-error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:27px}