@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&family=Roboto+Mono:wght@300;400;500;600&display=swap');:root{--primary:#1976D2;--primary-dark:#1565C0;--secondary:#2E7D32;--secondary-light:#F1F5F9;--accent:#BF360C;--neutral-100:#767676;--neutral-200:#616161;--neutral-300:#4C4C4C;--neutral-400:#373737;--neutral-500:#222222;--neutral-600:#0D0D0D;--neutral-700:#000000;--white:#FFFFFF;--light-gray:#F8F9FA;--primary-button:#1976D2;--secondary-button:#2E7D32;--table-header:#F1F5F9;--list-item-hover:#F1F5F9;--card-background:#FFFFFF;--font-primary:'Montserrat',sans-serif;--font-secondary:'Open Sans',sans-serif;--font-mono:'Roboto Mono',monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}[data-theme="dark"]{--card-background:#1a1a1a;--table-header:#2d2d2d;--list-item-hover:#2d2d2d;--light-gray:#1a1a1a;--white:#0f0f0f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-secondary);line-height:1.6;color:var(--neutral-500);background-color:var(--white);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:1.3;color:var(--neutral-600);margin-bottom:var(--space-md)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:500}h5{font-size:1.125rem;font-weight:500}h6{font-size:1rem;font-weight:500}p{margin-bottom:var(--space-md);color:var(--neutral-400);font-weight:400}strong{font-weight:600;color:var(--neutral-500)}blockquote{border-left:4px solid var(--primary);margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);background-color:var(--light-gray);color:var(--neutral-400);font-style:italic}code{font-family:var(--font-mono);background-color:var(--light-gray);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:0.875rem;color:var(--neutral-500)}.exampl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:500;font-size:0.875rem;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.exampl-btn:before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width var(--transition-fast),height var(--transition-fast)}.exampl-btn:hover:before{width:300px;height:300px}.exampl-btn-primary{background-color:var(--primary-button);color:white}.exampl-btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.exampl-btn-secondary{background-color:var(--secondary-button);color:white}.exampl-btn-secondary:hover{background-color:#1B5E20;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.exampl-btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.exampl-btn-outline:hover{background-color:var(--primary);color:white}.exampl-btn-lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.exampl-btn-sm{padding:var(--space-xs) var(--space-md);font-size:0.75rem}.exampl-card{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:all var(--transition-normal);border:1px solid rgba(0,0,0,0.05)}.exampl-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.exampl-card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--light-gray)}.exampl-card-title{font-family:var(--font-primary);font-size:1.25rem;font-weight:600;color:var(--neutral-600);margin-bottom:var(--space-xs)}.exampl-card-subtitle{color:var(--neutral-200);font-size:0.875rem}.exampl-card-body{margin-bottom:var(--space-lg)}.exampl-card-footer{padding-top:var(--space-md);border-top:1px solid var(--light-gray);display:flex;justify-content:space-between;align-items:center}.exampl-logo-container{display:flex;align-items:center;justify-content:center;padding:var(--space-md);background-color:var(--white);border-radius:var(--radius-md);margin-bottom:var(--space-md);min-height:80px;border:1px solid var(--light-gray)}.exampl-logo-container img{max-width:100%;max-height:60px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.1))}.exampl-table{width:100%;border-collapse:collapse;background-color:var(--card-background);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.exampl-table th{background-color:var(--table-header);color:var(--neutral-600);font-family:var(--font-primary);font-weight:600;padding:var(--space-md) var(--space-lg);text-align:left;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em}.exampl-table td{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--light-gray);color:var(--neutral-400);font-size:0.875rem}.exampl-table tbody tr:hover{background-color:var(--list-item-hover);transition:background-color var(--transition-fast)}.exampl-table tbody tr:nth-child(even){background-color:rgba(0,0,0,0.02)}.exampl-table-logo{width:100px;text-align:center}.exampl-table-logo img{max-width:80px;max-height:40px;object-fit:contain;padding:var(--space-xs);background-color:white;border-radius:var(--radius-sm);border:1px solid var(--light-gray)}.exampl-list{list-style:none;padding:0;margin:0}.exampl-list-item{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--light-gray);transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:space-between}.exampl-list-item:hover{background-color:var(--list-item-hover)}.exampl-list-item:last-child{border-bottom:none}.exampl-list-content{display:flex;align-items:center;gap:var(--space-md)}.exampl-list-icon{width:24px;height:24px;color:var(--primary)}.exampl-list-title{font-weight:500;color:var(--neutral-500);margin:0}.exampl-list-subtitle{color:var(--neutral-200);font-size:0.875rem;margin:0}.exampl-input-group{margin-bottom:var(--space-lg)}.exampl-label{display:block;font-family:var(--font-primary);font-weight:500;color:var(--neutral-500);margin-bottom:var(--space-sm);font-size:0.875rem}.exampl-input{width:100%;padding:var(--space-md);border:2px solid var(--light-gray);border-radius:var(--radius-md);font-family:var(--font-secondary);font-size:1rem;color:var(--neutral-500);background-color:var(--white);transition:all var(--transition-normal)}.exampl-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(25,118,210,0.1)}.exampl-input::placeholder{color:var(--neutral-100)}.exampl-textarea{resize:vertical;min-height:120px}.exampl-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:var(--space-3xl)}.exampl-m-0{margin:0 !important}.exampl-mt-0{margin-top:0 !important}.exampl-mr-0{margin-right:0 !important}.exampl-mb-0{margin-bottom:0 !important}.exampl-ml-0{margin-left:0 !important}.exampl-mx-0{margin-left:0 !important;margin-right:0 !important}.exampl-my-0{margin-top:0 !important;margin-bottom:0 !important}.exampl-m-1{margin:var(--space-xs) !important}.exampl-mt-1{margin-top:var(--space-xs) !important}.exampl-mr-1{margin-right:var(--space-xs) !important}.exampl-mb-1{margin-bottom:var(--space-xs) !important}.exampl-ml-1{margin-left:var(--space-xs) !important}.exampl-mx-1{margin-left:var(--space-xs) !important;margin-right:var(--space-xs) !important}.exampl-my-1{margin-top:var(--space-xs) !important;margin-bottom:var(--space-xs) !important}.exampl-m-2{margin:var(--space-sm) !important}.exampl-mt-2{margin-top:var(--space-sm) !important}.exampl-mr-2{margin-right:var(--space-sm) !important}.exampl-mb-2{margin-bottom:var(--space-sm) !important}.exampl-ml-2{margin-left:var(--space-sm) !important}.exampl-mx-2{margin-left:var(--space-sm) !important;margin-right:var(--space-sm) !important}.exampl-my-2{margin-top:var(--space-sm) !important;margin-bottom:var(--space-sm) !important}.exampl-m-3{margin:var(--space-md) !important}.exampl-mt-3{margin-top:var(--space-md) !important}.exampl-mr-3{margin-right:var(--space-md) !important}.exampl-mb-3{margin-bottom:var(--space-md) !important}.exampl-ml-3{margin-left:var(--space-md) !important}.exampl-mx-3{margin-left:var(--space-md) !important;margin-right:var(--space-md) !important}.exampl-my-3{margin-top:var(--space-md) !important;margin-bottom:var(--space-md) !important}.exampl-m-4{margin:var(--space-lg) !important}.exampl-mt-4{margin-top:var(--space-lg) !important}.exampl-mr-4{margin-right:var(--space-lg) !important}.exampl-mb-4{margin-bottom:var(--space-lg) !important}.exampl-ml-4{margin-left:var(--space-lg) !important}.exampl-mx-4{margin-left:var(--space-lg) !important;margin-right:var(--space-lg) !important}.exampl-my-4{margin-top:var(--space-lg) !important;margin-bottom:var(--space-lg) !important}.exampl-m-5{margin:var(--space-xl) !important}.exampl-mt-5{margin-top:var(--space-xl) !important}.exampl-mr-5{margin-right:var(--space-xl) !important}.exampl-mb-5{margin-bottom:var(--space-xl) !important}.exampl-ml-5{margin-left:var(--space-xl) !important}.exampl-mx-5{margin-left:var(--space-xl) !important;margin-right:var(--space-xl) !important}.exampl-my-5{margin-top:var(--space-xl) !important;margin-bottom:var(--space-xl) !important}.exampl-p-0{padding:0 !important}.exampl-pt-0{padding-top:0 !important}.exampl-pr-0{padding-right:0 !important}.exampl-pb-0{padding-bottom:0 !important}.exampl-pl-0{padding-left:0 !important}.exampl-px-0{padding-left:0 !important;padding-right:0 !important}.exampl-py-0{padding-top:0 !important;padding-bottom:0 !important}.exampl-p-1{padding:var(--space-xs) !important}.exampl-pt-1{padding-top:var(--space-xs) !important}.exampl-pr-1{padding-right:var(--space-xs) !important}.exampl-pb-1{padding-bottom:var(--space-xs) !important}.exampl-pl-1{padding-left:var(--space-xs) !important}.exampl-px-1{padding-left:var(--space-xs) !important;padding-right:var(--space-xs) !important}.exampl-py-1{padding-top:var(--space-xs) !important;padding-bottom:var(--space-xs) !important}.exampl-p-2{padding:var(--space-sm) !important}.exampl-pt-2{padding-top:var(--space-sm) !important}.exampl-pr-2{padding-right:var(--space-sm) !important}.exampl-pb-2{padding-bottom:var(--space-sm) !important}.exampl-pl-2{padding-left:var(--space-sm) !important}.exampl-px-2{padding-left:var(--space-sm) !important;padding-right:var(--space-sm) !important}.exampl-py-2{padding-top:var(--space-sm) !important;padding-bottom:var(--space-sm) !important}.exampl-p-3{padding:var(--space-md) !important}.exampl-pt-3{padding-top:var(--space-md) !important}.exampl-pr-3{padding-right:var(--space-md) !important}.exampl-pb-3{padding-bottom:var(--space-md) !important}.exampl-pl-3{padding-left:var(--space-md) !important}.exampl-px-3{padding-left:var(--space-md) !important;padding-right:var(--space-md) !important}.exampl-py-3{padding-top:var(--space-md) !important;padding-bottom:var(--space-md) !important}.exampl-p-4{padding:var(--space-lg) !important}.exampl-pt-4{padding-top:var(--space-lg) !important}.exampl-pr-4{padding-right:var(--space-lg) !important}.exampl-pb-4{padding-bottom:var(--space-lg) !important}.exampl-pl-4{padding-left:var(--space-lg) !important}.exampl-px-4{padding-left:var(--space-lg) !important;padding-right:var(--space-lg) !important}.exampl-py-4{padding-top:var(--space-lg) !important;padding-bottom:var(--space-lg) !important}.exampl-p-5{padding:var(--space-xl) !important}.exampl-pt-5{padding-top:var(--space-xl) !important}.exampl-pr-5{padding-right:var(--space-xl) !important}.exampl-pb-5{padding-bottom:var(--space-xl) !important}.exampl-pl-5{padding-left:var(--space-xl) !important}.exampl-px-5{padding-left:var(--space-xl) !important;padding-right:var(--space-xl) !important}.exampl-py-5{padding-top:var(--space-xl) !important;padding-bottom:var(--space-xl) !important}.exampl-text-primary{color:var(--primary) !important}.exampl-text-secondary{color:var(--secondary) !important}.exampl-text-accent{color:var(--accent) !important}.exampl-text-neutral-100{color:var(--neutral-100) !important}.exampl-text-neutral-200{color:var(--neutral-200) !important}.exampl-text-neutral-300{color:var(--neutral-300) !important}.exampl-text-neutral-400{color:var(--neutral-400) !important}.exampl-text-neutral-500{color:var(--neutral-500) !important}.exampl-text-neutral-600{color:var(--neutral-600) !important}.exampl-text-neutral-700{color:var(--neutral-700) !important}.exampl-text-white{color:var(--white) !important}.exampl-bg-primary{background-color:var(--primary) !important}.exampl-bg-secondary{background-color:var(--secondary) !important}.exampl-bg-accent{background-color:var(--accent) !important}.exampl-bg-light{background-color:var(--light-gray) !important}.exampl-bg-white{background-color:var(--white) !important}.exampl-flex{display:flex !important}.exampl-inline-flex{display:inline-flex !important}.exampl-block{display:block !important}.exampl-inline-block{display:inline-block !important}.exampl-grid{display:grid !important}.exampl-hidden{display:none !important}.exampl-flex-row{flex-direction:row !important}.exampl-flex-col{flex-direction:column !important}.exampl-flex-wrap{flex-wrap:wrap !important}.exampl-flex-nowrap{flex-wrap:nowrap !important}.exampl-justify-start{justify-content:flex-start !important}.exampl-justify-center{justify-content:center !important}.exampl-justify-end{justify-content:flex-end !important}.exampl-justify-between{justify-content:space-between !important}.exampl-justify-around{justify-content:space-around !important}.exampl-items-start{align-items:flex-start !important}.exampl-items-center{align-items:center !important}.exampl-items-end{align-items:flex-end !important}.exampl-items-stretch{align-items:stretch !important}.exampl-w-full{width:100% !important}.exampl-h-full{height:100% !important}.exampl-w-auto{width:auto !important}.exampl-h-auto{height:auto !important}.exampl-text-left{text-align:left !important}.exampl-text-center{text-align:center !important}.exampl-text-right{text-align:right !important}.exampl-text-justify{text-align:justify !important}.exampl-font-thin{font-weight:100 !important}.exampl-font-light{font-weight:300 !important}.exampl-font-normal{font-weight:400 !important}.exampl-font-medium{font-weight:500 !important}.exampl-font-semibold{font-weight:600 !important}.exampl-font-bold{font-weight:700 !important}.exampl-text-xs{font-size:0.75rem !important}.exampl-text-sm{font-size:0.875rem !important}.exampl-text-base{font-size:1rem !important}.exampl-text-lg{font-size:1.125rem !important}.exampl-text-xl{font-size:1.25rem !important}.exampl-text-2xl{font-size:1.5rem !important}.exampl-text-3xl{font-size:1.875rem !important}.exampl-text-4xl{font-size:2.25rem !important}.exampl-pattern-bg{background-image:radial-gradient(circle at 50% 50%,var(--primary) 1px,transparent 1px),radial-gradient(circle at 100% 0%,var(--secondary) 1px,transparent 1px);background-size:40px 40px,60px 60px;background-position:0 0,20px 20px;opacity:0.05}.exampl-fade-in{animation:fadeIn 0.6s ease-in-out}.exampl-slide-up{animation:slideUp 0.6s ease-out}.exampl-bounce-in{animation:bounceIn 0.6s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}}.exampl-spinner{width:40px;height:40px;border:4px solid var(--light-gray);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.exampl-card{margin-bottom:var(--space-md)}.exampl-table{font-size:0.75rem}.exampl-table th,.exampl-table td{padding:var(--space-sm) var(--space-md)}.exampl-btn{width:100%;justify-content:center}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media (max-width:480px){.exampl-table-responsive{display:block;overflow-x:auto;white-space:nowrap}.exampl-card{padding:var(--space-md)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}[data-theme="dark"] body{background-color:#0f0f0f;color:#e5e5e5}[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4,[data-theme="dark"] h5,[data-theme="dark"] h6{color:#ffffff}[data-theme="dark"] p{color:#b3b3b3}[data-theme="dark"] .exampl-table th{background-color:#2d2d2d;color:#ffffff}[data-theme="dark"] .exampl-table td{border-color:#404040;color:#b3b3b3}[data-theme="dark"] .exampl-table tbody tr:nth-child(even){background-color:rgba(255,255,255,0.02)}[data-theme="dark"] .exampl-input{background-color:#1a1a1a;border-color:#404040;color:#e5e5e5}[data-theme="dark"] .exampl-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(25,118,210,0.2)}@media print{.exampl-btn,.exampl-input{color:#000 !important;background-color:#fff !important;border-color:#000 !important}.exampl-card{box-shadow:none !important;border:1px solid #000 !important}.exampl-table{box-shadow:none !important}}.exampl-btn:focus,.exampl-input:focus,.exampl-table:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){.exampl-card{border:2px solid var(--neutral-700)}.exampl-btn{border:2px solid currentColor}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.albertalearn-nav{position:relative}.albertalearn-menu{list-style:none;margin:0;padding:0;gap:var(--space-lg)}.albertalearn-menu-item{position:relative}.albertalearn-menu-link{text-decoration:none;padding:var(--space-sm) var(--space-md);display:block;transition:all var(--transition-normal);border-radius:var(--radius-sm)}.albertalearn-menu-link:hover{color:var(--primary) !important;background-color:var(--secondary-light);transform:translateY(-2px)}.albertalearn-mobile-toggle{border:2px solid var(--light-gray);border-radius:var(--radius-md);padding:var(--space-sm);background-color:var(--white);color:var(--neutral-500);transition:all var(--transition-normal)}.albertalearn-mobile-toggle:hover{border-color:var(--primary);color:var(--primary);background-color:var(--secondary-light)}.albertalearn-mobile-nav{padding-top:var(--space-lg)}.albertalearn-mobile-menu{list-style:none;margin:0;padding:0}.albertalearn-mobile-menu-item{border-bottom:1px solid var(--light-gray)}.albertalearn-mobile-menu-item:last-child{border-bottom:none}.albertalearn-mobile-menu-link{text-decoration:none;padding:var(--space-md) var(--space-lg);display:block;transition:all var(--transition-normal);border-radius:var(--radius-sm);margin:var(--space-xs) 0}.albertalearn-mobile-menu-link:hover{color:var(--primary) !important;background-color:var(--secondary-light);margin-left:var(--space-md)}@media (max-width:768px){.albertalearn-menu-link{padding:var(--space-xs) var(--space-sm);font-size:0.875rem}}