:root{--bg-body: hsl(210, 20%, 98%);--bg-card: hsl(0, 0%, 100%);--bg-subtle: hsl(210, 16%, 96%);--text-main: hsl(220, 15%, 15%);--text-secondary: hsl(215, 12%, 35%);--text-muted: hsl(215, 8%, 55%);--color-primary: hsl(214, 82%, 50%);--color-primary-light: hsl(214, 82%, 96%);--color-success: hsl(136, 53%, 34%);--color-success-light: hsl(136, 53%, 96%);--color-error: hsl(354, 61%, 41%);--color-error-light: hsl(354, 61%, 96%);--color-warning: hsl(35, 84%, 40%);--color-warning-light: hsl(35, 84%, 96%);--border-subtle: hsl(210, 14%, 90%);--border-focus: hsl(214, 82%, 50%);--shadow-flat: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-card: 0 4px 6px rgba(0, 0, 0, .02), 0 1px 10px rgba(0, 0, 0, .01);--trans-quick: all .15s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,.screen-headline{font-family:Outfit,sans-serif;color:var(--text-main);font-weight:700;letter-spacing:-.01em;scroll-margin-top:72px}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus,h3[tabindex="-1"]:focus,.screen-headline[tabindex="-1"]:focus{outline:none}h1[tabindex="-1"]:focus-visible,h2[tabindex="-1"]:focus-visible,h3[tabindex="-1"]:focus-visible,.screen-headline[tabindex="-1"]:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}p{line-height:1.6;color:var(--text-secondary)}.app-container{width:100%;max-width:860px;min-height:580px;display:flex;flex-direction:column}.course-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-card);padding:40px;display:flex;flex-direction:column;flex-grow:1;transition:var(--trans-quick)}.lesson-document{display:flex;flex-direction:column;flex-grow:1;min-height:0}.layout-split{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;flex-grow:1;align-items:start}.layout-single{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:100%;margin:0 auto;flex-grow:1;justify-content:center;width:100%}.content-column,.support-column{display:flex;flex-direction:column;gap:24px}@keyframes heroFadeIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.layout-hook-hero{display:grid;grid-template-columns:55fr 45fr;gap:40px;align-items:center;flex-grow:1;width:100%}.hook-text-column{display:flex;flex-direction:column;gap:0}.hook-illustration-column{display:flex;flex-direction:column;align-items:center;animation:heroFadeIn .5s ease-out both;animation-delay:.15s}.hook-hero-img{width:100%;height:auto;object-fit:contain;border-radius:10px;display:block}.concept-illustration-img{width:100%;height:auto;object-fit:contain;display:block}.overflow-hidden{overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.callout-box{background-color:var(--color-primary-light);border-left:4px solid var(--color-primary);padding:12px 16px;border-radius:6px;font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-top:16px}@media (max-width: 680px){.layout-hook-hero{grid-template-columns:1fr;gap:24px}.hook-illustration-column{order:-1}.hook-hero-img{max-height:220px;width:auto;margin:0 auto}}.header-bar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:24px;border-bottom:1px solid var(--border-subtle);padding-bottom:12px;min-height:16px}.module-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.module-breadcrumb{display:flex;align-items:baseline;gap:6px;flex-wrap:nowrap;overflow:hidden}.module-tag{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.breadcrumb-sep{font-size:.7rem;color:var(--text-muted);flex-shrink:0}.breadcrumb-section{font-size:.7rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.progress-position-line{display:flex;align-items:center}.progress-text{font-size:.7rem;color:var(--text-muted)}.progress-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px;width:120px}.progress-track{width:100%;height:4px;background:var(--bg-subtle);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary);border-radius:2px;transition:width .25s ease-out}.media-card{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:12px}.media-placeholder-icon{font-size:24px;opacity:.8}.media-caption{font-size:.8rem;color:var(--text-muted);font-style:normal;border-top:1px solid var(--border-subtle);padding-top:8px}.download-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-flat);transition:var(--trans-quick)}.download-card:hover{border-color:var(--border-focus)}.download-header{display:flex;justify-content:space-between;align-items:center}.download-title{font-size:.88rem;font-weight:600;color:var(--text-main)}.download-meta{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.download-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.4}.download-btn{align-self:flex-start;background-color:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:var(--trans-quick)}.download-btn:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.screen-headline{font-size:1.5rem;margin-bottom:12px;color:var(--text-main)}.screen-intro{display:flex;flex-direction:column;gap:12px}.assessment-header{display:flex;flex-direction:column;gap:24px;margin-bottom:24px;width:100%}.assessment-title-row{display:flex;align-items:center;gap:14px;min-width:0}.assessment-title-row .screen-headline{margin-bottom:0}.assessment-title-icon{width:40px;height:40px;flex:0 0 40px;object-fit:contain;display:block}.assessment-instruction{margin-bottom:0}.assessment-instruction-wrap{display:flex;flex-direction:column;gap:16px;width:100%}.assessment-instruction-wrap.has-aside{display:grid;grid-template-columns:minmax(0,68fr) minmax(150px,32fr);gap:24px;align-items:center}.assessment-reminder-media{width:100%;margin:0}.assessment-reminder-media img{display:block;width:100%;max-width:220px;max-height:140px;height:auto;object-fit:contain;margin:0 auto;border-radius:10px}.screen-intro p{font-size:.96rem;color:var(--text-secondary);margin-bottom:8px}@media (max-width: 768px){.assessment-title-row{gap:12px}.assessment-title-icon{width:36px;height:36px;flex-basis:36px}.assessment-instruction-wrap.has-aside{grid-template-columns:1fr;gap:14px}.assessment-reminder-media img{max-width:200px;max-height:130px}}@media (max-width: 480px){.assessment-title-icon{width:32px;height:32px;flex-basis:32px}}.activity-container{display:flex;flex-direction:column;gap:16px;width:100%;margin:16px 0;text-align:left}.options-stack{display:flex;flex-direction:column;gap:8px;width:100%}.option-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--trans-quick)}.option-card:hover{background-color:var(--bg-subtle);border-color:var(--border-subtle)}.option-card.selected{background-color:var(--color-primary-light);border-color:var(--border-focus)}.option-card.disabled{cursor:not-allowed}.option-index{width:22px;height:22px;border-radius:4px;background:var(--bg-subtle);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:.78rem;font-weight:700;color:var(--text-secondary)}.option-card.selected .option-index{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.option-card.correct{background-color:var(--color-success-light)!important;border-color:var(--color-success)!important}.option-card.incorrect{background-color:var(--color-error-light)!important;border-color:var(--color-error)!important}.option-card.correct .option-index{background-color:var(--color-success)!important;border-color:var(--color-success)!important;color:#fff}.option-card.incorrect .option-index{background-color:var(--color-error)!important;border-color:var(--color-error)!important;color:#fff}.feedback-box{border-radius:8px;padding:14px 18px;margin-top:8px;display:flex;flex-direction:column;gap:4px}.feedback-box.correct{background-color:var(--color-success-light);border:1px solid var(--color-success)}.feedback-box.incorrect{background-color:var(--color-error-light);border:1px solid var(--color-error)}.feedback-box.info{background-color:var(--color-primary-light);border:1px solid var(--color-primary)}.feedback-title{font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.feedback-box.correct .feedback-title{color:var(--color-success)}.feedback-box.incorrect .feedback-title{color:var(--color-error)}.feedback-box.info .feedback-title{color:var(--color-primary)}.feedback-text{font-size:.88rem;line-height:1.5;color:var(--text-secondary);white-space:pre-line}.prompt-eval-grid{display:flex;flex-direction:column;gap:12px;width:100%}.prompt-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:16px;cursor:pointer;transition:var(--trans-quick)}.prompt-card:hover{background-color:var(--bg-subtle)}.prompt-card.expanded{background-color:var(--color-primary-light);border-color:var(--border-focus)}.prompt-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.prompt-text{font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-main);line-height:1.4}.prompt-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:4px}.prompt-badge.weak{background-color:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.prompt-badge.moderate{background-color:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning)}.prompt-badge.strong{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.prompt-critique-panel{border-top:1px solid var(--border-subtle);margin-top:12px;padding-top:12px}.quiz-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;color:var(--text-muted);font-size:.8rem;font-weight:700}.reflection-textbox{width:100%;min-height:100px;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;color:var(--text-main);font-family:Inter,sans-serif;font-size:.9rem;line-height:1.5;resize:vertical;outline:none}.reflection-textbox:focus{border-color:var(--border-focus)}.footer-bar{display:flex;justify-content:space-between;align-items:center;margin-top:28px;border-top:1px solid var(--border-subtle);padding-top:16px}.btn-nav{display:inline-flex;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;padding:10px 20px;border-radius:6px;cursor:pointer;transition:var(--trans-quick);outline:none}.btn-nav-prev{background-color:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary)}.btn-nav-prev:hover:not(:disabled){background-color:var(--bg-subtle);color:var(--text-main)}.btn-nav-next{background-color:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.btn-nav-next:hover:not(:disabled){background-color:#125bba;border-color:#125bba}.btn-nav:disabled{opacity:.35;background-color:var(--bg-subtle)!important;border-color:var(--border-subtle)!important;color:var(--text-muted)!important;cursor:not-allowed}.app-grid{display:grid;grid-template-columns:280px 1fr;gap:32px;width:100%;max-width:1140px;margin:0 auto;align-items:stretch}.sidebar-nav{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-card);padding:24px;display:flex;flex-direction:column;gap:20px;max-height:80vh;overflow-y:auto;position:sticky;top:20px}.sidebar-header{border-bottom:1px solid var(--border-subtle);padding-bottom:16px}.modules-list{display:flex;flex-direction:column;gap:16px}.sidebar-module-header.active{background-color:var(--color-primary-light)}.sidebar-module-title{font-size:.74rem;font-weight:500;color:var(--text-secondary);line-height:1.35}.sidebar-module-check{font-size:.82rem;color:#64748b;font-weight:600}.sidebar-module-chevron{font-size:.7rem;color:#94a3b8;flex-shrink:0;font-style:normal;line-height:1}.sidebar-module-group{display:flex;flex-direction:column;gap:4px}.sidebar-module-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font:inherit;font-size:.67rem;font-weight:700;letter-spacing:.06em;text-align:left;cursor:pointer}.sidebar-module-group-header:hover{background:var(--bg-subtle);color:var(--text-main)}.sidebar-module-group.active>.sidebar-module-group-header{color:var(--color-primary)}.sidebar-module-group-children{display:flex;flex-direction:column;gap:10px;margin-left:8px;padding-left:8px;border-left:1px solid var(--border-subtle)}.sidebar-section-list{display:flex;flex-direction:column;gap:2px;margin-top:4px;padding-left:4px}.sidebar-section-row{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 8px;border-radius:5px;cursor:pointer;transition:background-color .12s ease-out;border-left:2px solid transparent;-webkit-user-select:none;user-select:none}.sidebar-section-row:hover{background-color:var(--bg-subtle)}.sidebar-section-row.active{background-color:var(--bg-subtle);border-left-color:var(--color-primary)}.sidebar-section-row.done .sidebar-section-name{color:#64748b}.section-indicator{font-size:.7rem;flex-shrink:0;width:14px;text-align:center;line-height:1}.section-indicator.done{color:#64748b;font-size:.72rem}.section-indicator.active{color:var(--color-primary);font-size:.6rem}.section-indicator.idle{color:#cbd5e1;font-size:.72rem}.sidebar-section-name{font-size:.8rem;font-weight:500;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;line-height:1.35;transition:color .12s ease-out}.sidebar-section-row.active .sidebar-section-name{color:var(--text-main);font-weight:600}.sidebar-section-row:hover .sidebar-section-name{color:var(--text-main)}.app-layout-main{display:flex;width:100%;min-height:100vh;align-items:stretch}.sidebar-nav{background-color:var(--bg-card);border-right:1px solid var(--border-subtle);padding:24px 16px;display:flex;flex-direction:column;gap:24px;height:100vh;max-height:100vh;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-card)}.sidebar-nav.expanded{width:280px}.sidebar-nav.collapsed{width:72px;padding:24px 12px;align-items:center}.sidebar-header{border-bottom:1px solid var(--border-subtle);padding-bottom:16px;width:100%}.sidebar-course-title{font-size:.78rem;font-weight:600;line-height:1.35;color:var(--text-secondary)}.sidebar-course-meta{font-size:.65rem;color:var(--text-muted);font-weight:600;margin-top:3px;text-transform:uppercase}.modules-list{display:flex;flex-direction:column;gap:16px;width:100%;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.modules-list::-webkit-scrollbar{width:4px}.modules-list::-webkit-scrollbar-track{background:transparent}.modules-list::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:4px}.modules-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.sidebar-module-item{display:flex;flex-direction:column;gap:6px}.sidebar-module-header{display:flex;justify-content:space-between;align-items:start;gap:12px;cursor:pointer;padding:6px 8px;border-radius:6px;transition:var(--trans-quick)}.sidebar-module-header:hover{background-color:var(--bg-subtle)}.sidebar-module-header.active{background-color:transparent}.sidebar-module-header.active .sidebar-module-title{color:var(--color-primary);font-weight:600}.sidebar-module-title-box{display:flex;flex-direction:column;gap:2px}.sidebar-module-tag{font-size:.6rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.sidebar-module-title-box.active .sidebar-module-tag{color:var(--color-primary)}.sidebar-module-title{font-size:.74rem;font-weight:500;color:var(--text-secondary);line-height:1.35;transition:color .12s ease-out}.sidebar-module-meta{font-size:.65rem;color:var(--text-muted)}.sidebar-module-check{font-size:.85rem;color:var(--color-success);font-weight:700}.sidebar-sub-list{display:flex;flex-direction:column;gap:4px;margin-left:12px;padding-left:12px;border-left:1px solid var(--border-subtle)}.sidebar-sub-item{font-size:.74rem;color:var(--text-secondary);padding:6px 8px;border-radius:4px;cursor:pointer;transition:var(--trans-quick);display:flex;align-items:center;justify-content:space-between}.sidebar-sub-item:hover{background-color:var(--bg-subtle);color:var(--text-main)}.sidebar-sub-item.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sidebar-sub-check{font-size:.7rem;color:var(--color-success)}.sidebar-lesson-list{display:flex;flex-direction:column;margin-top:2px}.sidebar-section-divider-label{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);opacity:.75;padding:8px 8px 3px 26px;border-top:1px solid var(--border-subtle);margin-top:2px;-webkit-user-select:none;user-select:none}.sidebar-section-divider-label.first{border-top:none;margin-top:0;padding-top:4px}.sidebar-lesson-item{display:flex;align-items:flex-start;gap:8px;padding:5px 8px 5px 10px;border-left:3px solid transparent;cursor:pointer;transition:background-color .12s ease-out,border-left-color .12s ease-out,color .12s ease-out;-webkit-user-select:none;user-select:none;border-radius:0 4px 4px 0}.sidebar-lesson-item:hover{background-color:var(--bg-subtle)}.sidebar-lesson-item:hover .sidebar-lesson-title{color:var(--text-main)}.sidebar-lesson-item:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.sidebar-lesson-item.active{background-color:var(--color-primary-light);border-left-color:var(--color-primary)}.sidebar-lesson-item.active .sidebar-lesson-title{color:var(--color-primary);font-weight:600;font-size:.73rem}.sidebar-lesson-item.active .sidebar-lesson-meta{color:var(--color-primary);opacity:.85}.sidebar-lesson-item.done .sidebar-lesson-title{color:var(--text-secondary)}.sidebar-lesson-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.sidebar-lesson-title{font-size:.72rem;font-weight:400;color:var(--text-muted);line-height:1.3;word-break:break-word;transition:color .12s ease-out}.sidebar-lesson-meta{font-size:.64rem;color:var(--text-muted);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-lesson-item .nav-status-indicator{flex:0 0 14px;margin-top:1px}.content-area-viewport{flex-grow:1;background-color:var(--bg-body);padding:32px 40px;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;overflow-y:auto;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar-expanded .content-area-viewport{margin-left:280px}.sidebar-collapsed .content-area-viewport{margin-left:72px}.content-area-card-wrapper{width:100%;max-width:860px;margin-top:24px;margin-bottom:24px}.sidebar-collapsed-item{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;background-color:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);font-weight:700;font-size:.95rem;cursor:pointer;position:relative;transition:var(--trans-quick);-webkit-user-select:none;user-select:none;outline:none}.sidebar-collapsed-item:hover{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px)}.sidebar-collapsed-item:focus-visible{outline:2px solid var(--border-focus)}.sidebar-collapsed-item.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sidebar-collapsed-item.completed{border:2px solid var(--color-success)}.sidebar-collapsed-item.completed:not(.active){background-color:var(--color-success-light);color:var(--color-success)}.sidebar-collapsed-check{position:absolute;top:-2px;right:-2px;background-color:var(--color-success);color:#fff;border-radius:50%;width:14px;height:14px;font-size:.55rem;display:flex;justify-content:center;align-items:center;font-weight:700;border:1px solid white}.sidebar-collapse-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--trans-quick);outline:none;background-color:var(--bg-card)}.sidebar-collapse-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-light)}.sidebar-collapse-btn:focus-visible{outline:2px solid var(--border-focus)}.sidebar-course-icon-collapsed{width:32px;height:32px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700}.desktop-toggle-container{display:block}.finished-view{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;width:100%}.mobile-navbar-header{display:none;background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);height:56px;padding:0 16px;align-items:center;gap:16px;position:sticky;top:0;z-index:90;width:100%}.mobile-hamburger-trigger{background:transparent;border:none;color:var(--text-main);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;transition:var(--trans-quick);outline:none}.mobile-hamburger-trigger:hover{background-color:var(--bg-subtle)}.mobile-navbar-title{font-size:.95rem;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-main)}.sidebar-mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:990;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-mobile-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:var(--trans-quick);outline:none}.sidebar-mobile-close-btn:hover{background-color:var(--bg-subtle);color:var(--text-main)}@media (max-width: 900px){.desktop-toggle-container{display:none}.mobile-navbar-header{display:flex}.sidebar-nav{position:fixed;top:0;left:0;bottom:0;height:100vh;width:280px!important;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0;border:none;border-right:1px solid var(--border-subtle);padding:20px 16px!important;align-items:stretch!important}.sidebar-nav.mobile-open{transform:translate(0)}.sidebar-nav.collapsed .sidebar-header-titles{display:block!important}.sidebar-collapsed-item{display:none!important}.sidebar-module-item,.sidebar-module-header{display:flex!important}.content-area-viewport{margin-left:0!important;padding:24px 16px;align-items:flex-start}}@media (max-width: 768px){.layout-split{grid-template-columns:1fr;gap:28px}.course-card{padding:24px}.header-bar{flex-direction:row;justify-content:flex-end;align-items:center}.progress-container{width:120px;align-items:flex-end}}@media (max-width: 600px){.completion-stats-grid{grid-template-columns:1fr!important;gap:16px!important}.completion-downloads-grid{grid-template-columns:1fr!important;gap:12px!important}.completion-actions{flex-direction:column!important;gap:12px!important;width:100%}.completion-actions button{width:100%!important}.completion-card{padding:24px 16px!important;gap:20px!important}}.sorting-activity{display:flex;flex-direction:column;width:100%}#screen-intro-s7 .assessment-header{gap:16px;margin-bottom:24px}#screen-intro-s7 .assessment-instruction-wrap.has-aside{gap:22px;align-items:center}#screen-intro-s7 .assessment-reminder-media img{max-width:220px;max-height:135px}#screen-intro-s7 .sorting-activity>div:first-child{margin-bottom:20px!important}#screen-intro-s7 .unsorted-pool{padding:14px!important}#screen-intro-s7 .sorting-activity>div:last-child{margin-top:20px!important}.sorting-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;transition:var(--trans-quick);box-shadow:var(--shadow-flat);-webkit-user-select:none;user-select:none}.sorting-card.draggable{cursor:grab}.sorting-card.draggable:active{cursor:grabbing}.sorting-card:hover:not(.placed-card){border-color:var(--color-primary);background-color:var(--color-primary-light)}.card-text{font-size:.92rem;font-weight:500;color:var(--text-main)}.btn-card-move{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.72rem;font-weight:600;padding:4px 8px;border-radius:4px;cursor:pointer;outline:none;transition:var(--trans-quick)}.btn-card-move:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.zones-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}@media (max-width: 600px){.zones-container{grid-template-columns:1fr;gap:16px}}.zone-box{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:280px;transition:var(--trans-quick)}.zone-box:hover{border-color:var(--text-muted)}.zone-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-main);border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.zone-badge{background-color:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:12px}.zone-content{display:flex;flex-direction:column;gap:8px;flex-grow:1}.zone-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.8rem;color:var(--text-muted);font-style:italic;border:1px dashed var(--border-subtle);border-radius:6px;padding:24px;height:100%}.placed-card{position:relative;flex-direction:column;align-items:flex-start;gap:6px}.btn-remove-card{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;outline:none;transition:var(--trans-quick)}.btn-remove-card:hover{color:var(--color-error)}.placed-card.correct{border-color:var(--color-success)!important;background-color:var(--color-success-light)!important}.placed-card.incorrect{border-color:var(--color-error)!important;background-color:var(--color-error-light)!important}.card-feedback-overlay{font-size:.8rem;color:var(--text-secondary);line-height:1.4;width:100%;border-top:1px solid var(--border-subtle);padding-top:6px;margin-top:4px}.roadmap-stepper{display:flex;flex-direction:column;width:100%;text-align:left;padding:8px 4px}.roadmap-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text-main);margin-bottom:20px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.roadmap-step{display:flex;align-items:center;gap:16px;width:100%}.step-marker{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.88rem;background-color:var(--bg-subtle);border:2px solid var(--border-subtle);color:var(--text-muted);flex-shrink:0;transition:var(--trans-quick)}.roadmap-step.completed .step-marker{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.roadmap-step.active .step-marker{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-info{display:flex;flex-direction:column;gap:2px}.step-tag{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.step-tag.highlight{color:var(--color-primary)}.step-label{font-size:.88rem;font-weight:600;color:var(--text-secondary)}.roadmap-step.active .step-label{color:var(--text-main);font-weight:700}.step-connector{width:32px;height:32px;position:relative}.connector-line{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background-color:var(--border-subtle);height:100%}.connector-line.completed{background-color:var(--color-success)}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.step-checkmark{display:inline-block;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes drawLine{0%{height:0%}to{height:100%}}.animate-connector{animation:drawLine .5s ease-out forwards;animation-delay:.3s}@keyframes pulseOutline{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}.pulse-outline .step-marker{animation:pulseOutline 2s infinite}.intro-screen{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(240px,.88fr);gap:48px;align-items:center;min-height:390px}.intro-content{display:flex;flex-direction:column;align-items:flex-start}.intro-headline{font-size:clamp(1.65rem,3vw,2.15rem);line-height:1.18;margin-bottom:20px}.intro-copy{gap:8px}.intro-copy p,.intro-lead{font-size:.96rem}.intro-lead{margin-bottom:16px}.intro-callout{margin-top:22px;padding:14px 16px;border-left:3px solid #94A3B8;background:#F8FAFC;color:var(--text-secondary);font-size:.88rem;font-weight:600;line-height:1.5;width:100%}.intro-outcome-list,.intro-module-list{display:flex;flex-direction:column;gap:11px;color:var(--text-secondary);font-size:.94rem}.intro-outcome-list{list-style:none}.intro-outcome-list li{display:flex;align-items:flex-start;gap:10px}.intro-outcome-list li span{color:#6b7280;font-weight:700}.intro-module-list{padding-left:24px;gap:8px}.intro-module-list li::marker{color:#6b7280;font-weight:700}.intro-duration{display:flex;flex-direction:column;gap:3px;margin-top:20px}.intro-duration span{color:var(--text-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.intro-duration strong{color:var(--text-main);font-size:1rem}.intro-illustration-column{display:flex;align-items:center;justify-content:center}.intro-visual{width:100%;min-height:260px;border:1px solid var(--border-subtle);border-radius:10px;background:#F8FAFC;color:#475569;position:relative}.intro-welcome-visual svg,.intro-begin-visual svg{width:100%;height:auto;display:block;margin-top:28px}.intro-thought-card{position:absolute;z-index:1;padding:7px 10px;border:1px solid #CBD5E1;border-radius:5px;background:white;font-size:.68rem;font-weight:600;color:#6b7280}.card-objective{top:17px;left:12px}.card-activity{top:10px;right:15px}.card-ai{top:58px;right:5px}.intro-visual-caption{position:absolute;left:18px;right:18px;bottom:13px;text-align:center;font-size:.72rem;color:#6b7280}.intro-process{min-height:auto;padding:26px 20px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.intro-process-step{padding:12px 10px;border:1px solid #CBD5E1;border-radius:6px;background:white;font-size:.83rem;font-weight:600;text-align:center}.intro-process-arrow{transform:rotate(90deg);color:#94a3b8;text-align:center;height:16px}.intro-roadmap{min-height:auto;padding:22px 24px;display:flex;flex-direction:column}.intro-roadmap-stop{display:grid;grid-template-columns:16px 1fr;gap:10px;align-items:center;font-size:.78rem;font-weight:600}.intro-roadmap-stop.endpoint{color:#334155;font-weight:700}.intro-roadmap-dot{width:10px;height:10px;border-radius:50%;border:2px solid #94A3B8;background:white;justify-self:center}.intro-roadmap-stop.endpoint .intro-roadmap-dot{background:#6B7280;border-color:#6b7280}.intro-roadmap-line{width:1px;height:14px;background:#CBD5E1;margin-left:7px}.intro-begin-visual{min-height:280px}.intro-flag-label{position:absolute;top:72px;right:20px;width:102px;font-size:.66rem;line-height:1.3;text-align:center;font-weight:700;color:#475569}.sidebar-modules-divider{height:1px;background:var(--border-subtle);margin:-3px 4px 0;flex-shrink:0}.intro-overview-screen{display:block;min-height:0;max-width:100%;margin:0 auto}.intro-overview-screen .intro-content{width:100%;display:flex;flex-direction:column}.intro-overview-screen .intro-outcome-list{gap:9px}.intro-journey-section{width:100%;box-sizing:border-box;margin-top:28px}.intro-journey-section h2{margin-bottom:12px;font-size:.78rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em}.intro-overview-screen .intro-roadmap{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;min-height:0;padding:18px 20px;border:1.5px solid hsl(214,80%,82%);border-radius:12px;background:linear-gradient(135deg,hsl(214,85%,97%),hsl(214,90%,94%));box-shadow:0 4px 14px #2563eb14;overflow:hidden}.intro-overview-screen .intro-roadmap-stop{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:600;color:#1d2330;line-height:1.35;white-space:normal;word-break:break-word;overflow-wrap:break-word;flex:1 1 0;min-width:0;background:#ffffff;padding:10px 14px;border-radius:8px;border:1px solid hsl(214,60%,88%);box-shadow:0 2px 6px #00000008}.intro-roadmap-number{width:22px;height:22px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 22px;flex-shrink:0;box-shadow:0 2px 4px #2563eb40}.intro-roadmap-text{flex:1;min-width:0}.intro-roadmap-arrow{color:var(--color-primary);font-size:1.1rem;font-weight:700;flex-shrink:0;display:flex;align-items:center;justify-content:center}.intro-overview-screen .intro-duration{margin-top:22px}.intro-supporting-illustration{display:flex;justify-content:center;width:100%;margin:28px auto 30px}.intro-supporting-illustration img{display:block;width:min(100%,380px);max-width:380px;max-height:210px;height:auto;object-fit:contain;opacity:.95}.course-format-row{display:flex;gap:32px;margin-top:16px;margin-bottom:24px;border-bottom:1px solid var(--border-subtle);padding-bottom:16px;width:100%}.format-item{display:flex;flex-direction:column;gap:4px}.format-label{font-size:.72rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.05em}.format-value{font-size:.95rem;color:var(--text-main);font-weight:500}.accordion-group{display:flex;flex-direction:column;width:100%;margin-top:24px;margin-bottom:16px}.accordion-item{border-top:1px solid var(--border-subtle);width:100%}.accordion-item:last-of-type{border-bottom:1px solid var(--border-subtle)}.accordion-trigger{width:100%;background:none;border:none;padding:18px 0;display:flex;justify-content:space-between;align-items:center;text-align:left;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;color:var(--text-main);cursor:pointer;outline:none;transition:color .15s ease-out}.accordion-trigger:hover,.accordion-trigger:focus{color:var(--color-primary)}.accordion-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.accordion-chevron{width:20px;height:20px;fill:currentColor;transition:transform .25s cubic-bezier(.4,0,.2,1);color:var(--text-muted);flex-shrink:0;margin-left:12px}.accordion-trigger:hover .accordion-chevron,.accordion-trigger:focus .accordion-chevron{color:var(--color-primary)}.accordion-item.open .accordion-chevron{transform:rotate(180deg)}.accordion-panel{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out,visibility .3s;opacity:0;visibility:hidden}.accordion-item.open .accordion-panel{max-height:1000px;opacity:1;visibility:visible}.accordion-content{padding-bottom:24px;color:var(--text-secondary);font-size:.94rem;line-height:1.6}.accordion-content p{margin-bottom:12px}.accordion-content p:last-child{margin-bottom:0}.accordion-content ul{padding-left:20px;margin-bottom:12px}.accordion-content li{margin-bottom:6px}.accordion-content h3{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:10px;color:var(--text-main)}.arrow-vertical{display:none}@media (max-width: 680px){.intro-overview-screen .intro-roadmap{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.intro-overview-screen .intro-roadmap-stop{width:100%}.arrow-horizontal{display:none}.arrow-vertical{display:block;margin:2px 0 2px 4px;color:#94a3b8;font-size:.9rem}.course-format-row{gap:20px}.accordion-trigger{font-size:.98rem;padding:16px 0}}@media (max-width: 760px){.intro-screen{grid-template-columns:1fr;gap:28px}.intro-illustration-column{order:-1}.intro-visual{max-width:360px;min-height:220px}.intro-welcome-visual svg,.intro-begin-visual svg{max-height:220px}.intro-overview-screen .intro-roadmap{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px}.intro-overview-screen .intro-roadmap-stop{font-size:.82rem;width:100%;flex:none}.intro-roadmap-arrow{margin-left:2px}.intro-supporting-illustration{margin:26px auto 28px}.intro-supporting-illustration img{width:min(80%,340px);max-height:190px}}@media (max-width: 480px){.intro-supporting-illustration{margin:24px auto 26px}.intro-supporting-illustration img{width:80%;max-height:180px}}.sidebar-module-header,.sidebar-module-group-header{border-left:3px solid transparent;background:transparent;box-shadow:none}.sidebar-module-header.active,.sidebar-module-group.active>.sidebar-module-group-header{background:#F1F5F9;border-left-color:var(--color-primary)}.sidebar-module-header.active:hover,.sidebar-module-group.active>.sidebar-module-group-header:hover{background:#F1F5F9}.sidebar-module-title-box{flex:1;min-width:0}.sidebar-module-header.top-level .sidebar-module-title,.sidebar-module-header.top-level .sidebar-module-tag,.sidebar-module-group-title{color:#6b7280;font-size:.67rem;font-weight:700;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.sidebar-module-header.top-level.active .sidebar-module-title,.sidebar-module-header.top-level.active .sidebar-module-tag,.sidebar-module-group.active>.sidebar-module-group-header .sidebar-module-group-title,.sidebar-module-header.active:not(.top-level) .sidebar-module-title{color:var(--color-primary)}.sidebar-module-header.top-level.has-tag .sidebar-module-title{color:#111827;font-size:.8rem;font-weight:600;letter-spacing:0;text-transform:none}.sidebar-module-header.top-level.has-tag.active .sidebar-module-title{color:var(--color-primary)}.sidebar-module-title{color:#111827}.sidebar-module-meta,.sidebar-section-name{color:#6b7280}.sidebar-module-group-header{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:center}.sidebar-module-group-children{border-left-color:#e5e7eb}.nav-status-indicator{width:14px;flex:0 0 14px;color:#6b7280;font-size:.7rem;font-weight:600;line-height:1;text-align:center}.nav-status-indicator.current{color:var(--color-primary);font-size:.58rem}.nav-status-indicator.not-started{color:#6b7280}.sidebar-section-row{border-left:3px solid transparent}.sidebar-section-row.active{background:#F1F5F9;border-left-color:var(--color-primary)}.sidebar-section-row.active .sidebar-section-name{color:var(--color-primary)}.bloom-concept-layout{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;gap:12px}.bloom-concept-layout .screen-headline{margin-bottom:4px}.bloom-concept-flow{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}.flow-step{width:100%}.definition-step{text-align:left}.definition-lead{font-size:1rem;font-weight:500;color:var(--text-main);margin-bottom:6px}.definition-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:14px 18px;box-shadow:var(--shadow-flat)}.definition-purpose{font-size:.9rem;color:var(--text-main);margin-bottom:4px}.definition-contrast{font-size:.85rem;color:var(--text-secondary);font-style:italic}.flow-connector{display:flex;justify-content:center;align-items:center;height:20px;color:var(--text-muted)}.connector-arrow{opacity:.7}.causal-bridge-callout{background:var(--color-primary-light);border-left:4px solid var(--color-primary);border-radius:4px 8px 8px 4px;padding:12px 18px;display:flex;flex-direction:column;gap:2px;text-align:left;box-shadow:var(--shadow-flat)}.bridge-indicator{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-primary);letter-spacing:.05em}.bridge-text{font-size:.92rem;font-weight:600;color:var(--text-main);line-height:1.4}.verbs-step{display:flex;flex-direction:column;gap:8px}.verbs-heading{font-size:1rem;font-weight:700;color:var(--text-main);text-align:left;margin-bottom:2px}.bloom-verbs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.bloom-verbs-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:12px 14px;box-shadow:var(--shadow-flat);text-align:left}.bloom-verbs-card h3{font-size:.82rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;letter-spacing:.02em}.verbs-tags-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.verb-tag{background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-main);font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:6px}.bloom-takeaway-card{background:hsl(35,84%,97%);border:1px dashed var(--color-warning);border-left:4px solid var(--color-warning);border-radius:4px 8px 8px 4px;padding:14px 18px;text-align:left;box-shadow:var(--shadow-flat)}.bloom-takeaway-card h4{font-size:.82rem;font-weight:700;color:var(--color-warning);text-transform:uppercase;margin-bottom:4px;letter-spacing:.05em}.bloom-takeaway-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.45;margin:0}.worked-example-layout{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;gap:12px}.worked-example-layout .screen-headline{margin-bottom:4px}.worked-example-intro{font-size:.95rem;color:var(--text-secondary);text-align:left;margin-bottom:8px}.worked-example-flow{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}.objective-display-card{background:var(--bg-card);border:2px solid var(--color-primary);background-color:var(--color-primary-light);border-radius:8px;padding:16px 20px;width:100%;text-align:center;box-shadow:var(--shadow-flat)}.objective-display-card p{font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0}.reasoning-heading{font-size:1rem;font-weight:700;color:var(--text-main);text-align:left;margin:8px 0 2px;width:100%}.reasoning-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.reasoning-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:14px;box-shadow:var(--shadow-flat);text-align:left;display:flex;flex-direction:column;gap:6px}.reasoning-card-header{display:flex;align-items:center;gap:6px}.reasoning-check{color:var(--color-success);font-weight:700;font-size:.95rem}.reasoning-card-title{font-size:.82rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.02em}.reasoning-card-subtitle{font-size:.78rem;font-weight:600;color:var(--text-muted);font-style:italic}.reasoning-card-text{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.worked-example-takeaway{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-left:4px solid var(--color-primary);border-radius:4px 8px 8px 4px;padding:14px 18px;text-align:left;box-shadow:var(--shadow-flat);width:100%}.worked-example-takeaway h4{font-size:.82rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;margin-bottom:4px;letter-spacing:.05em}.worked-example-takeaway p{font-size:.88rem;color:var(--text-secondary);line-height:1.45;margin:0}.more-examples-layout{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;gap:16px}.more-examples-layout .screen-headline{margin-bottom:4px}.more-examples-intro{font-size:.95rem;color:var(--text-secondary);text-align:left;margin-bottom:4px}.more-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}.example-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:16px 20px;box-shadow:var(--shadow-flat);text-align:left;display:flex;flex-direction:column;gap:8px;transition:var(--trans-quick)}.example-card:hover{border-color:var(--color-primary)}.example-card-tag{align-self:flex-start;background:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary);font-size:.72rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px;letter-spacing:.05em}.example-card-text{font-size:.9rem;font-weight:600;color:var(--text-main);line-height:1.5;margin:0}@media (max-width: 580px){.bloom-verbs-grid,.reasoning-cards-grid{grid-template-columns:1fr;gap:8px}.more-examples-grid{grid-template-columns:1fr;gap:12px}}.bridge-alignment-layout{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;gap:12px}.bridge-alignment-layout .screen-headline{margin-bottom:2px}.alignment-intro{text-align:left;display:flex;flex-direction:column;gap:6px}.intro-paragraph{font-size:.85rem;color:var(--text-secondary);line-height:1.45}.diagram-section{width:100%;margin:4px 0}.alignment-diagram{display:flex;justify-content:space-between;align-items:center;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 16px;width:100%}.diagram-node{font-size:.85rem;font-weight:700;color:var(--text-main);padding:6px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;text-align:center;box-shadow:var(--shadow-flat);flex:1 1 0%;max-width:200px}.node-objective{border-left:3px solid var(--color-primary)}.node-activity{border-left:3px solid var(--color-success)}.diagram-arrow{color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin:0 8px;flex:0 0 auto}.cards-section{width:100%;text-align:left}.cards-section h2{font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:2px}.cards-instruction{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-bottom:8px}.flip-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%}.flip-card{perspective:1000px;height:140px;cursor:pointer;outline:none}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card:focus-visible .flip-card-inner{box-shadow:0 0 0 3px var(--color-primary-light);border-radius:8px}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;border:1px solid var(--border-subtle);padding:14px;box-shadow:var(--shadow-flat)}.flip-card-front{background-color:var(--bg-card);color:var(--text-main);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.flip-card-front h3{font-size:.95rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.flip-action-hint{font-size:.72rem;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.flip-card-back{background-color:var(--color-primary-light);border-color:var(--color-primary);transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;overflow-y:auto}.card-back-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-bottom:6px}.card-back-examples{font-size:.76rem;color:var(--text-secondary);width:100%}.card-back-examples strong{font-size:.76rem;color:var(--text-main);display:block;margin-bottom:2px}.card-back-examples ul{list-style-type:disc;padding-left:14px;margin:0;display:flex;flex-direction:column;gap:2px}.card-back-examples li{line-height:1.35}.takeaway-section{width:100%;margin-top:4px}.alignment-takeaway-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-top:3px solid var(--color-success);border-radius:6px;padding:14px 18px;text-align:left;box-shadow:var(--shadow-flat);display:flex;flex-direction:column;gap:8px}.takeaway-header{display:flex;align-items:center;gap:8px}.takeaway-tag{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success);font-size:.72rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px;letter-spacing:.05em;align-self:flex-start}.takeaway-intro{font-size:.88rem;font-weight:600;color:var(--text-main);margin:0}.takeaway-flow-visual{display:flex;align-items:center;gap:12px;background:var(--bg-subtle);padding:6px 12px;border-radius:4px;align-self:flex-start}.flow-objective{font-size:.8rem;font-weight:700;color:var(--color-primary)}.flow-arrow-right{font-size:.85rem;color:var(--text-muted)}.flow-activity{font-size:.8rem;font-weight:700;color:var(--color-success)}.takeaway-footer{font-size:.82rem;color:var(--text-secondary);margin:0;font-style:italic}@media (max-width: 768px){.alignment-diagram{flex-direction:column;gap:8px;padding:12px}.diagram-node{max-width:100%;width:100%}.diagram-arrow{transform:rotate(90deg);margin:4px 0}}@media (max-width: 580px){.flip-cards-grid{grid-template-columns:1fr;gap:4px}.flip-card{height:150px}}.align-worked-example-layout{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;gap:12px}.align-worked-example-layout .screen-headline{margin-bottom:2px}.align-intro-section{text-align:left;display:flex;flex-direction:column;gap:4px}.align-intro-text{font-size:.88rem;color:var(--text-secondary);line-height:1.45;margin:0}.connected-cards-flow{display:flex;justify-content:space-between;align-items:stretch;width:100%;margin:8px 0;gap:4px}.flow-node-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:12px 14px;box-shadow:var(--shadow-flat);flex:1 1 0%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative}.node-card-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:1px 6px;border-radius:4px;margin-bottom:6px;letter-spacing:.05em}.badge-objective{background:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary)}.badge-process{background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary)}.badge-activity{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.flow-node-card h3{font-size:.82rem;font-weight:700;color:var(--text-main);text-transform:uppercase;margin-bottom:6px;letter-spacing:.02em}.node-card-subtitle{font-size:.76rem;font-weight:600;color:var(--text-muted);font-style:italic;margin-bottom:4px}.node-card-content{font-size:.82rem;color:var(--text-secondary);line-height:1.4;margin:0}.objective-card{border-top:3px solid var(--color-primary)}.activity-card{border-top:3px solid var(--color-success)}.flow-arrow-connector{display:flex;justify-content:center;align-items:center;color:var(--text-muted);opacity:.8;padding:0 4px}.flow-arrow-connector .mobile-arrow{display:none}.designer-thinking-section{width:100%}.thinking-callout-card{background:hsl(200,30%,96%);border:1px solid hsl(200,30%,85%);border-left:4px solid var(--color-info, #3182ce);border-radius:4px 8px 8px 4px;padding:12px 16px;text-align:left;box-shadow:var(--shadow-flat)}.thinking-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.thinking-lamp-icon{font-size:.95rem}.thinking-callout-card h4{font-size:.82rem;font-weight:700;color:var(--color-info, #2b6cb0);text-transform:uppercase;margin:0;letter-spacing:.05em}.thinking-text{font-size:.82rem;color:var(--text-secondary);line-height:1.45;margin:0}.alignment-footer-section{width:100%}.align-takeaway-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:12px 18px;box-shadow:var(--shadow-flat);text-align:left}.align-takeaway-panel h4{font-size:.85rem;font-weight:700;color:var(--color-success);margin-bottom:6px;text-transform:uppercase;letter-spacing:.02em}.align-takeaway-list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.align-takeaway-list li{font-size:.82rem;color:var(--text-secondary);line-height:1.4;position:relative;padding-left:14px}.align-takeaway-list li:before{content:"•";position:absolute;left:0;color:var(--color-success);font-weight:700}@media (max-width: 768px){.connected-cards-flow{flex-direction:column;gap:8px}.flow-arrow-connector{margin:4px 0}.flow-arrow-connector .desktop-arrow{display:none}.flow-arrow-connector .mobile-arrow{display:block}}.activity-gallery-layout{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;gap:12px}.gallery-header{text-align:left;display:flex;flex-direction:column;gap:2px}.gallery-subtitle{font-size:.9rem;color:var(--text-secondary);line-height:1.45;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.gallery-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:16px 20px;box-shadow:var(--shadow-flat);display:flex;align-items:center;gap:20px;text-align:left;min-height:155px;height:auto}.gallery-card-thumbnail{flex:0 0 190px;width:190px;height:130px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box}.gallery-card-content{flex:1 1 0%;display:flex;flex-direction:column;justify-content:center}.gallery-card-content h3{font-size:1.05rem;font-weight:700;color:var(--text-main);margin-bottom:6px;line-height:1.3}.gallery-card-content p{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin:0}.gallery-mockup{width:100%;height:100%;padding:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;color:var(--text-muted);-webkit-user-select:none;user-select:none;box-sizing:border-box}.mockup-flashcards{position:relative;width:100%;height:100%}.mock-card-face{position:absolute;width:125px;height:80px;border:1px solid var(--border-subtle);border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:700;box-shadow:var(--shadow-card);box-sizing:border-box}.mock-front{background:var(--bg-card);color:var(--color-primary);transform:rotate(-4deg) translate(-6px,-3px);z-index:2;font-size:.95rem;font-weight:800}.mock-back{background:var(--color-primary-light);color:var(--text-secondary);font-size:.72rem;line-height:1.25;text-align:center;padding:6px;transform:rotate(6deg) translate(6px,3px);z-index:1}.mockup-fill-blank{justify-content:center;align-items:center;width:100%}.mock-sentence-line{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-main);font-weight:600}.mock-blank-input{width:44px;height:22px;border:1.5px solid var(--color-primary);background:var(--color-primary-light);border-radius:4px}.mockup-recall-quiz{align-items:flex-start;width:100%;padding:8px 10px;box-sizing:border-box}.mock-quiz-q{font-weight:700;color:var(--text-main);font-size:.85rem;margin-bottom:6px}.mock-quiz-input{width:100%;height:28px;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:4px;padding:4px 8px;color:var(--text-muted);font-size:.75rem;display:flex;align-items:center;box-sizing:border-box}.mockup-sequence{width:100%;display:flex;flex-direction:column;gap:6px;padding:6px;box-sizing:border-box}.mock-seq-pill{width:100%;height:28px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:.8rem;color:var(--text-main);font-weight:600;box-sizing:border-box}.mock-seq-pill span{width:18px;height:18px;background:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;flex-shrink:0}.mockup-mcq{align-items:flex-start;width:100%;padding:8px 10px;box-sizing:border-box}.mock-mcq-q{font-weight:700;color:var(--text-main);font-size:.85rem;margin-bottom:6px}.mock-mcq-option{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.mock-mcq-option.mock-selected{color:var(--color-primary);font-weight:700}.mock-mcq-bullet{font-size:.9rem;line-height:1}.mockup-tf{justify-content:center;width:100%}.mock-tf-row{display:flex;gap:12px}.mock-tf-btn{padding:8px 16px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);border-radius:6px;font-size:.82rem;font-weight:700}.mock-tf-btn.mock-active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.mockup-matching{width:100%;height:100%;padding:6px;box-sizing:border-box}.mock-match-columns{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.mock-match-col{display:flex;flex-direction:column;gap:8px}.mock-match-item{padding:5px 8px;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:4px;font-size:.75rem;font-weight:600;color:var(--text-main);text-align:center}.mock-match-lines{flex-grow:1;height:100%}.mockup-diagram{width:100%;height:100%;padding:6px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.mock-diagram-frame{position:relative;width:130px;height:85px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}.mock-diagram-circle{position:absolute;width:26px;height:26px;border:2px solid var(--color-primary);border-radius:50%;top:30px;left:52px;background:var(--color-primary-light)}.mock-diagram-arrow-pointer{position:absolute;height:2px;background:var(--text-muted);width:32px}.pointer-left{top:22px;left:16px;transform:rotate(20deg)}.pointer-right{top:58px;left:78px;transform:rotate(-15deg)}.mock-diagram-label{position:absolute;font-size:.72rem;font-weight:700;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;color:var(--text-secondary)}.val-left{top:6px;left:4px}.val-right{bottom:6px;right:4px}.mockup-concept-map{position:relative;height:100%;width:100%}.mock-cm-node{padding:2px 6px;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:4px;font-size:.48rem;font-weight:700;color:var(--text-main);text-align:center;position:absolute}.mock-cm-center{top:6px;left:50%;transform:translate(-50%);background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);font-size:.52rem}.mock-cm-branch{position:absolute;bottom:6px}.mock-cm-left{left:6px}.mock-cm-right{right:6px}.mock-cm-leaf{position:relative;font-size:.44rem;color:var(--text-secondary)}.mock-cm-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mockup-summarize{flex-direction:row;gap:4px;align-items:center}.mock-sum-source{display:flex;flex-direction:column;gap:2px}.mock-sum-line{display:block;height:3px;background:var(--text-muted);border-radius:1px;opacity:.5}.mock-sum-line.full{width:32px}.mock-sum-line.half{width:18px}.mock-sum-line.short{width:20px;opacity:1;background:var(--color-primary)}.mock-sum-arrow{font-size:.7rem;color:var(--color-primary);font-weight:700}.mock-sum-output{display:flex;flex-direction:column;gap:2px}.mockup-analogy{justify-content:center;align-items:center}.mock-ana-pair{display:flex;align-items:center;gap:4px;font-size:.5rem}.mock-ana-item{padding:3px 6px;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:4px;font-weight:700;color:var(--color-primary)}.mock-ana-is{color:var(--text-muted);font-style:italic;font-size:.44rem}.mockup-teach-back{justify-content:center;align-items:center}.mock-tb-speaker{display:flex;align-items:flex-start;gap:4px}.mock-tb-avatar{font-size:.85rem;line-height:1}.mock-tb-bubble{background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:6px 6px 6px 0;padding:4px 6px;font-size:.44rem;font-weight:600;color:var(--color-primary);max-width:70px}.mockup-sorting{width:100%;padding:4px}.mock-sort-cols{display:flex;gap:4px;width:100%}.mock-sort-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.mock-sort-header{font-size:.44rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary);padding:1px 6px;border-radius:3px;width:100%;text-align:center}.mock-sort-chip{font-size:.42rem;background:var(--bg-card);border:1px solid var(--border-subtle);padding:2px 8px;border-radius:3px;color:var(--text-secondary);width:100%;text-align:center}.mockup-compare{width:100%;padding:4px}.mock-cmp-table{width:100%;display:flex;flex-direction:column;gap:2px}.mock-cmp-header,.mock-cmp-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2px;align-items:center}.mock-cmp-header span{font-size:.44rem;font-weight:700;color:var(--color-primary);text-align:center}.mock-cmp-label{font-size:.42rem;color:var(--text-secondary);font-weight:600}.mock-cmp-cell{font-size:.48rem;text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:2px;padding:1px 0;color:var(--text-muted)}.mockup-venn{justify-content:center;align-items:center}.mock-venn-circles{position:relative;width:68px;height:40px}.mock-venn-circle{position:absolute;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--color-primary);display:flex;justify-content:center;align-items:center;font-size:.48rem;font-weight:700;top:2px}.mock-venn-left{left:0;background:rgba(99,102,241,.08);color:var(--color-primary)}.mock-venn-right{right:0;background:rgba(16,185,129,.08);border-color:var(--color-success);color:var(--color-success)}.mockup-cat-match{align-items:center;gap:4px}.mock-catm-item{font-size:.48rem;font-weight:600;color:var(--text-main)}.mock-catm-cats{display:flex;gap:3px}.mock-catm-cat{padding:2px 6px;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:4px;font-size:.42rem;font-weight:600;color:var(--text-secondary)}.mock-catm-cat.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.gallery-footer{width:100%}.pattern-takeaway-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:4px solid var(--color-success);border-radius:4px 8px 8px 4px;padding:10px 14px;text-align:left;box-shadow:var(--shadow-flat);display:flex;align-items:center;gap:12px}.pattern-tag{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success);font-size:.7rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.05em;white-space:nowrap}.pattern-text{font-size:.85rem;color:var(--text-secondary);line-height:1.4;margin:0}@media (max-width: 1024px) and (min-width: 641px){.gallery-card{padding:14px 16px;gap:16px}.gallery-card-thumbnail{flex:0 0 160px;width:160px;height:118px}}@media (max-width: 640px){.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery-card{flex-direction:column;height:auto;padding:16px;align-items:center;text-align:center;gap:12px}.gallery-card-thumbnail{flex:0 0 auto;width:100%;max-width:300px;height:130px;margin-bottom:4px}.gallery-card-content{width:100%;text-align:center}.gallery-card-content h3{font-size:1rem}.gallery-card-content p{font-size:.85rem}}.objective-matching-activity{display:flex;flex-direction:column;width:100%;max-width:800px;margin:0 auto;gap:12px}.activity-instructions{text-align:left}.activity-instructions p{font-size:.9rem;color:var(--text-secondary);line-height:1.45;margin-bottom:4px}.reminder-text{font-size:.85rem;color:var(--text-muted);font-style:italic}.matching-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:20px;width:100%;align-items:start}.objectives-column,.pool-column{display:flex;flex-direction:column;gap:8px}.objectives-column h2,.pool-column h2{font-size:.95rem;font-weight:700;color:var(--text-main);text-transform:uppercase;margin:0 0 2px;letter-spacing:.02em;text-align:left;border-bottom:2px solid var(--border-subtle);padding-bottom:4px}.pool-instruction{font-size:.76rem;color:var(--text-muted);font-style:italic;text-align:left;margin:0 0 4px}.objectives-list{display:flex;flex-direction:column;gap:10px}.objective-matching-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 14px;box-shadow:var(--shadow-flat);display:flex;flex-direction:column;gap:8px;text-align:left;transition:border-color .2s ease}.objective-matching-card.correct{border-color:var(--color-success);border-left:4px solid var(--color-success)}.objective-matching-card.incorrect{border-color:var(--color-danger);border-left:4px solid var(--color-danger)}.objective-card-header{display:flex;flex-direction:column;gap:2px}.objective-number{font-size:.72rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.objective-text{font-size:.85rem;font-weight:600;color:var(--text-main);line-height:1.4;margin:0}.assignment-slot{height:38px;border:1.5px dashed var(--border-subtle);border-radius:6px;display:flex;align-items:center;justify-content:center;padding:4px 10px;cursor:pointer;background:var(--bg-subtle);transition:all .2s ease}.assignment-slot.empty:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.assignment-slot.matching-ready{border-color:var(--color-primary);background:var(--color-primary-light);animation:pulse-border 1.5s infinite}.slot-placeholder{font-size:.78rem;color:var(--text-muted)}.assigned-activity-tag{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary);padding:4px 10px;border-radius:4px;font-weight:700;font-size:.8rem}.remove-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.85rem;padding:0 4px;line-height:1}.remove-btn:hover{color:var(--text-main)}.feedback-bubble{font-size:.8rem;padding:8px 12px;border-radius:4px;line-height:1.45}.feedback-bubble.correct{background:var(--color-success-light);color:var(--text-main);border-left:3px solid var(--color-success)}.feedback-bubble.incorrect{background:var(--color-danger-light);color:var(--text-main);border-left:3px solid var(--color-danger)}.cards-pool{display:flex;flex-direction:column;gap:8px}.pool-activity-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:10px 12px;box-shadow:var(--shadow-flat);cursor:grab;text-align:left;transition:all .2s ease}.pool-activity-card:hover:not(.assigned):not(.disabled){border-color:var(--color-primary);transform:translateY(-1px)}.pool-activity-card.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 2px var(--color-primary)}.pool-activity-card.assigned{opacity:.35;cursor:not-allowed;background:var(--bg-subtle)}.pool-activity-card.disabled{cursor:default}.pool-card-content{display:flex;align-items:center;gap:8px}.drag-handle{color:var(--text-muted);font-weight:700;cursor:grab}.activity-card-name{font-size:.82rem;font-weight:600;color:var(--text-main)}.matching-controls{margin-top:14px;display:flex;justify-content:flex-end}.check-btn{background:var(--color-primary);color:#fff;border:none;padding:10px 22px;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s ease}.check-btn:hover:not(:disabled){background:var(--text-main)}.check-btn:disabled{background:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed}.feedback-summary-row{display:flex;align-items:center;gap:16px}.score-badge{font-size:1rem;font-weight:700;color:var(--text-main)}.reset-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-main);padding:8px 18px;border-radius:6px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.reset-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}@keyframes pulse-border{0%{box-shadow:0 0 #2b6cb066}70%{box-shadow:0 0 0 6px #2b6cb000}to{box-shadow:0 0 #2b6cb000}}@media (max-width: 768px){.matching-workspace{grid-template-columns:1fr;gap:20px}}.bloom-classification-container{display:flex;flex-direction:column;gap:16px;width:100%;max-width:680px;margin:12px auto;text-align:left}.classification-progress-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:4px}.progress-counter-badge{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);padding:4px 12px;border-radius:16px}.objective-decision-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px}.card-label-badge{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.objective-text-quote{font-size:1.15rem;font-weight:600;color:var(--text-main);line-height:1.5;margin:8px 0 16px;font-family:Outfit,Inter,sans-serif}.classification-buttons-group{display:flex;gap:12px;width:100%}@media (max-width: 520px){.classification-buttons-group{flex-direction:column}}.btn-classify{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:8px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--trans-quick);background-color:var(--bg-card);border:2px solid var(--border-subtle);color:var(--text-main);text-align:center}.btn-classify:hover:not(:disabled){background-color:var(--bg-subtle);border-color:var(--color-primary);color:var(--color-primary)}.btn-classify:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}.btn-classify.disabled,.btn-classify:disabled{cursor:not-allowed;opacity:.9}.btn-classify.is-correct-target{background-color:var(--color-success-light)!important;border-color:var(--color-success)!important;color:var(--color-success)!important;font-weight:700}.btn-classify.incorrect-pick{background-color:var(--color-error-light)!important;border-color:var(--color-error)!important;color:var(--color-error)!important;font-weight:700}.classification-feedback{margin-top:4px}.classification-summary-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:28px 24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px;text-align:left}.summary-title{font-size:1.35rem;font-weight:700;color:var(--text-main);margin:0}.summary-score-text{font-size:1.05rem;color:var(--text-secondary);line-height:1.5;margin:0}.summary-review-section{display:flex;flex-direction:column;gap:12px;margin-top:12px;border-top:1px solid var(--border-subtle);padding-top:16px}.review-heading{font-size:1rem;font-weight:700;color:var(--text-main);margin:0 0 4px}.review-items-list{display:flex;flex-direction:column;gap:12px}.review-item-card{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-left:4px solid var(--color-error);border-radius:0 8px 8px 0;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.review-objective-text{font-size:.95rem;font-weight:600;color:var(--text-main);margin:0}.review-details{display:flex;flex-direction:column;gap:4px}.review-badge-level{font-size:.82rem;color:var(--text-secondary)}.review-explanation{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin:0}.bloom-sorting-activity{display:flex;flex-direction:column;width:100%;max-width:800px;margin:0 auto;gap:12px}.active-card-container{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin-bottom:4px}.deck-progress-badge{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sorting-active-card{background:var(--bg-card);border:2px solid var(--color-primary);border-radius:8px;padding:16px 20px;box-shadow:var(--shadow-strong);width:100%;max-width:520px;text-align:center;display:flex;flex-direction:column;gap:12px;cursor:grab}.card-objective-text{font-size:1rem;font-weight:700;color:var(--text-main);line-height:1.45;margin:0}.card-quick-actions{display:flex;justify-content:center;gap:12px}.action-btn{padding:6px 14px;border-radius:4px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-understand{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.btn-understand:hover{background:var(--color-success);color:#fff}.btn-not-understand{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.btn-not-understand:hover{background:var(--color-danger);color:#fff}.sorting-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;align-items:start}.drop-zone{background:var(--bg-subtle);border:1.5px dashed var(--border-subtle);border-radius:8px;padding:12px;min-height:180px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.zone-understand:hover{border-color:var(--color-success);background:var(--color-success-light)}.zone-not-understand:hover{border-color:var(--color-danger);background:var(--color-danger-light)}.zone-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid var(--border-subtle);padding-bottom:6px;margin-bottom:4px}.zone-header h3{font-size:.85rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.02em;margin:0}.zone-count{font-size:.72rem;font-weight:700;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:1px 6px;border-radius:4px}.zone-contents{display:flex;flex-direction:column;gap:8px;flex-grow:1}.zone-placeholder-text{font-size:.76rem;color:var(--text-muted);font-style:italic;margin:auto;padding:20px 0}.sorted-placed-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;box-shadow:var(--shadow-flat);position:relative;text-align:left;display:flex;flex-direction:column;gap:6px}.placed-card-text{font-size:.78rem;font-weight:600;color:var(--text-main);line-height:1.4;margin:0;padding-right:18px}.remove-placed-btn{position:absolute;top:6px;right:6px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;line-height:1;padding:2px}.remove-placed-btn:hover{color:var(--color-danger)}.sorted-placed-card.correct{border-left:3px solid var(--color-success)}.sorted-placed-card.incorrect{border-left:3px solid var(--color-danger)}.placed-card-feedback{font-size:.74rem;line-height:1.35;padding:4px 6px;border-radius:4px}.feedback-text-correct{color:var(--color-success)}.feedback-text-incorrect{color:var(--color-danger)}.sorting-controls{margin-top:14px;display:flex;flex-direction:column;align-items:flex-end;width:100%}.submit-btn{background:var(--color-primary);color:#fff;border:none;padding:10px 22px;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s ease}.submit-btn:hover:not(:disabled){background:var(--text-main)}.submit-btn:disabled{background:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed}.sorting-feedback-block{display:flex;flex-direction:column;gap:12px;width:100%;align-items:stretch}.summary-feedback-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:12px 16px;box-shadow:var(--shadow-flat);text-align:left}.summary-feedback-box.perfect{border-left:4px solid var(--color-success)}.summary-feedback-box.incomplete{border-left:4px solid var(--color-warning)}.summary-score-title{font-size:.9rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.02em;display:block;margin-bottom:2px}.summary-feedback-box p{font-size:.85rem;color:var(--text-secondary);margin:0}.takeaway-summary-box{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:6px;padding:12px 16px;text-align:left}.takeaway-summary-box h4{font-size:.82rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;margin-bottom:4px;letter-spacing:.05em}.takeaway-summary-box p{font-size:.82rem;color:var(--text-secondary);line-height:1.45;margin:0}.reset-sorting-btn{align-self:flex-end;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-main);padding:8px 18px;border-radius:6px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.reset-sorting-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width: 768px){.sorting-zones{grid-template-columns:1fr;gap:12px}.drop-zone{min-height:140px}}.module-objectives-layout{display:flex;align-items:center;flex-grow:1;width:100%}.objectives-text-column{display:flex;flex-direction:column;gap:24px;min-width:0;width:100%;max-width:100%;margin:0 auto}.module-objectives-body-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:36px;align-items:center;width:100%;margin-top:8px}.module-objectives-left-text{display:flex;flex-direction:column;gap:20px}.module-objectives-right-media{display:flex;justify-content:center;align-items:center}@media (max-width: 820px){.module-objectives-body-split{grid-template-columns:1fr;gap:24px}}.objectives-headline{font-size:1.8rem;font-weight:700;color:var(--text-main);line-height:1.35;margin-bottom:0}.objectives-intro{font-size:1.05rem;color:var(--text-secondary);margin-bottom:8px}.objectives-theme-section,.objectives-bridge-section,.objectives-learning-section{display:flex;flex-direction:column;gap:12px}.objectives-theme-section{background:var(--bg-subtle);border-left:3px solid var(--color-primary);border-radius:8px;padding:18px 20px}.objectives-theme-section h2,.objectives-bridge-section h2,.objectives-section-heading{font-size:.95rem;font-weight:700;color:var(--text-main);line-height:1.35}.objectives-theme-statement{font-size:1.05rem;font-weight:650;color:var(--text-main);line-height:1.5}.objectives-theme-body,.objectives-bridge-section p{font-size:.96rem;color:var(--text-secondary);line-height:1.6}.objectives-visual-bridge{display:grid;grid-template-columns:minmax(0,7fr) minmax(180px,3fr);gap:28px;align-items:center;width:100%}.objectives-visual-bridge-text{display:flex;flex-direction:column;gap:12px}.objectives-visual-bridge-text p{font-size:.98rem;color:var(--text-secondary);line-height:1.6}.objectives-visual-bridge-image{display:block;width:100%;max-width:380px;height:auto;object-fit:contain;justify-self:center}.objectives-bridge-image{width:100%;margin:-4px auto 0}.objectives-bridge-image img{display:block;width:100%;max-width:520px;max-height:180px;height:auto;object-fit:contain;margin:0 auto;border-radius:10px}.objectives-bridge-image.bloom-level-container{width:100%;max-width:450px;margin:28px auto;padding:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.objectives-bridge-image.bloom-level-container img{display:block;width:100%;max-width:450px;height:auto;max-height:none;object-fit:contain;aspect-ratio:1 / 1;margin:0 auto;border:none;border-radius:0;box-shadow:none;background:transparent}.objectives-image-fallback{width:100%;max-width:450px;padding:20px 24px;margin:0 auto;background-color:var(--bg-subtle, #f8fafc);border:1.5px dashed var(--border-subtle, #cbd5e1);border-radius:8px;text-align:center;box-sizing:border-box}.objectives-image-fallback-text{margin:0;font-size:.9rem;color:var(--text-secondary, #475569);font-style:italic;line-height:1.5}#screen-intro-s1 .objectives-text-column{gap:14px;max-width:100%}#screen-intro-s1 .objectives-bridge-section,#screen-intro-s1 .objectives-learning-section{gap:10px}#screen-intro-s1 .objectives-bridge-section p{line-height:1.55;margin-bottom:0}#screen-intro-s1 .objectives-bridge-image,#screen-intro-s1 .objectives-bridge-image.bloom-level-container{margin:16px auto 24px;max-width:720px;width:100%}#screen-intro-s1 .objectives-bridge-image img,#screen-intro-s1 .objectives-bridge-image.bloom-level-container img{max-width:720px;max-height:420px;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}#screen-intro-s1 .objectives-list{gap:8px}#screen-intro-s1 .objectives-item{line-height:1.42}.objectives-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.objectives-item{position:relative;padding-left:24px;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.objectives-item:before{content:"•";position:absolute;left:4px;top:-1px;color:var(--color-primary);font-weight:700;font-size:1.3rem;line-height:1}.objectives-closing{font-size:.95rem;color:var(--text-secondary);font-style:italic;line-height:1.5;border-top:1px solid var(--border-subtle);padding-top:16px;margin-top:8px}.objectives-visual-column{display:flex;justify-content:center;align-items:center;width:100%}.bloom-levels-visual{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px;background:var(--bg-card);padding:24px;border-radius:12px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.bloom-level-card{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:8px;border:1px solid var(--border-subtle);transition:var(--trans-quick)}.bloom-level-card.muted{background:var(--bg-subtle);color:var(--text-muted)}.bloom-level-card.muted .level-num{font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.bloom-level-card.muted .level-name{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.bloom-level-card.highlighted{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.bloom-level-card.highlighted .level-num{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--color-primary)}.bloom-level-card.highlighted .level-name{font-size:1rem;font-weight:700;color:var(--color-primary)}@media (max-width: 768px){.module-objectives-layout{align-items:flex-start}.objectives-visual-column{order:-1}.objectives-text-column{max-width:100%;gap:22px}.objectives-headline{font-size:1.55rem}.objectives-theme-section{padding:16px}.objectives-bridge-image img{max-width:100%;max-height:170px}.objectives-visual-bridge{grid-template-columns:1fr;gap:20px}.objectives-visual-bridge-image{max-width:220px;justify-self:start}}.video-takeaways-layout{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;gap:24px}.video-takeaways-content{display:flex;flex-direction:column;width:100%}.video-takeaways-content .screen-headline{margin-bottom:6px}.video-instruction{font-size:.95rem;color:var(--text-secondary);margin-bottom:20px}.video-container{width:100%;max-width:100%;margin-bottom:8px;display:flex;justify-content:center}.takeaways-video{width:100%;aspect-ratio:16 / 9;max-height:420px;object-fit:contain;border-radius:8px;border:1px solid var(--border-subtle);background:#000;box-shadow:var(--shadow-flat)}.takeaways-container{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;padding-left:24px;padding-top:10px;padding-bottom:8px;width:100%;box-shadow:var(--shadow-flat)}.takeaways-headline{font-size:.75rem;font-weight:600;color:var(--text-main);margin-bottom:4px}.takeaways-list{list-style-type:disc;padding-left:20px;display:flex;flex-direction:column}.takeaways-item{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.takeaways-closing{font-size:.9rem;font-weight:600;color:var(--text-main);border-top:1px solid var(--border-subtle);padding-top:16px;margin-top:16px;line-height:1.5}.video-intro-layout{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;gap:24px}.video-intro-content{display:flex;flex-direction:column;width:100%}.video-intro-content .screen-headline{margin-bottom:16px}.video-intro-paragraphs{margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.video-intro-paragraphs p{font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.video-intro-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.intro-video-element{width:72%;aspect-ratio:16 / 9;max-height:400px;object-fit:contain;border-radius:8px;border:1px solid var(--border-subtle);background:#000;box-shadow:var(--shadow-flat)}.video-transition-note{font-size:.85rem;color:var(--text-muted);margin-top:12px;text-align:center;font-style:italic}.video-takeaway-sentence{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-top:8px;margin-bottom:16px}.observable-actions-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:30px;align-items:start;width:100%}.observable-actions-content{min-width:0}.observable-actions-content .screen-headline{margin-bottom:8px}.observable-actions-explanation{margin-bottom:14px;font-size:.9rem;line-height:1.5}.verb-guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.verb-guidance-card,.objective-example-card{border:1px solid #E5E7EB;border-radius:8px;background:#F8FAFC}.verb-guidance-card{padding:11px 12px}.verb-guidance-card h2,.objective-example-card h2{color:#111827;font-size:.78rem;font-weight:700;letter-spacing:0}.verb-guidance-card h2{margin-bottom:7px}.verb-guidance-card ul{display:grid;gap:3px 12px;padding:0;list-style:none}.verb-guidance-card:last-child ul{grid-template-columns:repeat(2,minmax(0,1fr))}.verb-guidance-card li{color:#6b7280;font-size:.8rem;line-height:1.35}.objective-example-card{padding:12px}.objective-example-card>h2{margin-bottom:8px}.objective-comparison{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);gap:10px}.objective-comparison>div{padding:9px 10px;border:1px solid #E5E7EB;border-radius:6px;background:#FFFFFF}.objective-comparison span{display:block;margin-bottom:3px;color:#6b7280;font-size:.67rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.objective-comparison p{color:#111827;font-size:.78rem;line-height:1.4}.objective-breakdown{display:grid;grid-template-columns:.7fr 1.25fr 1.45fr;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #E5E7EB}.objective-breakdown>div{min-width:0}.objective-breakdown dt{margin-bottom:2px;color:#6b7280;font-size:.65rem;font-weight:700;text-transform:uppercase}.objective-breakdown dd{margin:0;color:#111827;font-size:.75rem;line-height:1.35;overflow-wrap:anywhere}.observable-actions-visual .media-card{padding:0}.observable-actions-caption{margin:0;padding:10px 12px;font-size:.74rem;line-height:1.4}@media (max-width: 768px){.observable-actions-layout{grid-template-columns:1fr;gap:22px}.observable-actions-visual{order:2}}@media (max-width: 560px){.verb-guidance-grid,.objective-comparison,.objective-breakdown{grid-template-columns:1fr}.verb-guidance-card:last-child ul{grid-template-columns:1fr}}.integrated-example>h2{margin-bottom:6px}.objective-state{padding:7px 9px;border:1px solid #E5E7EB;border-radius:6px;background:#FFFFFF}.objective-state h3{display:flex;align-items:center;gap:6px;margin-bottom:3px;color:#6b7280;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.objective-state h3 span{width:12px;color:#6b7280;font-size:.78rem;text-align:center}.objective-state>p{color:#111827;font-size:.8rem;line-height:1.4}.objective-flow-arrow{height:14px;color:#6b7280;font-size:.85rem;line-height:14px;text-align:center}.improved-objective{border-left:3px solid var(--color-primary)}.why-better-panel{margin-top:6px;padding-top:6px;border-top:1px solid #E5E7EB}.why-better-panel>h3{margin-bottom:7px;color:#111827;text-transform:none}.why-better-panel .objective-breakdown{margin-top:0;padding-top:0;border-top:0}.conceptual-transformation-card{display:flex;align-items:center;justify-content:center;gap:10px;min-height:150px;padding:22px 16px;border:1px solid #E5E7EB;border-radius:8px;background:#F8FAFC}.transformation-state{padding:9px 10px;border:1px solid #E5E7EB;border-radius:6px;background:#FFFFFF;color:#6b7280;font-size:.75rem;font-weight:600;line-height:1.35;text-align:center}.transformation-state.final{color:#111827;font-weight:700}.transformation-arrow{color:#6b7280;flex:0 0 auto}.observable-actions-takeaway{margin-top:10px;color:#6b7280;font-size:.76rem;line-height:1.45;text-align:center}@media (min-width: 561px){.verb-guidance-card ul,.verb-guidance-card:last-child ul{grid-template-columns:repeat(3,minmax(0,1fr))}.observable-actions-explanation{margin-bottom:10px}.objective-example-card{padding:10px}}.bridge-selection-layout{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;gap:16px}.bridge-selection-intro{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.bridge-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.selection-level-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:16px;box-shadow:var(--shadow-flat);display:flex;flex-direction:column;gap:12px;transition:var(--trans-quick)}.selection-level-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.level-card-header{display:flex;flex-direction:column;gap:4px}.level-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.selection-level-card h3{font-size:1.1rem;color:var(--text-main)}.selection-level-card.level-remember h3{color:var(--color-primary)}.selection-level-card.level-understand h3{color:#7f26d9}.selection-level-card.level-apply h3{color:var(--color-success)}.level-card-body{display:flex;flex-direction:column;gap:8px;flex-grow:1}.level-demand-section,.level-activity-section{display:flex;flex-direction:column;gap:3px}.level-section-label{font-size:.62rem;text-transform:uppercase;font-weight:700;letter-spacing:.04em;color:var(--text-muted)}.level-demand-text{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.level-arrow-divider{text-align:center;font-size:1rem;color:var(--text-muted);font-weight:700}.level-activity-text{font-size:.85rem;color:var(--text-main)}.level-activity-example{font-size:.72rem;color:var(--text-muted);font-style:italic}.bridge-selection-footer{width:100%;margin-top:12px}.selection-takeaway-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:4px solid var(--color-primary);border-radius:4px 8px 8px 4px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-flat)}@media (max-width: 768px){.bridge-selection-grid{grid-template-columns:1fr;gap:14px}}.compare-levels-layout{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;gap:16px}.compare-topic-header{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.topic-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.compare-topic-header h2{font-size:1.15rem;color:var(--text-main)}.compare-table-container{width:100%;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-flat);background:var(--bg-card)}.compare-levels-table{width:100%;border-collapse:collapse;text-align:left}.compare-levels-table th,.compare-levels-table td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);font-size:.85rem}.compare-levels-table tr:last-child th,.compare-levels-table tr:last-child td{border-bottom:none}.row-attribute-header{font-weight:700;color:var(--text-muted);width:20%}.row-attribute-name{font-weight:700;color:var(--text-secondary);background:var(--bg-subtle);width:20%}.col-level-header{font-weight:700;width:26.66%;text-align:center}.col-level-header .level-badge{display:block;font-size:.6rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.col-level-header .level-name{font-size:1rem}.header-remember{color:var(--color-primary)}.header-understand{color:#7f26d9}.header-apply{color:var(--color-success)}.cell-level-data{text-align:center}.compare-objective-text{font-style:italic;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.compare-activity-text{font-size:.85rem;color:var(--text-main)}.compare-process-tag{display:inline-block;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:4px;border:1px solid var(--border-subtle)}.data-remember .compare-process-tag{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.data-understand .compare-process-tag{background:hsl(270,70%,96%);border-color:#cca8f0;color:#661fad}.data-apply .compare-process-tag{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.compare-levels-footer{width:100%}.compare-takeaway-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:4px solid var(--color-success);border-radius:4px 8px 8px 4px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-flat)}@media (max-width: 768px){.compare-levels-table{display:block}.compare-levels-table thead,.compare-levels-table tbody,.compare-levels-table tr,.compare-levels-table th,.compare-levels-table td{display:block;width:100%!important;text-align:left!important}.compare-levels-table thead{display:none}.compare-levels-table tr{border-bottom:2px solid var(--border-subtle);padding:12px 0}.compare-levels-table tr:last-child{border-bottom:none}.row-attribute-name{background:none;font-size:.7rem;text-transform:uppercase;color:var(--text-muted);padding-bottom:4px!important;padding-top:4px!important}.cell-level-data{padding-top:6px!important;padding-bottom:12px!important;border-bottom:1px dashed var(--border-subtle)!important;position:relative;padding-left:30%!important}.cell-level-data:before{content:attr(class);position:absolute;left:16px;font-weight:700;font-size:.75rem}.cell-level-data.data-remember:before{content:"Remember";color:var(--color-primary)}.cell-level-data.data-understand:before{content:"Understand";color:#7f26d9}.cell-level-data.data-apply:before{content:"Apply";color:var(--color-success)}.cell-level-data:last-child{border-bottom:none!important}}.mockup-scenario{width:100%;padding:6px;display:flex;flex-direction:column;gap:4px}.mock-sc-question{font-weight:700;color:var(--text-main);font-size:.55rem}.mock-sc-choices{display:flex;flex-direction:column;gap:3px;width:100%}.mock-sc-choice{font-size:.44rem;background:var(--bg-card);border:1px solid var(--border-subtle);padding:2px 6px;border-radius:3px;color:var(--text-secondary)}.mock-sc-choice.active{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success);font-weight:700}.mockup-sim{width:100%;padding:4px}.mock-sim-window{width:100%;height:48px;border:1px solid var(--border-subtle);border-radius:4px;overflow:hidden;background:var(--bg-card);display:flex;flex-direction:column}.mock-sim-bar{height:6px;background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle)}.mock-sim-content{flex-grow:1;display:flex;justify-content:center;align-items:center;gap:4px;padding:4px}.mock-sim-btn{font-size:.42rem;font-weight:700;background:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary);padding:2px 6px;border-radius:3px}.mockup-rp{width:100%;padding:4px}.mock-rp-chat{display:flex;flex-direction:column;gap:4px;width:100%}.mock-rp-msg{font-size:.44rem;padding:3px 6px;border-radius:4px;max-width:80%;line-height:1.2}.mock-rp-msg.mock-left{align-self:flex-start;background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary)}.mock-rp-msg.mock-right{align-self:flex-end;background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.mockup-case{width:100%;padding:4px}.mock-case-doc{width:54px;height:48px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:3px;padding:4px;display:flex;flex-direction:column;gap:3px;position:relative;box-shadow:var(--shadow-flat)}.mock-case-line{height:2px;background:var(--text-muted);opacity:.3;width:100%}.mock-case-badge{position:absolute;bottom:4px;left:4px;right:4px;background:var(--color-primary-light);border:1.5px solid var(--color-primary);color:var(--color-primary);font-size:.38rem;font-weight:700;text-align:center;padding:1px 0;border-radius:2px;letter-spacing:.02em}.cards-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;width:100%}.info-card{height:auto;min-height:0;padding:24px;overflow:visible;box-sizing:border-box;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-flat);display:flex;flex-direction:column}.info-card h3{position:static;margin:0 0 12px;font-size:1.1rem;line-height:1.3;color:#1677e8;text-align:center}.info-card p{margin:0;white-space:normal;overflow-wrap:break-word;line-height:1.6;color:var(--text-secondary);font-size:.95rem}@media (max-width: 900px){.cards-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.cards-container{grid-template-columns:1fr}}.flip-cards-screen-layout{display:flex;flex-direction:column;gap:6px;width:100%}.screen-intro-paragraph{margin-bottom:8px;font-size:1.05rem;color:var(--text-secondary)}.flip-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:100%}.flip-card{background-color:transparent;perspective:1000px;height:220px;cursor:pointer;outline:none}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card:focus-visible .flip-card-inner{box-shadow:0 0 0 2px var(--border-focus);border-radius:8px}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid var(--border-subtle);box-shadow:var(--shadow-flat);background-color:var(--bg-card)}.flip-card-front{color:var(--text-main)}.flip-card-back{transform:rotateY(180deg);background-color:var(--bg-subtle);color:var(--text-secondary)}.flip-card.highlighted .flip-card-front{border:2px solid var(--color-primary);background-color:var(--color-primary-light)}.flip-card.highlighted .flip-card-front .card-title{color:var(--color-primary);font-weight:700}.flip-card.highlighted .flip-card-back{border:2px solid var(--color-primary);background-color:var(--color-primary-light)}.card-badge{position:absolute;top:12px;right:12px;background-color:var(--color-primary);color:#fff;font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}.flip-card-front .card-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:8px}.click-cue{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-weight:500}.card-question{font-weight:700;font-size:.92rem;margin-bottom:8px;color:var(--color-primary);line-height:1.4}.card-explanation{font-size:.92rem;line-height:1.5;color:var(--text-main)}.flip-cards-grid.cols-3{grid-template-columns:repeat(3,1fr)}.flip-cards-grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.flip-cards-grid.cols-3,.flip-cards-grid.cols-2{grid-template-columns:1fr}.flip-card{height:auto;min-height:160px}}.card-example-box{margin-top:10px;padding:8px 12px;background-color:var(--bg-body);border-left:3px solid var(--color-primary);border-radius:4px;font-size:.82rem;color:var(--text-secondary);text-align:left;width:100%}.flip-cards-takeaway{margin-top:24px;padding:16px 20px;background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;text-align:center;width:100%}.flip-cards-takeaway p{font-size:.95rem;font-weight:500;color:var(--text-main);margin:0}.flip-cards-takeaways{margin-top:36px;width:100%}.ai-hook-screen{display:flex;flex-direction:column;gap:1.5rem;padding:.25rem 0}.ai-hook-header{margin-bottom:.25rem}.ai-hook-headline{font-size:1.35rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.4}.ai-hook-objective-card{background:var(--card-bg, #f8f9fc);border:1.5px solid var(--border-color, #e2e6ef);border-radius:10px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.6rem}.ai-hook-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary, #4f46e5);opacity:.85}.ai-hook-label--strong{color:#16a34a}.ai-hook-objective-text{font-size:1rem;color:var(--text-main);line-height:1.6;margin:0;font-style:italic}.ai-hook-decision{display:flex;flex-direction:column;gap:.75rem}.ai-hook-prompt{font-size:.95rem;font-weight:500;color:var(--text-secondary, #5a6070);margin:0}.ai-hook-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.ai-hook-btn{padding:.6rem 1.4rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:background .18s,transform .12s}.ai-hook-btn--approve{background:var(--accent-primary, #4f46e5);color:#fff}.ai-hook-btn--approve:hover{background:var(--accent-hover, #4338ca);transform:translateY(-1px)}.ai-hook-btn--revise{background:transparent;border:1.5px solid var(--accent-primary, #4f46e5);color:var(--accent-primary, #4f46e5)}.ai-hook-btn--revise:hover{background:rgba(79,70,229,.06);transform:translateY(-1px)}.ai-hook-btn--see-stronger{background:transparent;border:1.5px solid var(--accent-primary, #4f46e5);color:var(--accent-primary, #4f46e5);padding:.55rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,transform .12s}.ai-hook-btn--see-stronger:hover{background:rgba(79,70,229,.06);transform:translateY(-1px)}.ai-hook-critique-block{display:flex;flex-direction:column;gap:.75rem;animation:fadeIn .25s ease}.ai-hook-choice-badge{display:inline-block;font-size:.78rem;font-weight:600;padding:.28rem .8rem;border-radius:20px;letter-spacing:.02em}.ai-hook-choice-badge--approve{background:rgba(79,70,229,.1);color:var(--accent-primary, #4f46e5)}.ai-hook-choice-badge--revise{background:rgba(234,88,12,.1);color:#ea580c}.ai-hook-critique-text{font-size:.95rem;color:var(--text-main);line-height:1.6;margin:0;padding:.85rem 1rem;background:rgba(250,204,21,.1);border-left:3px solid #eab308;border-radius:4px}.ai-hook-revised-block{display:flex;flex-direction:column;gap:.85rem;animation:fadeIn .25s ease}.ai-hook-revised-card{background:rgba(22,163,74,.06);border:1.5px solid #16a34a;border-radius:10px;padding:1.1rem 1.4rem;display:flex;flex-direction:column;gap:.5rem}.ai-hook-revised-text{font-size:1rem;color:var(--text-main);line-height:1.6;margin:0;font-style:italic}.ai-hook-revised-note{font-size:.9rem;color:var(--text-secondary, #5a6070);line-height:1.55;margin:0}.ai-hook-closing{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;background:var(--card-bg, #f8f9fc);border-radius:8px;border-left:3px solid var(--accent-primary, #4f46e5)}.ai-hook-closing-text{font-size:.9rem;font-weight:600;color:var(--text-main);margin:0}.ai-comparison-screen{display:flex;flex-direction:column;gap:1.5rem;padding:.25rem 0}.ai-comp-headline{font-size:1.35rem;font-weight:700;color:var(--text-main);margin:0}.ai-comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.ai-comp-column{background:var(--card-bg, #f8f9fc);border:1.5px solid var(--border-color, #e2e6ef);border-radius:12px;padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:1rem}.ai-comp-column--brainstorming{border-top:3px solid var(--accent-primary, #4f46e5)}.ai-comp-column--critic{border-top:3px solid #0891b2}.ai-comp-col-title{font-size:1.05rem;font-weight:700;color:var(--text-main);margin:0}.ai-comp-column--brainstorming .ai-comp-col-title{color:var(--accent-primary, #4f46e5)}.ai-comp-column--critic .ai-comp-col-title{color:#0891b2}.ai-comp-section{display:flex;flex-direction:column;gap:.4rem}.ai-comp-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary, #5a6070);margin:0}.ai-comp-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.25rem}.ai-comp-list-item{font-size:.9rem;color:var(--text-main);line-height:1.5}.ai-comp-process{font-size:.88rem;color:var(--text-main);margin:0;font-weight:500;padding:.45rem .75rem;background:rgba(0,0,0,.03);border-radius:6px;font-family:monospace}.ai-comp-responsibility{font-size:.88rem;color:var(--text-secondary, #5a6070);margin:0;line-height:1.55}.ai-comp-takeaway{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.2rem;background:var(--card-bg, #f8f9fc);border:1.5px solid var(--border-color, #e2e6ef);border-radius:10px}.ai-comp-takeaway-icon{font-size:1.1rem;color:var(--accent-primary, #4f46e5);flex-shrink:0}.ai-comp-takeaway-text{font-size:.92rem;font-weight:500;color:var(--text-main);margin:0}@media (max-width: 700px){.ai-comp-grid{grid-template-columns:1fr}}.ai-prompt-builder-screen{display:flex;flex-direction:column;gap:1.5rem;padding:.25rem 0}.apb-headline{font-size:1.35rem;font-weight:700;color:var(--text-main);margin:0}.apb-intro{font-size:.95rem;color:var(--text-secondary, #5a6070);margin:0;line-height:1.55}.apb-flow{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.75rem 0}.apb-block{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem 1rem;border-radius:10px;border:1.5px solid transparent;cursor:pointer;min-width:90px;transition:all .18s;font-family:inherit;font-size:.88rem}.apb-block--strong{background:rgba(79,70,229,.07);border-color:#4f46e540;color:var(--accent-primary, #4f46e5)}.apb-block--strong:hover{background:rgba(79,70,229,.12);border-color:var(--accent-primary, #4f46e5)}.apb-block--weak{background:rgba(220,38,38,.08);border-color:#dc2626;color:#dc2626}.apb-block--output{background:var(--card-bg, #f8f9fc);border:1.5px dashed var(--border-color, #e2e6ef);cursor:default;color:var(--text-secondary, #5a6070)}.apb-block-label{font-weight:700;font-size:.85rem}.apb-block-state{font-size:.72rem;font-weight:600;letter-spacing:.04em;opacity:.8}.apb-arrow{font-size:1rem;color:var(--text-secondary, #5a6070);flex-shrink:0}.comp-context.apb-block--strong{border-color:#4f46e54d;background:rgba(79,70,229,.07);color:var(--accent-primary, #4f46e5)}.comp-task.apb-block--strong{border-color:#0891b24d;background:rgba(8,145,178,.07);color:#0891b2}.comp-criteria.apb-block--strong{border-color:#16a34a4d;background:rgba(22,163,74,.07);color:#16a34a}.comp-output.apb-block--strong{border-color:#ea580c4d;background:rgba(234,88,12,.07);color:#ea580c}.apb-definitions{display:flex;flex-direction:column;gap:.4rem}.apb-definition-item{font-size:.88rem;color:var(--text-main);line-height:1.5}.apb-def-label{color:var(--accent-primary, #4f46e5);font-weight:700}.apb-def-text{color:var(--text-secondary, #5a6070)}.apb-impact-panel{background:var(--card-bg, #f8f9fc);border:1.5px solid var(--border-color, #e2e6ef);border-radius:12px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.85rem;animation:fadeIn .2s ease}.apb-impact-panel--idle{opacity:.7}.apb-impact-title{font-size:.95rem;font-weight:700;color:var(--text-main);margin:0}.apb-impact-row{display:flex;gap:.75rem;align-items:flex-start}.apb-impact-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:rgba(22,163,74,.12);color:#16a34a;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.apb-impact-icon--warn{background:rgba(234,88,12,.1);color:#ea580c}.apb-impact-icon--consequence{background:rgba(79,70,229,.1);color:var(--accent-primary, #4f46e5)}.apb-impact-row p{font-size:.88rem;color:var(--text-secondary, #5a6070);margin:.15rem 0 0;line-height:1.5}.apb-impact-idle-text{font-size:.9rem;color:var(--text-secondary, #5a6070);margin:0;text-align:center;padding:.5rem 0}.apb-example-section{display:flex;flex-direction:column;gap:.85rem}.apb-example-title{font-size:1rem;font-weight:700;color:var(--text-main);margin:0}.apb-example-prompt{background:rgba(0,0,0,.03);border:1.5px solid var(--border-color, #e2e6ef);border-radius:8px;padding:1rem 1.2rem}.apb-example-prompt p{font-size:.9rem;color:var(--text-main);line-height:1.6;margin:0}.apb-example-labels{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.apb-example-label{font-size:.88rem;padding:.35rem .75rem;border-radius:6px;line-height:1.5;background:rgba(0,0,0,.03)}.apb-example-label.comp-context{background:rgba(79,70,229,.07)}.apb-example-label.comp-task{background:rgba(8,145,178,.07)}.apb-example-label.comp-criteria{background:rgba(22,163,74,.07)}.apb-example-label.comp-output{background:rgba(234,88,12,.07)}.apb-label-tag{font-weight:700}.apb-role-guidance{background:var(--card-bg, #f8f9fc);border:1.5px solid var(--border-color, #e2e6ef);border-radius:10px;padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:.75rem}.apb-role-title{font-size:.9rem;font-weight:700;color:var(--text-main);margin:0}.apb-role-note{font-size:.88rem;color:var(--text-secondary, #5a6070);margin:0;line-height:1.55}.apb-role-examples{display:flex;flex-direction:column;gap:.5rem}.apb-role-example{display:flex;flex-direction:column;gap:.2rem}.apb-role-example-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary, #4f46e5)}.apb-role-example-text{font-size:.88rem;color:var(--text-main);margin:0;line-height:1.5;font-style:italic;padding:.35rem .75rem;background:rgba(0,0,0,.025);border-radius:6px}.apb-takeaway{padding:.85rem 1rem;border-left:3px solid var(--accent-primary, #4f46e5);background:rgba(79,70,229,.05);border-radius:4px}.apb-takeaway-text{font-size:.92rem;font-weight:600;color:var(--text-main);margin:0;line-height:1.5}.ai-agent-workflows-screen{display:flex;flex-direction:column;gap:1.5rem;padding:.25rem 0}.aaaw-optional-badge{display:flex}.aaaw-badge-text{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0891b2;background:rgba(8,145,178,.1);padding:.3rem .9rem;border-radius:20px}.aaaw-headline{font-size:1.35rem;font-weight:700;color:var(--text-main);margin:0}.aaaw-explanation{font-size:.95rem;color:var(--text-secondary, #5a6070);line-height:1.6;margin:0}.aaaw-section-title{font-size:.9rem;font-weight:700;color:var(--text-main);margin:0 0 .6rem}.aaaw-requirements{background:var(--card-bg, #f8f9fc);border:1.5px solid var(--border-color, #e2e6ef);border-radius:10px;padding:1.1rem 1.3rem}.aaaw-requirements-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem}.aaaw-requirement-item{font-size:.9rem;color:var(--text-main);line-height:1.5}.aaaw-checklist-section{display:flex;flex-direction:column;gap:0}.aaaw-checklist-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 1.2rem;background:var(--card-bg, #f8f9fc);border:1.5px solid var(--border-color, #e2e6ef);border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-main);font-family:inherit;text-align:left;transition:background .15s}.aaaw-checklist-toggle:hover{background:rgba(0,0,0,.03)}.aaaw-toggle-icon{font-size:.8rem;color:var(--text-secondary, #5a6070);flex-shrink:0}.aaaw-checklist-body{border:1.5px solid var(--border-color, #e2e6ef);border-top:none;border-radius:0 0 10px 10px;padding:.75rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;background:#fff}.aaaw-checklist-item{display:flex;align-items:center;gap:.65rem;font-size:.9rem;color:var(--text-main);cursor:pointer;padding:.3rem 0;transition:color .15s}.aaaw-checklist-item--done{color:var(--text-secondary, #5a6070);text-decoration:line-through}.aaaw-checkbox{width:15px;height:15px;accent-color:var(--accent-primary, #4f46e5);flex-shrink:0;cursor:pointer}.ai-matching-activity{display:flex;flex-direction:column;gap:1.25rem}.ai-matching-scenarios{display:flex;flex-direction:column;gap:1rem}.ai-matching-scenario{background:var(--card-bg, #f8f9fc);border:1.5px solid var(--border-color, #e2e6ef);border-radius:12px;padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:.75rem}.ai-matching-scenario-header{display:flex;align-items:center;gap:.5rem}.ai-matching-scenario-num{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent-primary, #4f46e5)}.ai-matching-scenario-text{font-size:.95rem;color:var(--text-main);line-height:1.6;margin:0}.ai-matching-options{display:flex;gap:.65rem;flex-wrap:wrap}.ai-matching-opt{padding:.5rem 1.1rem;border-radius:8px;border:1.5px solid var(--border-color, #e2e6ef);background:#fff;font-size:.88rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .15s;font-family:inherit}.ai-matching-opt:hover{border-color:var(--accent-primary, #4f46e5);color:var(--accent-primary, #4f46e5);background:rgba(79,70,229,.05)}.ai-matching-opt--selected{border-color:var(--accent-primary, #4f46e5);background:rgba(79,70,229,.08);color:var(--accent-primary, #4f46e5)}.ai-matching-opt--correct{border-color:#16a34a;background:rgba(22,163,74,.1);color:#16a34a}.ai-matching-opt--incorrect{border-color:#dc2626;background:rgba(220,38,38,.08);color:#dc2626}.ai-matching-submit,.ai-matching-retry{align-self:flex-start;padding:.65rem 1.6rem;border-radius:8px;font-size:.92rem;font-weight:600;cursor:pointer;border:none;transition:background .18s,transform .12s;font-family:inherit}.ai-matching-submit{background:var(--accent-primary, #4f46e5);color:#fff}.ai-matching-submit:disabled{opacity:.4;cursor:not-allowed}.ai-matching-submit:not(:disabled):hover{background:var(--accent-hover, #4338ca);transform:translateY(-1px)}.ai-matching-retry{background:transparent;border:1.5px solid var(--accent-primary, #4f46e5);color:var(--accent-primary, #4f46e5)}.ai-matching-retry:hover{background:rgba(79,70,229,.06)}.ai-matching-feedback{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1.1rem;border-radius:10px;font-size:.9rem;line-height:1.55;animation:fadeIn .2s ease}.ai-matching-feedback--correct{background:rgba(22,163,74,.08);border:1.5px solid #16a34a;color:#15803d}.ai-matching-feedback--incorrect{background:rgba(220,38,38,.07);border:1.5px solid #dc2626;color:#b91c1c}.ai-matching-feedback-icon{font-weight:700;font-size:1rem;flex-shrink:0}.remember-misconception-layout{display:flex;flex-direction:column;width:100%;gap:24px}.misconception-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}@media (max-width: 768px){.misconception-columns{grid-template-columns:1fr;gap:20px}}.misconception-left-col,.misconception-right-col{display:flex;flex-direction:column;gap:16px}.intro-container{display:flex;gap:12px;align-items:flex-start;padding:16px;background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px}.lightbulb-icon-container{color:var(--text-muted);flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-top:2px}.intro-text{font-size:.9rem;line-height:1.5;color:var(--text-secondary);margin:0}.principles-box{display:flex;flex-direction:column;gap:16px;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:18px;box-shadow:var(--shadow-flat)}.principle-group{display:flex;flex-direction:column;gap:10px}.principle-group-title{font-size:.9rem;font-weight:700;color:var(--text-main);border-bottom:1px solid var(--border-subtle);padding-bottom:6px;margin-bottom:2px}.principle-items{display:flex;flex-direction:column;gap:10px}.principle-item{display:flex;flex-direction:column;gap:4px}.item-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.principle-bullet-list{padding-left:20px;margin:0}.principle-bullet-list li{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin-bottom:2px}.examples-wrapper{display:flex;flex-direction:column;gap:16px}.example-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-flat);display:flex;flex-direction:column;overflow:hidden}.example-header{background-color:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);padding:10px 14px;display:flex;justify-content:space-between;align-items:center}.example-title{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.example-format-badge{font-size:.7rem;font-weight:600;background-color:var(--border-subtle);color:var(--text-secondary);padding:2px 6px;border-radius:4px;text-transform:uppercase}.example-body{padding:14px;display:flex;flex-direction:column;gap:12px}.example-question-text{font-size:.9rem;font-style:italic;font-weight:500;color:var(--text-main);margin:0;line-height:1.4}.example-meta-row{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--border-subtle);padding-top:10px}.meta-field{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.02em}.bloom-level-badge{align-self:flex-start;font-size:.75rem;padding:2px 8px;border-radius:4px;font-weight:700}.bloom-level-badge.level-remember{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.bloom-level-badge.level-analyze{background-color:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning)}.meta-reason-text{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin:0}.misconception-footer{margin-top:8px;width:100%}.takeaway-banner{display:flex;gap:12px;align-items:center;background-color:var(--color-primary-light);border-left:4px solid var(--color-primary);border-radius:4px 8px 8px 4px;padding:16px;box-shadow:var(--shadow-flat)}.takeaway-icon{font-size:1.5rem;flex-shrink:0}.takeaway-text-wrapper{display:flex;flex-direction:column;gap:2px}.takeaway-main-text{font-size:.95rem;font-weight:700;color:var(--text-main);margin:0}.takeaway-sub-text{font-size:.85rem;color:var(--text-secondary);margin:0}.observable-actions-layout{width:100%;display:flex;flex-direction:column;flex-grow:1}.observable-actions-content{width:100%;display:flex;flex-direction:column;gap:28px}.observable-actions-explanation{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.verb-guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}.verb-guidance-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:20px 24px;box-shadow:var(--shadow-flat);display:flex;flex-direction:column;gap:12px}.verb-guidance-card h2{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.03em;margin:0}.verb-guidance-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.verb-guidance-card ul li{font-size:.9rem;color:var(--text-secondary);padding:5px 10px;background-color:var(--bg-subtle);border-radius:5px;line-height:1.4}.verb-guidance-card:first-child{border-color:#f3ced1;background-color:#fefbfb}.verb-guidance-card:first-child h2{color:var(--color-error)}.verb-guidance-card:first-child ul li{background-color:var(--color-error-light);color:#7b1e27}.verb-guidance-card:last-child{border-color:#b1e7bf;background-color:#fbfefc}.verb-guidance-card:last-child h2{color:var(--color-success)}.verb-guidance-card:last-child ul li{background-color:var(--color-success-light);color:#1d5e2e}.objective-example-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:24px 28px;box-shadow:var(--shadow-flat);display:flex;flex-direction:column;gap:16px;width:100%}.objective-example-card h2{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;color:var(--text-main);margin:0;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.objective-state{padding:14px 16px;border-radius:8px;display:flex;flex-direction:column;gap:6px}.objective-state h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0}.objective-state p{font-size:.95rem;font-style:italic;color:var(--text-secondary);margin:0;line-height:1.5}.weak-objective{background-color:var(--color-error-light);border-left:4px solid var(--color-error)}.weak-objective h3{color:var(--color-error)}.improved-objective{background-color:var(--color-success-light);border-left:4px solid var(--color-success);gap:12px}.improved-objective h3{color:var(--color-success)}.objective-flow-arrow{text-align:center;font-size:1.4rem;color:var(--text-muted);line-height:1;margin:-4px 0}.why-better-panel{margin-top:4px;display:flex;flex-direction:column;gap:10px}.why-better-panel h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#24753a;margin:0}.objective-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0}.objective-breakdown>div{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.objective-breakdown dt{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-success);margin:0}.objective-breakdown dd{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.focused-objective-layout{display:flex;justify-content:center;width:100%;flex-grow:1}.focused-objective-content{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%}.focused-objective-copy{display:flex;flex-direction:column;gap:12px}.focused-objective-copy p{font-size:.98rem;line-height:1.6;color:var(--text-secondary)}.focused-objective-visual{display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(180px,1fr);align-items:center;gap:22px;width:100%;max-width:600px;min-height:190px;margin:4px auto 0}.broad-goals-stack{display:flex;flex-direction:column;gap:8px}.broad-goals-stack span{display:block;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:6px;padding:10px 12px;font-size:.82rem;font-weight:600;color:var(--text-secondary);line-height:1.35}.focused-objective-arrow{color:var(--color-primary);font-size:1.6rem;font-weight:700;line-height:1}.single-objective-card{display:flex;flex-direction:column;gap:8px;background:var(--color-primary-light);border-left:3px solid var(--color-primary);border-radius:8px;padding:16px 18px}.single-objective-card span{font-size:.75rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em}.single-objective-card strong{font-size:.95rem;line-height:1.45;color:var(--text-main)}.focused-objective-takeaway{display:flex;gap:8px;align-items:baseline;border-left:3px solid var(--color-primary);padding-left:14px;font-size:.95rem;line-height:1.55;color:var(--text-secondary)}.focused-objective-takeaway strong{color:var(--text-main)}@media (max-width: 768px){.verb-guidance-grid,.objective-breakdown{grid-template-columns:1fr}.objective-example-card{padding:18px 16px}.focused-objective-content{gap:22px}.focused-objective-visual{grid-template-columns:1fr;gap:14px;max-width:420px;min-height:0}.focused-objective-arrow{justify-self:center;transform:rotate(90deg)}}@media (max-width: 480px){.verb-guidance-card{padding:16px}.observable-actions-explanation{font-size:.9rem}.focused-objective-takeaway{flex-direction:column;gap:2px}}.course-overview-viewport{padding-bottom:24px!important}@media (max-width: 768px){.course-overview-viewport{padding-bottom:16px!important}}.practical-scenario-layout{display:flex;flex-direction:column;width:100%}.scenario-image-container{display:block;margin:16px auto 24px;width:65%;max-width:560px}.scenario-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:4px}.scenario-description{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.scenario-description-paragraph{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.scenario-quoted-objective{background-color:var(--bg-subtle);border-left:4px solid var(--color-primary);padding:12px 16px;border-radius:0 8px 8px 0;font-style:italic;font-size:.95rem;color:var(--text-main);margin:4px 0 8px;line-height:1.6}@media (max-width: 768px){.scenario-image-container{width:100%;padding:0 16px;margin:12px auto 20px}}.reflection-question-container{display:flex;flex-direction:column;gap:12px;text-align:left}.reflection-context{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.reflection-prompt{font-size:1.15rem;font-weight:600;color:var(--text-main);line-height:1.5;margin:0}.reflection-instruction{font-size:.9rem;font-style:italic;color:var(--text-muted);margin:0}.reflection-question-highlight{font-size:1.05rem;font-weight:700;color:var(--color-primary);background:var(--color-primary-light);border-left:4px solid var(--color-primary);padding:12px 16px;border-radius:0 8px 8px 0;margin:6px 0;line-height:1.5}.reveal-control-wrapper{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:4px 0;width:100%;margin-top:16px;margin-bottom:8px}.reveal-toggle-btn{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:12px 4px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;color:var(--text-main);cursor:pointer;outline:none;transition:color .15s ease-out;text-align:left}.reveal-toggle-btn:hover,.reveal-toggle-btn:focus{color:var(--color-primary)}.reveal-toggle-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.reveal-chevron{transition:transform .25s cubic-bezier(.4,0,.2,1);color:var(--text-muted);flex-shrink:0}.reveal-toggle-btn:hover .reveal-chevron,.reveal-toggle-btn:focus .reveal-chevron{color:var(--color-primary)}.reveal-chevron.rotated{transform:rotate(180deg)}.reveal-explanation-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),padding .3s ease;overflow:hidden;width:100%}.reveal-explanation-content.expanded{grid-template-rows:1fr;padding-top:16px;padding-bottom:24px}.reveal-inner-container{min-height:0;display:flex;flex-direction:column;gap:24px}.build-objective-layout{display:flex;flex-direction:column;width:100%}.build-block-btn{display:block;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1)}.build-block-btn:hover:not(:disabled){border-color:var(--color-primary-hover, #2563eb)!important;background:var(--bg-hover, #f8fafc)!important;transform:translateY(-2px);box-shadow:var(--shadow-md)!important}.build-block-btn:active:not(:disabled){transform:translateY(0)}.build-block-btn.selected{opacity:.6;transform:none;box-shadow:none}.why-works-card{transition:transform .2s ease,box-shadow .2s ease}.why-works-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important}@media (max-width: 768px){.why-it-works-grid{grid-template-columns:1fr!important;gap:12px!important}.available-blocks-row{flex-direction:column;align-items:stretch}}.oec-layout{display:flex;flex-direction:column;width:100%;gap:0}.oec-title{margin-bottom:16px}.oec-intro{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.oec-intro p{font-size:.96rem;color:var(--text-secondary);line-height:1.65;margin:0;max-width:100%}.oec-help-wrapper{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:24px}.oec-help-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 0;background:none;border:none;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;color:var(--text-main);cursor:pointer;text-align:left;outline:none;transition:color .15s ease-out;gap:12px}.oec-help-toggle:hover,.oec-help-toggle:focus{color:var(--color-primary)}.oec-help-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.oec-help-label{flex:1}.oec-help-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .25s cubic-bezier(.4,0,.2,1),color .15s ease-out}.oec-help-toggle:hover .oec-help-chevron,.oec-help-toggle:focus .oec-help-chevron{color:var(--color-primary)}.oec-help-chevron.rotated{transform:rotate(180deg)}.oec-help-panel{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s ease}.oec-help-panel.expanded{grid-template-rows:1fr;padding-bottom:16px}.oec-help-inner{min-height:0;display:flex;flex-direction:column;gap:12px;padding-top:4px}.oec-help-terms{display:flex;flex-direction:column;gap:8px}.oec-help-term-row{display:flex;gap:10px;align-items:baseline}.oec-help-term{font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;color:var(--text-main);min-width:60px;flex-shrink:0}.oec-help-definition{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.oec-help-text{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin:0}.oec-help-note{font-size:.84rem;color:var(--text-muted);background:var(--bg-subtle);border-radius:6px;padding:10px 14px;margin:0;line-height:1.5;border-left:3px solid var(--border-subtle)}.oec-progress-label{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.oec-objectives-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.oec-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s ease-out}.oec-card--correct{border-color:var(--color-success)}.oec-card--partial{border-color:var(--color-warning)}.oec-card-counter{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.oec-obj-text{font-size:1rem;font-weight:600;color:var(--text-main);line-height:1.55;margin:0}.oec-toggles{display:flex;flex-wrap:wrap;gap:10px}.oec-chip{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:6px;border:1.5px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--trans-quick);outline:none;-webkit-user-select:none;user-select:none;min-width:88px;justify-content:center}.oec-chip:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.oec-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.oec-chip--selected{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.oec-chip--correct{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success);cursor:default}.oec-chip--incorrect{border-color:var(--color-error);background:var(--color-error-light);color:var(--color-error);cursor:default}.oec-chip--unselected{opacity:.55;cursor:default}.oec-chip--missing{border-color:var(--color-warning);background:var(--color-warning-light);color:var(--color-warning);cursor:default}.oec-chip:disabled{cursor:default}.oec-chip-icon{flex-shrink:0}.oec-card-action{display:flex;align-items:center}.oec-check-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:6px;border:1.5px solid var(--border-focus);background:var(--bg-card);color:var(--color-primary);font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;transition:var(--trans-quick);outline:none}.oec-check-btn:hover:not(:disabled){background:var(--color-primary-light)}.oec-check-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:6px}.oec-check-btn:disabled{opacity:.35;cursor:not-allowed;border-color:var(--border-subtle);color:var(--text-muted)}.oec-feedback{border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;font-size:.88rem}.oec-feedback--correct{background:var(--color-success-light);border:1px solid var(--color-success)}.oec-feedback--partial{background:var(--color-warning-light);border:1px solid var(--color-warning)}.oec-feedback-header{display:flex;align-items:center;gap:8px}.oec-feedback-icon{flex-shrink:0}.oec-feedback--correct .oec-feedback-icon{color:var(--color-success)}.oec-feedback--partial .oec-feedback-icon{color:var(--color-warning)}.oec-feedback-status{font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.oec-feedback--correct .oec-feedback-status{color:var(--color-success)}.oec-feedback--partial .oec-feedback-status{color:var(--color-warning)}.oec-feedback-breakdown{display:flex;flex-wrap:wrap;gap:6px}.oec-feedback-item{font-size:.8rem;font-weight:500;padding:3px 10px;border-radius:4px;line-height:1.6}.oec-feedback-item--ok{background:rgba(0,0,0,.05);color:var(--text-secondary)}.oec-feedback-item--err{background:rgba(0,0,0,.07);color:var(--text-main);font-weight:600}.oec-feedback-explanation{font-size:.87rem;color:var(--text-secondary);line-height:1.6;margin:0;padding-top:4px;border-top:1px solid rgba(0,0,0,.06)}.oec-reflection{display:flex;flex-direction:column;gap:10px;padding-top:28px;border-top:1px solid var(--border-subtle);margin-top:8px}.oec-reflection-heading{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0}.oec-reflection-prompt{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.oec-reflection-label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.oec-reflection-textarea{min-height:130px;width:100%}@media (max-width: 600px){.oec-card{padding:16px}.oec-toggles{flex-direction:column;gap:8px}.oec-chip{width:100%;min-width:unset;justify-content:center}.oec-help-term-row{flex-direction:column;gap:2px}.oec-feedback-breakdown{flex-direction:column}}.parameter-accordion-card:hover{border-color:var(--color-primary)!important;box-shadow:var(--shadow-card)}.toolkit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);transition:var(--trans-quick)}.agent-workflow-example-box{animation:fadeIn .3s ease-in-out}.module-objectives-body-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:32px;align-items:start;width:100%;margin-top:16px}@media (max-width: 860px){.module-objectives-body-split{grid-template-columns:1fr;gap:24px}}