@font-face { font-family:'normal'; src:url('../fonts/ruda-regular-webfont.eot'); src:url('../fonts/ruda-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ruda-regular-webfont.woff') format('woff'), url('../fonts/ruda-regular-webfont.ttf') format('truetype'), url('../fonts/ruda-regular-webfont.svg#rudaregular') format('svg'); font-weight:normal; font-style:normal; }
@font-face { font-family:'bold'; src:url('../fonts/ruda-bold-webfont.eot'); src:url('../fonts/ruda-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ruda-bold-webfont.woff') format('woff'), url('../fonts/ruda-bold-webfont.ttf') format('truetype'), url('../fonts/ruda-bold-webfont.svg#rudabold') format('svg'); font-weight:normal; font-style:normal; }
:root{ --color-white:#fff; --color-black:#000; --color-body-bg:#f5f1ea; --color-body-text:#4d4d4d; --color-text-muted:#6f6f6f; --color-text-soft:#8a8a8a; --color-text-softer:#8a7a68; --color-text-placeholder:#9a8d80; --color-text-accent:#8f5c07; --color-text-accent-strong:#7a4f05; --color-brand:#f28b00; --color-brand-strong:#f7931e; --color-brand-light:#f8ad27; --color-brand-mid:#f3a229; --color-brand-dark:#f09125; --color-brand-dark-2:#e58f2f; --color-brand-soft:#fff3de; --color-brand-softer:#fff8ee; --color-brand-softest:#fffdf9; --color-brand-cream:#fff7ea; --color-brand-cream-2:#fff2df; --color-brand-cream-3:#fff2db; --color-brand-cream-4:#ffe8c3; --color-brand-cream-5:#fff1db; --color-brand-cream-6:#f7efe2; --color-brand-cream-7:#f2e4ce; --color-brand-cream-8:#f1dcc0; --color-brand-cream-9:#f2d39d; --color-brand-cream-10:#efc98e; --color-brand-gold:#a16000; --color-brand-gold-soft:#b47a22; --color-brand-gold-muted:#a78a63; --color-brand-gold-light:#c7a26a; --color-surface:#fbfbfb; --color-surface-2:#f3f3f3; --color-surface-3:#e6e6e6; --color-surface-4:#ece7df; --color-surface-5:#efefef; --color-surface-overlay:rgba(255,255,255,0.75); --color-surface-overlay-2:rgba(255,255,255,0.86); --color-surface-overlay-3:rgba(255,255,255,0.96); --color-surface-overlay-4:rgba(255,255,255,0.98); --color-shadow-strong:rgba(34,34,34,0.10); --color-shadow-soft:rgba(0,0,0,0.08); --color-shadow-text:rgba(0,0,0,0.18); --color-shadow-brand-1:rgba(242,139,0,0.08); --color-shadow-brand-2:rgba(242,139,0,0.10); --color-shadow-brand-3:rgba(242,139,0,0.12); --color-shadow-brand-4:rgba(242,139,0,0.14); --color-shadow-brand-5:rgba(242,139,0,0.18); --color-shadow-brand-6:rgba(242,139,0,0.25); --color-shadow-brand-7:rgba(242,139,0,0.28); --color-shadow-dark-1:rgba(64,43,16,0.12); --color-shadow-dark-2:rgba(30,18,3,0.30); --color-shadow-dark-3:rgba(32,21,7,0.18); --color-shadow-dark-4:rgba(32,21,7,0.35); --color-shadow-dark-5:rgba(255,255,255,0.2); --color-border:#d6d0c8; --color-login-border:rgba(255,255,255,0.22); --color-login-border-2:rgba(255,255,255,0.34); --color-login-bg:rgba(44,35,24,0.58); --color-radial-highlight:rgba(255,226,169,0.18); --color-radial-transparent:rgba(242,139,0,0); --color-focus-ring:rgba(242,139,0,0.12); --color-nav-overlay:rgba(255,255,255,0.75); --color-step-text:#6a645c; --color-topic-empty:#555; --color-active-topic-end:rgba(255,231,194,0.92); }
.theme-green{ --color-body-bg:#081d57; --color-body-text:#163f63; --color-text-muted:#416d8b; --color-text-soft:#6e8ea6; --color-text-softer:#62849b; --color-text-placeholder:#7e9bb1; --color-text-accent:#ffffff; --color-text-accent-strong:#ffffff; --color-brand:#12735F; --color-brand-strong:#1F7D6B; --color-brand-light:#2aa790; --color-brand-mid:#1b8b77; --color-brand-dark:#15638a; --color-brand-dark-2:#04176A; --color-brand-soft:rgba(223,244,239,0.14); --color-brand-softer:#eef7ff; --color-brand-softest:#f8fbff; --color-brand-cream:#dceaf7; --color-brand-cream-2:#d7e7f6; --color-brand-cream-3:#d2e4f4; --color-brand-cream-4:#c8def1; --color-brand-cream-5:rgba(237,248,245,0.18); --color-brand-cream-6:#d9e7f5; --color-brand-cream-7:rgba(209,226,240,0.22); --color-brand-cream-8:rgba(191,214,232,0.28); --color-brand-cream-9:rgba(170,198,223,0.42); --color-brand-cream-10:rgba(149,183,215,0.55); --color-brand-gold:#ffffff; --color-brand-gold-soft:#dff7ff; --color-brand-gold-muted:#cee6ff; --color-brand-gold-light:#7fc8c0; --color-surface:#eef7ff; --color-surface-2:#ddebf7; --color-surface-3:rgba(213,227,239,0.28); --color-surface-4:rgba(206,221,234,0.24); --color-surface-5:rgba(219,231,241,0.38); --color-surface-overlay:rgba(255,255,255,0.12); --color-surface-overlay-2:rgba(255,255,255,0.16); --color-surface-overlay-3:rgba(255,255,255,0.94); --color-surface-overlay-4:rgba(255,255,255,0.12); --color-shadow-brand-1:rgba(4,23,106,0.14); --color-shadow-brand-2:rgba(4,23,106,0.18); --color-shadow-brand-3:rgba(4,23,106,0.24); --color-shadow-brand-4:rgba(31,125,107,0.24); --color-shadow-brand-5:rgba(4,23,106,0.30); --color-shadow-brand-6:rgba(31,125,107,0.28); --color-shadow-brand-7:rgba(4,23,106,0.34); --color-shadow-dark-1:rgba(4,23,106,0.18); --color-shadow-dark-2:rgba(4,23,106,0.30); --color-shadow-dark-3:rgba(4,23,106,0.28); --color-shadow-dark-4:rgba(4,23,106,0.46); --color-shadow-dark-5:rgba(255,255,255,0.18); --color-border:rgba(190,214,232,0.45); --color-focus-ring:rgba(31,125,107,0.24); --color-step-text:#eaf6ff; --color-topic-empty:#35516f; --color-active-topic-end:rgba(31,125,107,0.26); }
.theme-green{ background:linear-gradient(311deg, #1F7D6B, #04176A); }
.theme-green .general,.theme-green .section{ background:linear-gradient(311deg, #1F7D6B, #04176A); }
.theme-green .selection-card{ background:linear-gradient(180deg, rgba(248,251,255,0.96), rgba(222,235,247,0.94)); }
.theme-green .selection-card-head{ border-bottom:1px solid rgba(4,23,106,0.10); }
.theme-green .selection-progress-card{ background:linear-gradient(180deg, rgba(255,255,255,0.88), rgba(223,239,248,0.88)); }
.theme-green .selection-nav{ background:linear-gradient(180deg, #163f63 0%, #1F7D6B 100%); border-right:1px solid rgba(190,214,232,0.18); }
.theme-green .selection-nav h3,.theme-green .selection-step-copy strong,.theme-green .selection-step-copy small,.theme-green .selection-nav-mobile-head,.theme-green .selection-topic-label,.theme-green .selection-kicker{ color:#fff; }
.theme-green .selection-nav-list > li{ background:rgba(255,255,255,0.14); }
.theme-green .selection-nav-list > li.is-locked{ opacity:.48; }
.theme-green .selection-nav-list > li.is-active{ border:2px solid rgba(255,255,255,0.58); background:rgba(255,255,255,0.18); box-shadow:0 12px 28px rgba(4,23,106,0.24); }
.theme-green .selection-nav-list > li.is-active .selection-step{ box-shadow:0 10px 22px rgba(4,23,106,0.28); }
.theme-green .selection-nav-list > li.is-active .selection-step-copy strong,.theme-green .selection-nav-list > li.is-active .selection-step-copy small{ color:#fff; }
.theme-green .selection-nav-list > li.is-active .selection-nav-caret:before,.theme-green .selection-nav-list > li.is-active .selection-nav-caret:after{ background:#fff; }
.theme-green .selection-topic-group,.theme-green .selection-topic-link{ background:rgba(255,255,255,0.18); border:1px solid rgba(190,214,232,0.22); box-shadow:0 10px 22px rgba(4,23,106,0.14); }
.theme-green .selection-topic-link:hover .selection-topic-label{ color:#fff; }
.theme-green .selection-topic-link.is-locked{ background:rgba(255,255,255,0.10); border-color:rgba(190,214,232,0.18); }
.theme-green .selection-topic-bullet.is-locked{ background:rgba(255,255,255,0.34); }
.theme-green .selection-topic-node.is-completed .selection-topic-link{ border-color:#5cb87a; background:#1F7D6B; }
.theme-green .selection-topic-node.is-completed .selection-topic-label{ color:#fff; }
.theme-green .selection-topic-node.is-active{ border:1px solid rgba(255,255,255,0.24); background:linear-gradient(to left, #1F7D6B, #04176A); box-shadow:0 10px 24px rgba(4,23,106,0.26); }
.theme-green .selection-mobile-nav-trigger,.theme-green .selection-content-back,.theme-green .selection-content-open-link,.theme-green .selection-content-action.is-active{ color:#fff; border-color:rgba(255,255,255,0.14); background:linear-gradient(to left, #1F7D6B, #04176A); box-shadow:0 10px 22px rgba(4,23,106,0.24); }
.theme-green .selection-mobile-nav-trigger:hover,.theme-green .selection-content-back:hover,.theme-green .selection-content-open-link:hover{ background:linear-gradient(311deg, #1F7D6B, #04176A); color:#fff; }
.theme-green .selection-content-action{ border:1px solid rgba(4,23,106,0.10); box-shadow:0 10px 22px rgba(4,23,106,0.08); }
.theme-green .selection-content-action-icon{ background:rgba(18,115,95,0.12); color:#04176A; }
.theme-green .selection-content-action-icon.is-exam{ background:rgba(18,115,95,0.12); color:#04176A; }
.theme-green .selection-content-action.is-active .selection-content-action-icon{ background:rgba(255,255,255,0.18); color:#fff; }
.theme-green .selection-step{ border:1px solid rgba(255,255,255,0.14); box-shadow:0 8px 18px rgba(4,23,106,0.24); }
.theme-green .selection-card-head,.theme-green .selection-card-head h2,.theme-green .selection-progress-copy strong,.theme-green .selection-content h3,.theme-green .selection-content p,.theme-green .selection-topic-detail p,.theme-green .selection-content-action,.theme-green .selection-content-action-copy strong,.theme-green .selection-content-action-copy small,.theme-green .selection-badge{ color:#163f63; }
.theme-green .selection-kicker{ color:#1F7D6B; }
.theme-green .selection-progress-copy span{ color:#5e84a0; }
.theme-green .selection-content-action.is-active,.theme-green .selection-content-action.is-active .selection-content-action-copy strong,.theme-green .selection-content-action.is-active .selection-content-action-copy small,.theme-green .selection-mobile-nav-trigger,.theme-green .selection-content-back,.theme-green .selection-content-open-link{ color:#fff; }
.theme-green .selection-exam{ background:transparent; }
.theme-green .selection-exam-timer,.theme-green .selection-exam-result,.theme-green .selection-exam-question,.theme-green .selection-exam-answer{ border-color:rgba(4,23,106,0.10); }
.theme-green .selection-exam-timer-icon{ background:rgba(31,125,107,0.12); color:#04176A; }
.theme-green .selection-exam-timer-icon:before{ background:conic-gradient(from 0deg, rgba(31,125,107,0) 0deg, rgba(31,125,107,0) 235deg, rgba(4,23,106,0.92) 290deg, rgba(31,125,107,0) 360deg); }
.theme-green .selection-exam-timer-icon:after{ background:#f8fbff; }
.theme-green .selection-exam-answer:hover{ border-color:#1F7D6B; }
.theme-green .selection-exam-answer-input:checked + .selection-exam-answer-mark{ border-color:#1F7D6B; background:linear-gradient(to left, #1F7D6B, #04176A); }
.theme-green .selection-exam-submit{ background:linear-gradient(to left, #1F7D6B, #04176A); }
.theme-green .selection-exam-score-circle{ background:linear-gradient(to left, #1F7D6B, #04176A); }
.theme-green .selection-exam-report-trigger{ border-color:rgba(255,255,255,0.14); background:linear-gradient(to left, #1F7D6B, #04176A); color:#fff; box-shadow:0 10px 22px rgba(4,23,106,0.24); }
.theme-green .selection-exam-report-trigger:hover{ background:linear-gradient(311deg, #1F7D6B, #04176A); color:#fff; }
.theme-green .selection-exam-report-dialog{ background:linear-gradient(180deg, rgba(248,251,255,0.98), rgba(233,243,252,0.97)); }
.theme-green .selection-exam-report-legend,.theme-green .selection-exam-report-question,.theme-green .selection-exam-report-answer{ border-color:rgba(4,23,106,0.10); }
.theme-green .selection-exam-report-answer.is-selected-correct{ border-color:#5cb87a; background:#ebf8f0; }
.theme-green .selection-exam-report-answer.is-selected-incorrect{ border-color:#dc9b86; background:#fff2ee; }
.theme-green .selection-exam-report-answer.is-missed-correct{ border-color:#8bc7bb; background:#eef9f6; }
html,body,#wrapper{ height:100%; margin:0; padding:0; }
body{ background:var(--color-body-bg); color:var(--color-body-text); font-family:'normal',Arial,sans-serif; }
body.selection-nav-open{ overflow:hidden; }
a{ color:inherit; }
.container{ width:100%; max-width:1180px; margin:0 auto; padding:0 15px; box-sizing:border-box; }
.text-center{ text-align:center; }
.text-white{ color:var(--color-white); }
.text-shadow{ text-shadow:0 2px 12px var(--color-shadow-text); }
.big{ font-size:32px; font-family:'bold',Arial,sans-serif; }
.mt30{ margin-top:30px; }
.mt40{ margin-top:40px; }
.mb0{ margin-bottom:0 !important; }
.mb20{ margin-bottom:20px !important; }
.mb40{ margin-bottom:40px !important; }
.clearfix{ clear:both; }
.form-control{ width:100%; box-sizing:border-box; padding:14px 16px; font-size:18px; line-height:1.4; border-radius:12px; border:1px solid var(--color-border); background:var(--color-white); font-family:'normal',Arial,sans-serif; }
.form-control:focus{ outline:0; border-color:var(--color-brand); box-shadow:0 0 0 3px var(--color-focus-ring); }
.shadow{ box-shadow:0 10px 22px var(--color-shadow-dark-1); }
.btn{ display:inline-block; padding:14px 22px; border-radius:10px; border:none; text-decoration:none; cursor:pointer; font-size:18px; line-height:1.2; text-align:center; font-family:'bold',Arial,sans-serif; }
.btn-primary{ color:var(--color-black); font-weight:normal; background:linear-gradient(165deg, var(--color-brand-light) 0%,var(--color-brand-mid) 20%,var(--color-brand-mid) 50%,var(--color-brand-dark) 51%,var(--color-brand-dark-2) 100%); border:3px solid var(--color-brand-strong); }
.btn-black{ color:var(--color-white); border:none; background:linear-gradient(to right, var(--color-brand-strong) 0%, var(--color-brand-dark-2) 100%); box-shadow:0 14px 28px var(--color-shadow-brand-7); }
.btn-block{ display:block; width:100%; }
.general{ min-height:100dvh; display:flex; flex-direction:column; }
.section{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; }
.selection-header{ background:var(--color-white); box-shadow:0 6px 24px var(--color-shadow-soft); }
.selection-header .header-inner{ max-width:1180px; margin:0 auto; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:0; }
.selection-header .logo{ max-height:44px; width:auto; }
.selection-header-actions{ display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-left:auto; }
.selection-header-toggle{ display:none; align-items:center; justify-content:center; flex-direction:column; gap:4px; width:42px; height:42px; border:1px solid var(--color-brand-cream-9); border-radius:999px; background:var(--color-white); color:var(--color-text-accent); box-shadow:0 8px 18px var(--color-shadow-brand-2); }
.selection-header-toggle .icon-bar{ display:block; width:18px; height:2px; border-radius:999px; background:var(--color-text-accent); transition:transform .24s ease, opacity .18s ease, width .24s ease; }
.selection-header-nav nav{ display:flex; gap:12px; flex-wrap:wrap; }
.selection-header-nav nav a{ padding:10px 14px; border-radius:999px; color:var(--color-body-text); text-decoration:none; }
.selection-header-nav nav a:hover{ background:var(--color-brand-soft); color:var(--color-brand); }
.selection-login{ position:relative; min-height:100vh; display:flex; align-items:center; justify-content:center; background:url('/selection-pt-proceso/images/bg-login.jpg') center center / cover no-repeat; }
.selection-login:before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at top, var(--color-radial-highlight), var(--color-radial-transparent) 42%); pointer-events:none; }
.selection-login .container{ position:relative; z-index:1; }
.selection-login-box{ width:100%; max-width:520px; margin:40px auto; padding:42px 34px; box-sizing:border-box; border:1px solid var(--color-login-border); border-radius:24px; background:var(--color-login-bg); box-shadow:0 28px 60px var(--color-shadow-dark-2); backdrop-filter:blur(8px); }
.selection-login .text-white{ color:var(--color-white); }
.selection-login .form-control{ height:54px; border:1px solid var(--color-login-border-2); border-radius:14px; background:var(--color-surface-overlay-3); }
.selection-login .form-control::placeholder{ color:var(--color-text-placeholder); }
.selection-login-back{ color:var(--color-white); text-decoration:underline; }
.selection-hero{ padding:56px 0 16px; background:linear-gradient(180deg, var(--color-brand-cream), var(--color-body-bg)); }
.selection-hero h1{ margin:0 0 12px; font-size:40px; color:var(--color-body-text); font-family:'bold',Arial,sans-serif; }
.selection-hero p{ max-width:760px; margin:0 auto; font-size:18px; color:var(--color-text-muted); }
.selection-home{ display:flex; flex:1 1 auto; width:100%; min-height:0; padding:10px 0 15px; }
.selection-card{ display:flex; flex:1 1 auto; flex-direction:column; width:100%; height:calc(100dvh - 150px); background:linear-gradient(180deg, var(--color-surface), var(--color-surface-2)); border:1px solid var(--color-surface-3); border-radius:18px; box-shadow:0 18px 45px var(--color-shadow-strong); overflow:hidden; }
.selection-card-head{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 30px; border-bottom:1px solid var(--color-surface-4); }
.selection-card-head-main{ flex:1 1 auto; min-width:0; }
.selection-card-head h2{ margin:0 0 8px; font-size:30px; color:var(--color-body-text); font-family:'bold',Arial,sans-serif; }
.selection-block-meta{ flex:0 0 auto; margin:0; }
.selection-progress-card{ display:flex; align-items:center; gap:16px; min-width:360px; max-width:470px; padding:10px 14px; border:1px solid var(--color-brand-cream-8); border-radius:16px; background:linear-gradient(180deg, var(--color-brand-softer), var(--color-brand-cream-2)); box-shadow:0 10px 24px var(--color-shadow-brand-2); }
.selection-progress-copy{ flex:0 0 auto; }
.selection-progress-copy strong{ display:block; margin-bottom:2px; color:var(--color-brand-gold); font-family:'bold',Arial,sans-serif; font-size:16px; font-weight:normal; line-height:1.1; }
.selection-progress-copy span{ display:block; color:var(--color-text-softer); font-size:13px; line-height:1.1; }
.selection-progress-bar{ flex:1 1 auto; height:8px; margin-top:0; border-radius:999px; background:var(--color-brand-cream-7); overflow:hidden; }
.selection-progress-bar-fill{ height:100%; border-radius:999px; background:linear-gradient(to right, var(--color-brand-strong) 0%, var(--color-brand-dark-2) 100%); box-shadow:0 0 16px var(--color-shadow-brand-6); }
.selection-progress-bar-fill.is-danger{ background:linear-gradient(to right, #d13a32 0%, #8f1111 100%); box-shadow:0 0 16px rgba(190,27,27,0.28); }
.selection-card-head p{ margin:0; color:var(--color-text-muted); }
.selection-kicker{ display:inline-block; margin-bottom:0; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--color-brand-gold); font-family:'bold',Arial,sans-serif; }
.selection-card-body{ flex:1 1 auto; min-height:0; margin:0; }
.selection-grid{ display:flex; flex-wrap:nowrap; height:100%; min-height:0; }
.selection-col{ display:flex; flex-direction:column; box-sizing:border-box; }
.selection-col-nav{ width:34%; min-height:0; }
.selection-col-content{ width:66%; min-height:0; }
.selection-nav-overlay{ display:none; }
.selection-nav{ height:100%; min-height:0; padding:30px 28px 34px; overflow-y:auto; background:linear-gradient(180deg, var(--color-brand-softer), var(--color-brand-softest)); border-right:1px solid var(--color-brand-cream-7); }
.selection-nav-mobile-head{ display:none; }
.selection-nav h3{ margin:0 0 18px; font-size:20px; color:var(--color-body-text); font-family:'bold',Arial,sans-serif; }
.selection-nav-list{ margin:0; padding:0; list-style:none; }
.selection-nav-list > li{ display:block; margin-bottom:10px; border:1px solid var(--color-brand-cream-9); border-radius:14px; background:var(--color-surface-overlay); overflow:hidden; }
.selection-nav-list > li.is-active{ border:1px solid var(--color-brand); box-shadow:0 10px 24px var(--color-shadow-brand-3); }
.selection-nav-list > li.is-completed{ border-color:#5cb87a; }
.selection-nav-list > li.is-completed .selection-step{ background:linear-gradient(180deg, #67c987 0%, #2ea85a 100%); box-shadow:0 8px 18px rgba(46,168,90,0.24); }
.selection-nav-list > li.is-locked{ opacity:.58; }
.selection-nav-list > li{ position:relative; }
.selection-nav-link{ display:flex; align-items:flex-start; gap:14px; width:100%; padding:14px 54px 14px 14px; box-sizing:border-box; text-decoration:none; }
.selection-nav-link.is-locked{ cursor:pointer; }
.selection-nav-toggle{ position:absolute; top:50%; right:10px; display:flex; align-items:center; justify-content:center; width:34px; height:34px; margin-top:-17px; border:none; background:transparent; padding:0; cursor:pointer; z-index:2; }
.selection-step{ width:34px; height:34px; border-radius:50%; background:linear-gradient(311deg, var(--color-brand-strong), var(--color-brand-dark-2)); color:var(--color-white); font-family:'bold',Arial,sans-serif; font-size:14px; line-height:34px; text-align:center; flex:0 0 34px; box-shadow:0 8px 18px var(--color-shadow-brand-2); }
.selection-step-copy{ flex:1 1 auto; }
.selection-step-copy strong{ display:block; font-size:16px; color:var(--color-body-text); font-family:'bold',Arial,sans-serif; font-weight:normal; }
.selection-step-copy small{ display:block; margin-top:2px; font-size:12px; color:var(--color-text-soft); }
.selection-nav-list > li.no-subtitle .selection-nav-link{ align-items:center; }
.selection-nav-list > li.no-subtitle .selection-step-copy{ display:flex; align-items:center; min-height:34px; }
.selection-nav-list > li.no-subtitle .selection-step-copy strong{ margin:0; }
.selection-nav-caret{ position:relative; display:block; width:18px; height:18px; flex:0 0 18px; margin-top:0; }
.selection-nav-caret:before,.selection-nav-caret:after{ content:""; position:absolute; top:7px; width:9px; height:2px; background:var(--color-brand-gold-soft); border-radius:999px; transition:transform .22s ease; }
.selection-nav-caret:before{ left:1px; transform:rotate(42deg); }
.selection-nav-caret:after{ right:1px; transform:rotate(-42deg); }
.selection-nav-toggle.is-open .selection-nav-caret:before{ transform:rotate(-42deg); }
.selection-nav-toggle.is-open .selection-nav-caret:after{ transform:rotate(42deg); }
.selection-nav-list > .selection-topic-tree-row{ display:none; padding:0; margin:-2px 0 14px; background:transparent !important; border:none; box-shadow:none; border:none !important; overflow:visible; }
.selection-nav-list > .selection-topic-tree-row.is-open{ display:block; padding:0; animation:selectionTreeEnter .28s ease; }
.selection-topic-tree{ margin:0; padding:0; list-style:none; }
.selection-topic-node{ margin-bottom:10px; padding:0; }
.selection-topic-node.level-1{ margin-left:16px; }
.selection-topic-node.level-2{ margin-left:32px; }
.selection-topic-node.level-3{ margin-left:48px; }
.selection-topic-tree > .selection-topic-node:first-child,.selection-topic-branch > .selection-topic-node:first-child{ margin-top:12px; }
.selection-topic-tree > .selection-topic-node:last-child,.selection-topic-branch > .selection-topic-node:last-child{ margin-bottom:10px; }
.selection-topic-group,.selection-topic-link{ display:flex; align-items:center; gap:10px; min-height:34px; padding:14px 18px; border:1px solid var(--color-brand-cream-9); border-radius:14px; background:var(--color-surface-overlay-2); text-decoration:none; box-shadow:0 10px 22px var(--color-shadow-brand-1); }
.selection-topic-link{ margin-bottom:0; }
.selection-topic-link:hover .selection-topic-label{ color:var(--color-brand); }
.selection-topic-link.is-locked{ opacity:.5; cursor:default; }
.selection-topic-node.is-active{ border:1px solid var(--color-brand); border-radius:14px; background:linear-gradient(180deg, var(--color-surface-overlay-4) 0%, var(--color-brand-softer) 70%, var(--color-active-topic-end) 100%); box-shadow:0 10px 24px var(--color-shadow-brand-3); }
.selection-topic-node.is-active.is-completed{ border-color:#5cb87a; }
.selection-topic-node.is-active > .selection-topic-link{ padding:14px 18px; border:none; background:transparent; box-shadow:none; }
.selection-topic-bullet{ position:relative; width:10px; height:10px; border-radius:50%; background:var(--color-brand); flex:0 0 10px; box-shadow:0 0 0 4px var(--color-shadow-brand-4); }
.selection-topic-node.is-completed .selection-topic-link{ border-color:#5cb87a; background:white; }
.selection-topic-bullet.is-completed{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px; background:#46b56d; box-shadow:none; color:#fff; font-size:10px; line-height:1; }
.selection-topic-bullet.is-completed .fa{ line-height:1; }
.selection-topic-bullet.is-locked{ background:var(--color-border); box-shadow:none; }
.selection-topic-bullet.is-parent{ width:12px; height:12px; background:var(--color-brand-gold-light); box-shadow:none; }
.selection-topic-label{ color:var(--color-step-text); font-size:14px; line-height:1.25; }
.selection-topic-branch{ margin:10px 0 0 0; padding:0; list-style:none; }
.selection-content{ height:100%; min-height:0; padding:25px 15px 25px; overflow-y:auto; }
.selection-content-topbar{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:8px; }
.selection-content-topbar-left{ display:flex; align-items:center; gap:10px; min-width:0; }
.selection-mobile-nav-trigger{ display:none; min-height:34px; padding:14px 12px; border:1px solid var(--color-brand-cream-9); border-radius:999px; background:var(--color-white); color:var(--color-text-accent); font-family:'bold',Arial,sans-serif; font-size:12px; letter-spacing:.04em; text-transform:uppercase; box-shadow:0 8px 18px var(--color-shadow-brand-2); }
.selection-mobile-nav-trigger.is-pulsing{ animation:selectionMobileNavPulse .52s ease-in-out 3; }
.selection-mobile-nav-trigger-header{ display:none; align-items:center; gap:8px; padding:14px 16px; border-color:var(--color-brand-cream-8); background:var(--color-white); color:var(--color-brand-dark-2); box-shadow:0 10px 22px var(--color-shadow-brand-2); }
.selection-mobile-nav-trigger-header i{ color:var(--color-brand-gold); font-size:13px; }
.selection-nav-close{ border:none; background:transparent; color:var(--color-text-accent); font-size:20px; line-height:1; cursor:pointer; padding:0; }
.selection-badge{ display:inline-block; margin-bottom:0; padding:7px 14px; border-radius:999px; background:var(--color-brand-cream-3); color:var(--color-brand-gold); font-family:'bold',Arial,sans-serif; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.selection-content h3{ margin:0 0 12px; font-size:32px; color:var(--color-body-text); font-family:'bold',Arial,sans-serif; }
.selection-topic-path{ margin:0; color:var(--color-brand-gold-muted); font-size:13px; }
.selection-content-actions{ display:block; margin:0 0 20px; }
.selection-content-action{ display:flex; align-items:center; gap:14px; width:100%; box-sizing:border-box; min-height:58px; margin-bottom:12px; padding:13px 16px; border:1px solid var(--color-brand-cream-9); border-radius:12px; background:var(--color-white); color:var(--color-text-accent); text-decoration:none; box-shadow:0 10px 22px var(--color-shadow-brand-1); }
.selection-content-action.is-active{ background:var(--color-brand); border-color:var(--color-brand); color:var(--color-white); box-shadow:0 12px 24px var(--color-shadow-brand-5); }
.selection-content-action.is-completed{ border-color:#5cb87a; }
.selection-content-action-icon{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; flex:0 0 34px; background:var(--color-brand-cream-5); color:var(--color-brand); font-size:15px; }
.selection-content-action-icon.is-exam{ background:var(--color-brand-cream-5); color:var(--color-brand-gold); }
.selection-content-action.is-completed .selection-content-action-icon{ background:#eaf7ef; color:#2c9c53; }
.selection-content-action-copy{ display:block; }
.selection-content-action-copy strong{ display:block; font-family:'bold',Arial,sans-serif; font-weight:normal; }
.selection-content-action-copy small{ display:block; margin-top:2px; opacity:.8; }
.selection-content-action.is-active .selection-content-action-icon{ background:var(--color-shadow-dark-5); color:var(--color-white); }
.selection-topic-detail{ padding:22px 24px; border:1px solid var(--color-surface-5); border-radius:16px; background:var(--color-white); box-shadow:0 12px 28px rgba(34,34,34,0.05); }
.selection-topic-detail p{ margin:0; color:var(--color-topic-empty); font-size:20px; }
.selection-topic-detail-manual{ max-width:640px; margin:8px 0 0; padding:34px 30px 30px; text-align:center; }
.selection-topic-detail-icon{ display:inline-flex; align-items:center; justify-content:center; width:72px; height:72px; margin:0 auto 18px; border-radius:50%; background:var(--color-brand-cream-3); color:var(--color-brand-gold); font-size:32px; box-shadow:0 12px 24px var(--color-shadow-brand-2); }
.selection-topic-detail-icon.is-success{ background:rgba(70,190,117,0.16); color:#2cab5a; box-shadow:0 12px 24px rgba(70,190,117,0.18); }
.selection-topic-detail-manual p{ max-width:520px; margin:0 auto; font-size:22px; line-height:1.45; }
.theme-green .selection-topic-detail-icon{ background:rgba(31,125,107,0.12); color:#04176A; box-shadow:0 12px 24px rgba(4,23,106,0.14); }
.theme-green .selection-topic-detail-icon.is-success{ background:rgba(31,125,107,0.22); color:#12735F; box-shadow:0 12px 24px rgba(31,125,107,0.18); }
.selection-exam{ padding:0; border:none; border-radius:0; background:transparent; box-shadow:none; }
.selection-exam-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; }
.selection-exam-kicker{ display:inline-block; margin-bottom:8px; padding:6px 12px; border-radius:999px; background:var(--color-brand-cream-3); color:var(--color-brand-gold); font-family:'bold',Arial,sans-serif; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.selection-exam-head-copy h4{ margin:0; color:var(--color-body-text); font-size:24px; font-family:'bold',Arial,sans-serif; font-weight:normal; }
.selection-exam-timer{ display:flex; align-items:center; justify-content:flex-end; gap:12px; min-width:150px; padding:12px 14px; border:1px solid var(--color-brand-cream-9); border-radius:14px; background:var(--color-brand-softest); text-align:right; box-shadow:0 8px 18px var(--color-shadow-brand-1); }
.selection-exam-timer-icon{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:999px; flex:0 0 46px; background:var(--color-brand-cream-3); color:var(--color-brand-gold); font-size:18px; animation:selectionTimerFloat 2.8s ease-in-out infinite; overflow:hidden; }
.selection-exam-timer-icon:before{ content:""; position:absolute; inset:-18%; border-radius:50%; background:conic-gradient(from 0deg, rgba(242,139,0,0) 0deg, rgba(242,139,0,0) 235deg, rgba(242,139,0,0.9) 290deg, rgba(242,139,0,0) 360deg); animation:selectionTimerOrbit 2.1s linear infinite; }
.selection-exam-timer-icon:after{ content:""; position:absolute; inset:5px; border-radius:999px; background:var(--color-brand-softest); }
.selection-exam-timer-icon i{ position:relative; z-index:1; font-size:25px; animation:selectionTimerTick 1.6s ease-in-out infinite; transform-origin:50% 55%; }
.selection-exam-timer-copy{ display:block; }
.selection-exam-timer-label{ display:block; margin-bottom:4px; color:var(--color-text-soft); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.selection-exam-timer-value{ display:block; color:var(--color-brand-gold); font-family:'bold',Arial,sans-serif; font-size:24px; font-weight:normal; }
.selection-exam-timer.is-danger{ border-color:#d86b61; background:#fff1ef; }
.selection-exam-timer.is-danger .selection-exam-timer-icon{ background:#ffd9d2; color:#b62417; animation-duration:1.6s; }
.selection-exam-timer.is-danger .selection-exam-timer-icon:before{ background:conic-gradient(from 0deg, rgba(209,58,50,0) 0deg, rgba(209,58,50,0) 235deg, rgba(209,58,50,0.95) 290deg, rgba(209,58,50,0) 360deg); animation-duration:1.05s; }
.selection-exam-timer.is-danger .selection-exam-timer-icon:after{ background:#fff1ef; }
.selection-exam-timer.is-danger .selection-exam-timer-value{ color:#b62417; }
.selection-exam-timer.is-static{ opacity:.88; }
.selection-exam-result{ margin-bottom:18px; padding:18px 20px; border:1px solid var(--color-brand-cream-8); border-radius:16px; background:var(--color-brand-softest); }
.selection-exam-result.is-passed{ border-color:#5cb87a; background:#f1fbf4; }
.selection-exam-result.is-failed{ border-color:#f0c0aa; background:#fff7f3; }
.selection-exam-result-badge{ display:inline-block; margin-bottom:8px; padding:6px 12px; border-radius:999px; background:var(--color-brand); color:var(--color-white); font-family:'bold',Arial,sans-serif; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.selection-exam-result.is-passed .selection-exam-result-badge{ background:#41af69; }
.selection-exam-result.is-failed .selection-exam-result-badge{ background:#cf654e; }
.selection-exam-result-copy{ text-align:center; }
.selection-exam-score-circle{ display:flex; align-items:center; justify-content:center; width:120px; height:120px; margin:8px auto 16px; border-radius:50%; background:linear-gradient(311deg, var(--color-brand-strong), var(--color-brand-dark-2)); color:var(--color-white); font-family:'bold',Arial,sans-serif; font-size:44px; line-height:1; box-shadow:0 14px 28px var(--color-shadow-brand-3); }
.selection-exam-result.is-passed .selection-exam-score-circle{ background:linear-gradient(180deg, #67c987 0%, #2ea85a 100%); box-shadow:0 14px 28px rgba(46,168,90,0.20); }
.selection-exam-result.is-failed .selection-exam-score-circle{ background:linear-gradient(180deg, #df7f64 0%, #cf654e 100%); box-shadow:0 14px 28px rgba(207,101,78,0.18); }
.selection-exam-result-copy p{ margin:0; color:var(--color-text-muted); font-size:16px; }
.selection-exam-attempts{ margin:0 auto 14px; padding:12px 14px; max-width:340px; border:1px solid rgba(0,0,0,0.06); border-radius:14px; background:rgba(255,255,255,0.48); }
.selection-exam-attempts-track{ display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:8px; }
.selection-exam-attempt-dot{ width:11px; height:11px; border:1px solid rgba(186,132,63,0.34); border-radius:50%; background:transparent; }
.selection-exam-attempt-dot.is-used{ border-color:transparent; background:linear-gradient(180deg, #f4a53a 0%, #df7b1e 100%); box-shadow:0 6px 12px rgba(223,123,30,0.18); }
.selection-exam-attempts-copy{ margin:0 !important; color:var(--color-body-text) !important; font-family:'bold',Arial,sans-serif; font-size:13px !important; }
.selection-exam-attempts-history{ margin-top:4px !important; color:var(--color-text-soft) !important; font-size:12px !important; line-height:1.4; }
.selection-exam-retry-copy{ margin-top:8px !important; font-family:'bold',Arial,sans-serif; color:var(--color-body-text) !important; }
.selection-exam-retry-exact{ margin-top:6px !important; color:var(--color-text-soft) !important; font-size:14px !important; }
.selection-exam-report-cta{ margin-top:16px !important; }
.selection-exam-report-trigger{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:10px 18px; border:1px solid var(--color-brand-cream-9); border-radius:999px; background:var(--color-white); color:var(--color-text-accent); font-family:'bold',Arial,sans-serif; font-size:12px; letter-spacing:.05em; text-transform:uppercase; box-shadow:0 10px 20px var(--color-shadow-brand-2); }
.selection-exam-report-trigger:hover{ background:var(--color-brand-softer); color:var(--color-text-accent-strong); }
.selection-exam-debug{ margin:16px 0 0; padding:14px 16px; border:1px dashed var(--color-brand-cream-9); border-radius:14px; background:var(--color-brand-softest); color:var(--color-body-text); font-size:13px; line-height:1.45; white-space:pre-wrap; word-break:break-word; }
.selection-exam-questions{ display:block; }
.selection-exam-question{ margin-bottom:16px; padding:18px; border:1px solid var(--color-brand-cream-8); border-radius:16px; background:var(--color-brand-softest); transition:opacity .18s ease; }
.selection-exam-question:last-child{ margin-bottom:0; }
.selection-exam-question.is-saving{ opacity:.66; }
.selection-exam-question-title{ display:flex; align-items:flex-start; gap:12px; margin-bottom:14px; }
.selection-exam-question-number{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; flex:0 0 30px; background:linear-gradient(311deg, var(--color-brand-strong), var(--color-brand-dark-2)); color:var(--color-white); font-family:'bold',Arial,sans-serif; font-size:13px; }
.selection-exam-question-title strong{ display:block; padding-top:3px; color:var(--color-body-text); font-family:'bold',Arial,sans-serif; font-size:20px; font-weight:normal; line-height:1.25; }
.selection-exam-answer-list{ display:block; }
.selection-exam-answer{ position:relative; display:flex; align-items:flex-start; gap:12px; margin-bottom:10px; padding:14px 16px; border:1px solid var(--color-brand-cream-8); border-radius:14px; background:var(--color-white); cursor:pointer; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.selection-exam-answer:last-child{ margin-bottom:0; }
.selection-exam-answer:hover{ border-color:var(--color-brand); box-shadow:0 8px 18px var(--color-shadow-brand-1); }
.selection-exam-answer-input{ position:absolute; top:14px; left:16px; width:22px; height:22px; margin:0; opacity:0; pointer-events:none; }
.selection-exam-answer-mark{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-top:1px; border:1px solid var(--color-brand-cream-9); border-radius:8px; flex:0 0 22px; background:var(--color-brand-softest); color:transparent; transition:all .18s ease; }
.selection-exam-answer-input:checked + .selection-exam-answer-mark{ border-color:var(--color-brand); background:var(--color-brand); color:var(--color-white); box-shadow:0 8px 16px var(--color-shadow-brand-3); }
.selection-exam-answer-copy{ display:block; color:var(--color-body-text); font-size:16px; line-height:1.35; }
.selection-exam-actions{ display:flex; justify-content:flex-end; margin-top:20px; }
.selection-exam-submit{ display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 20px; border:none; border-radius:999px; background:linear-gradient(to right, var(--color-brand-strong) 0%, var(--color-brand-dark-2) 100%); color:var(--color-white); font-family:'bold',Arial,sans-serif; font-size:13px; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 12px 24px var(--color-shadow-brand-6); }
.selection-exam.is-submitting .selection-exam-submit{ opacity:.7; }
.selection-exam-report-modal{ position:fixed; inset:0; z-index:120; }
.selection-exam-report-modal[hidden]{ display:none !important; }
.selection-exam-report-backdrop{ position:absolute; inset:0; background:rgba(17,14,10,0.56); }
.selection-exam-report-dialog{ position:relative; display:flex; flex-direction:column; width:min(980px, calc(100vw - 36px)); max-height:calc(100dvh - 76px); margin:18px auto; padding:20px 22px 22px; border-radius:22px; background:var(--color-white); box-shadow:0 24px 56px rgba(0,0,0,0.22); overflow:hidden; }
.selection-exam-report-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:10px; }
.selection-exam-report-head-copy h5{ display:flex; align-items:center; gap:10px; margin:0 0 4px; color:var(--color-body-text); font-family:'bold',Arial,sans-serif; font-size:26px; font-weight:normal; line-height:1.1; }
.selection-exam-report-head-copy .selection-exam-kicker{ margin-bottom:0; flex:0 0 auto; }
.selection-exam-report-head-copy p{ margin:0; color:var(--color-text-muted); font-size:15px; line-height:1.25; }
.selection-exam-report-close{ display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid var(--color-brand-cream-9); border-radius:999px; background:var(--color-white); color:var(--color-text-accent); font-size:16px; box-shadow:0 8px 18px var(--color-shadow-brand-1); }
.selection-exam-report-legend{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:14px; padding:0; }
.selection-exam-report-legend > span{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; font-size:12px; line-height:1.1; }
.selection-exam-report-legend > span i{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:999px; flex:0 0 22px; font-size:11px; }
.selection-exam-legend-label-desktop{ display:inline; }
.selection-exam-legend-label-mobile{ display:none; }
.selection-exam-report-legend .is-correct{ background:#edf8f1; color:#2f9252; }
.selection-exam-report-legend .is-correct i{ background:#46b56d; color:#fff; }
.selection-exam-report-legend .is-incorrect{ background:#fff1ee; color:#c25646; }
.selection-exam-report-legend .is-incorrect i{ background:#cf654e; color:#fff; }
.selection-exam-report-legend .is-missed{ background:#fff7ea; color:#a16000; }
.selection-exam-report-legend .is-missed i{ background:var(--color-brand); color:#fff; }
.selection-exam-report-body{ overflow-y:auto; padding-right:6px; }
.selection-exam-report-question{ margin-bottom:16px; padding:18px; border:1px solid var(--color-brand-cream-8); border-radius:18px; background:var(--color-brand-softest); }
.selection-exam-report-question:last-child{ margin-bottom:0; }
.selection-exam-report-question.is-fully-correct{ border-color:#5cb87a; background:#f3fbf6; }
.selection-exam-report-question.has-errors{ border-color:var(--color-brand-cream-9); }
.selection-exam-report-question-title{ display:flex; align-items:flex-start; gap:12px; margin-bottom:14px; }
.selection-exam-report-question-title strong{ display:block; padding-top:3px; color:var(--color-body-text); font-family:'bold',Arial,sans-serif; font-size:20px; font-weight:normal; line-height:1.25; }
.selection-exam-report-answer-list{ display:block; }
.selection-exam-report-answer{ display:flex; align-items:flex-start; gap:12px; margin-bottom:10px; padding:14px 16px; border:1px solid var(--color-brand-cream-8); border-radius:14px; background:var(--color-white); }
.selection-exam-report-answer:last-child{ margin-bottom:0; }
.selection-exam-report-answer-icon{ display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:999px; flex:0 0 24px; background:var(--color-brand-cream-5); color:transparent; font-size:12px; }
.selection-exam-report-answer-copy{ display:block; color:var(--color-body-text); font-size:16px; line-height:1.35; }
.selection-exam-report-answer.is-selected-correct{ border-color:#79c792; background:#f3fbf6; }
.selection-exam-report-answer.is-selected-correct .selection-exam-report-answer-icon{ background:#46b56d; color:#fff; }
.selection-exam-report-answer.is-selected-incorrect{ border-color:#e5a48c; background:#fff4f0; }
.selection-exam-report-answer.is-selected-incorrect .selection-exam-report-answer-icon{ background:#cf654e; color:#fff; }
.selection-exam-report-answer.is-missed-correct{ border-color:#f0cf97; background:#fff8ec; }
.selection-exam-report-answer.is-missed-correct .selection-exam-report-answer-icon{ background:var(--color-brand); color:#fff; }
.selection-exam-report-open{ overflow:hidden; }
.selection-content-viewer{ width:100%; }
.selection-content-viewer embed{ display:block; width:100%; min-height:720px; border:none; }
.responsiveIframe{ position:relative; width:100%; padding-top:56.25%; overflow:hidden; border-radius:16px; }
.responsiveIframe iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
.selection-content-open-link{ display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:11px 18px; border-radius:12px; background:var(--color-brand); color:var(--color-white); text-decoration:none; }
.selection-debug-actions{ margin:20px 0 0; }
.selection-content-debug-complete{ display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 16px; border:1px dashed var(--color-brand); border-radius:12px; background:var(--color-brand-soft); color:var(--color-text-accent); font-family:'bold',Arial,sans-serif; font-size:13px; letter-spacing:.03em; text-transform:uppercase; box-shadow:0 8px 18px var(--color-shadow-brand-1); }
.theme-green .selection-content-debug-complete{ border-color:rgba(255,255,255,0.24); background:linear-gradient(to left, #1F7D6B, #04176A); color:#fff; }
.selection-content-back{ display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:7px 12px; border:1px solid var(--color-brand-cream-9); border-radius:999px; background:var(--color-white); color:var(--color-text-accent); text-decoration:none; gap:7px; font-family:'bold',Arial,sans-serif; font-size:12px; letter-spacing:.04em; text-transform:uppercase; box-shadow:0 8px 18px var(--color-shadow-brand-2); }
.selection-content-back:hover{ color:var(--color-text-accent-strong); background:var(--color-brand-softer); }
.selection-content p{ margin-bottom:18px; color:var(--color-text-muted); }
.selection-footer{ padding:20px 0 35px; }
.selection-footer .bottom-links{ font-size:15px; }
.selection-footer-row{ display:block; }
.selection-footer-col{ width:100%; }
.selection-error{ padding:80px 15px; }
.selection-error-box{ max-width:620px; margin:0 auto; padding:40px 30px; border-radius:18px; background:var(--color-white); box-shadow:0 16px 35px var(--color-shadow-soft); }
@keyframes selectionTreeEnter{ 0%{ opacity:0; transform:translateY(-8px); } 100%{ opacity:1; transform:translateY(0); } }
@keyframes selectionMobileNavPulse{ 0%,100%{ transform:scale(1); box-shadow:0 8px 18px var(--color-shadow-brand-2); } 50%{ transform:scale(1.06); box-shadow:0 0 0 8px rgba(242,139,0,0.14), 0 14px 28px rgba(242,139,0,0.22); } }
@keyframes selectionTimerTick{ 0%,100%{ transform:rotate(0deg) scale(1); } 35%{ transform:rotate(16deg) scale(1.02); } 65%{ transform:rotate(-8deg) scale(.98); } }
@keyframes selectionTimerFloat{ 0%,100%{ transform:translateY(0); box-shadow:0 0 0 rgba(242,139,0,0); } 50%{ transform:translateY(-1px); box-shadow:0 10px 20px var(--color-shadow-brand-2); } }
@keyframes selectionTimerOrbit{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } }
@media (max-width:991px){ 
    .selection-card{ height:auto; min-height:0; }
    .selection-card-head{ display:block; padding:22px 24px 18px; } 
    .selection-card-head .btn{ margin-top:18px; } 
    .selection-block-meta{ margin-top:12px; }
    .selection-grid{ display:block; height:auto; } 
    .selection-col-nav,.selection-col-content{ width:100%; } 
    .selection-col-nav,.selection-col-content,.selection-card-body{ min-height:auto; }
    .selection-col-nav{ position:fixed; top:0; left:0; z-index:90; width:100%; height:100dvh; pointer-events:none; }
    .selection-col-nav.is-open{ pointer-events:auto; }
    .selection-nav-overlay{ display:block; position:absolute; inset:0; background:var(--color-shadow-dark-4); opacity:0; transition:opacity .24s ease; }
    .selection-col-nav.is-open .selection-nav-overlay{ opacity:1; }
    .selection-nav{ position:relative; width:min(60vw, 380px); height:100dvh; max-height:none; padding:20px 18px 26px; overflow-y:auto; border-right:1px solid var(--color-brand-cream-7); border-bottom:none; transform:translateX(-105%); transition:transform .28s ease; box-shadow:18px 0 36px var(--color-shadow-dark-3); }
    .selection-col-nav.is-open .selection-nav{ transform:translateX(0); }
    .selection-nav-mobile-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; color:var(--color-body-text); font-family:'bold',Arial,sans-serif; font-size:18px; }
    .selection-nav h3{ display:none; }
    .selection-col-content{ width:100%; }
    .selection-content-topbar{ display:flex; align-items:center; }
    .selection-mobile-nav-trigger{ display:inline-flex; align-items:center; gap:7px; }
    .selection-content{ height:auto; overflow:visible; padding:28px 24px 32px; } 
    .selection-exam-head{ display:block; }
    .selection-exam-timer{ min-width:0; margin-top:12px; justify-content:flex-start; text-align:left; }
    .selection-exam-report-dialog{ width:min(980px, calc(100vw - 28px)); max-height:calc(100dvh - 28px); margin:14px auto; }
}
@media (max-width:767px){ 
    .big{ font-size:28px; } 
    .selection-header .header-inner{ display:flex; align-items:center; justify-content:space-between; text-align:left; flex-wrap:wrap; } 
    .selection-header-actions{ display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-left:auto; }
    .selection-mobile-nav-trigger-header{ display:inline-flex; }
    .selection-header-toggle{ display:inline-flex; flex:0 0 auto; }
    .selection-header.is-open .selection-header-toggle .icon-bar:nth-child(1){ transform:translateY(6px) rotate(45deg); }
    .selection-header.is-open .selection-header-toggle .icon-bar:nth-child(2){ opacity:0; }
    .selection-header.is-open .selection-header-toggle .icon-bar:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
    .selection-header-nav{ flex:0 0 100%; width:100%; max-height:0; overflow:hidden; opacity:0; transition:max-height .24s ease, opacity .18s ease, margin-top .18s ease; }
    .selection-header.is-open .selection-header-nav{ max-height:180px; opacity:1; margin-top:12px; }
    .selection-header-nav nav{ display:block; margin-top:0; padding:10px; background:transparent; box-shadow:none; }
    .selection-header-nav nav a{ display:block; padding:11px 12px; border-radius:12px; }
    .selection-login-box{ margin:20px 0; padding:34px 20px; } 
    .selection-hero{ padding-top:36px; } 
    .selection-hero h1{ font-size:32px; } 
    .selection-progress-card{ display:block; min-width:0; max-width:none; }
    .selection-progress-copy strong{ font-size:16px; }
    .selection-progress-bar{ margin-top:10px; }
    .selection-topic-tree-row{ margin:-2px 0 12px; }
    .selection-content-viewer embed{ min-height:460px; }
    .selection-nav{ position:relative; width:min(86vw, 360px); height:100dvh; max-height:none; padding:20px 18px 26px; overflow-y:auto; border-right:1px solid var(--color-brand-cream-7); border-bottom:none; transform:translateX(-105%); transition:transform .28s ease; box-shadow:18px 0 36px var(--color-shadow-dark-3); }
    .selection-content-back{ min-height:18px; margin-top:0; }
    .selection-content h3{ font-size:28px; } 
    .selection-content{ padding:24px 18px 28px; } 
    .selection-exam{ padding:0; }
    .selection-exam-question{ padding:16px; }
    .selection-exam-question-title strong{ font-size:18px; }
    .selection-exam-actions{ display:block; }
    .selection-exam-submit{ width:100%; }
    .selection-exam-report-dialog{ width:calc(100vw - 35px); max-height:calc(100dvh - 18px); margin:9px auto; padding:16px; border-radius:18px; }
    .selection-exam-report-head{ display:block; }
    .selection-exam-report-close{ position:absolute; top:14px; right:14px; }
    .selection-exam-report-head-copy h5{ font-size:22px; padding-right:52px; }
    .selection-exam-report-head-copy p{ font-size:15px; }
    .selection-exam-report-question{ padding:16px; }
    .selection-exam-report-question-title strong,.selection-exam-report-answer-copy{ font-size:16px; }
    .selection-exam-report-legend .selection-exam-legend-label-desktop{ display:none; }
    .selection-exam-report-legend .selection-exam-legend-label-mobile{ display:inline; }
    .btn{ width:100%; box-sizing:border-box; } 
}
.swal2-popup .swal2-styled.swal2-confirm{ background-color: var(--color-brand) !important; }
.selection-exam-start-copy{ text-align:left; }
.selection-exam-start-copy p{ margin:0 0 12px; color:var(--color-body-text); font-size:15px; line-height:1.45; }
.selection-exam-start-copy strong{ font-family:'bold',Arial,sans-serif; font-weight:normal; }
.selection-exam-start-copy p:last-child{ margin-bottom:0; }