:root{--color-primary: #0066CC;--color-primary-hover: #0057AD;--color-primary-light: #4A9EFF;--color-primary-lighter: #7AB8FF;--color-primary-dark: #004C99;--color-primary-soft: #EEF4FC;--color-secondary: #00A3E0;--color-background: #FFFFFF;--color-surface: #F8FAFB;--color-border: #E1E8ED;--color-border-strong: #CBD5DF;--color-text-primary: #1A1A1A;--color-text-secondary: #5A6A7A;--color-success: #15803D;--color-success-soft: #EAF6EE;--color-error: #DC2626;--color-error-soft: #FDECEC;--color-warning: #F39C12;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .12);--shadow-hover: 0 4px 14px rgba(16, 24, 40, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}*{font-family:Poppins,sans-serif;text-decoration:none;margin:0;padding:0;box-sizing:border-box}body{margin:0;background:var(--color-surface)}@media (hover: hover) and (pointer: fine){html{zoom:.9}.chart-container{zoom:calc(1 / .9)}}@media (hover: hover) and (pointer: fine) and (max-height: 720px){html{zoom:.8}.chart-container{zoom:1.25}}h1{text-align:center;padding-top:var(--spacing-xl);color:var(--color-text-primary);font-family:Kanit;font-weight:700;font-size:3rem;line-height:1.2}h1 a{color:var(--color-primary);font-family:Kanit}h2{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-md)}main{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);padding-bottom:var(--spacing-lg);max-width:1800px;margin-inline:auto}@media (max-width: 768px){main{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (max-width: 480px){main{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}.clickableButton{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#logo:focus-visible,.dropbtn:focus-visible{outline-color:#fff}ul h3{text-decoration:none;list-style:none;font-size:1.35rem}#logo{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;border-radius:var(--radius-md);margin:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:2px solid transparent;color:#fff;text-decoration:none;transition:background-color var(--transition-fast)}#logo:hover{background-color:#ffffff1f}.logo-deca{font-weight:800;font-size:1.3rem;letter-spacing:.5px}.logo-divider{width:2px;height:24px;background:#fff6;border-radius:2px}.logo-quizzler{font-weight:500;font-size:1.15rem;letter-spacing:.3px}.dropbtn{font-weight:600;font-size:1.05rem;padding:22px 15px!important;width:101px;text-align:center;transition:all var(--transition-base)}.navbar ul{list-style-type:none;background:var(--color-primary);padding:0%;margin:0%;overflow:visible;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);position:relative;z-index:1000}.toggle{margin-left:auto;padding-left:var(--spacing-lg)}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:9998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;top:0;right:0;bottom:0;width:40%;max-width:85vw;background:var(--color-background);z-index:9999;box-shadow:-4px 0 24px #0003;display:flex;flex-direction:column;animation:slideIn .3s ease-out;overflow-y:auto;padding:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-background)}.sidebar-header h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0}.close-sidebar-btn{background:transparent;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.close-sidebar-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.sidebar-nav{display:flex;flex-direction:column;padding:0;gap:0;flex:1}.sidebar-item{display:flex;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);color:var(--color-text-primary)!important;font-weight:500;font-size:1rem;border-radius:0;transition:all var(--transition-fast);text-decoration:none;border-bottom:1px solid var(--color-border)}.sidebar-item:hover{background:var(--color-primary-soft)!important;color:var(--color-primary)!important}.toggle{margin-right:20px;margin-top:5px;display:none!important}.navbar a{color:#fff;text-decoration:none;padding:var(--spacing-md);display:block}.navbar li a:hover{background-color:#ffffff26;border-radius:var(--radius-md)}.toggle{cursor:pointer}.navbar li{display:inline-block}.dropdown{position:relative;z-index:1001}.dropdown .grid-container{position:absolute;top:100%;left:0;z-index:2000;display:none;padding:var(--spacing-sm);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.dropdown:hover .dropbtn{background-color:#ffffff26;border-radius:var(--radius-md)}.dropdown:hover .grid-container{display:grid;grid-template-columns:repeat(auto-fit,175px);gap:4px;max-width:min(700px,90vw)}.dropdown:hover .grid-container-core{grid-template-columns:repeat(3,175px);max-width:547px}@media screen and (max-width: 1290px){.dropdown:hover .grid-container-core{grid-template-columns:repeat(2,175px);max-width:362px}}@media (hover: hover) and (pointer: fine) and (min-width: 1165px),(hover: hover) and (pointer: fine) and (max-height: 720px) and (min-width: 1037px){.dropdown:hover .grid-container-core{grid-template-columns:repeat(3,175px);max-width:547px}}.dropdown-element{transition:all var(--transition-fast);border-radius:var(--radius-sm)}.dropdown-element a{padding:10px var(--spacing-md);color:var(--color-text-primary);font-weight:500;font-size:.95rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-element:hover{background:var(--color-primary-soft)}.dropdown-element:hover a{color:var(--color-primary)}.navbar .dropdown-element a:hover{background-color:transparent}.navbar-div{display:flex;align-items:center}.search-box{width:250px;background:var(--color-background);border-radius:var(--radius-md);margin-right:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:box-shadow var(--transition-base)}.search-box:focus-within{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #4a9eff59}.search-box-row{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md)}#input{flex:none;width:200px;height:30px;background:transparent;font-size:.95rem;color:var(--color-text-primary);border:0;outline:0}#input::placeholder{color:var(--color-text-secondary)}.search-icon{background:transparent;border:0;outline:0;height:24px;cursor:pointer;color:var(--color-text-secondary)}.search-box{position:relative;z-index:100}.result-box{position:absolute;top:100%;left:0;z-index:1000;background-color:var(--color-background);width:250px;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.result-box ul{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;list-style:none;margin:0;padding:var(--spacing-xs)}.result-box ul:first-child{border-top:none}.result-box ul li{cursor:pointer;list-style:none;border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-lg);width:100%;transition:background-color var(--transition-fast);color:var(--color-text-primary)}.result-box ul li:hover{background:var(--color-surface);color:var(--color-primary)}#sectorHeading{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.exam-section{margin-bottom:var(--spacing-3xl)}.exam-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.exam-section-title{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin:0}.exam-count{background:var(--color-surface);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;border:1px solid var(--color-border)}.exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.exam-card{position:relative;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-sm);overflow:hidden}.exam-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--category-color);transition:width var(--transition-base)}.exam-card:hover{box-shadow:var(--shadow-hover);border-color:var(--category-color)}.exam-card:hover:before{width:6px}.exam-card-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.exam-name{color:var(--color-text-primary);font-weight:600;font-size:1rem;line-height:1.4;word-break:break-word}.exam-arrow{color:var(--color-text-secondary);font-size:1.25rem;font-weight:700;transition:transform var(--transition-base);flex-shrink:0}.exam-card:hover .exam-arrow{transform:translate(4px);color:var(--category-color)}.quiz-summary{max-width:1250px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.summary-header{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.summary-title{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.summary-subtitle{color:var(--color-text-secondary);font-size:1.1rem;font-weight:500}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.stat-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.stat-card-score .stat-value{color:var(--color-primary)}.stat-card-correct .stat-value{color:var(--color-success)}.stat-card-incorrect .stat-value{color:var(--color-error)}.stat-content{text-align:center}.stat-value{font-family:Kanit,sans-serif;font-size:2.5rem;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:var(--spacing-sm)}.stat-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.questions-section{margin-bottom:var(--spacing-3xl)}.questions-header{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-lg)}.summary-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-border)}.tab-button{background:transparent;border:none;color:var(--color-text-secondary);font-size:1.1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition-base);margin-bottom:-2px}.tab-button:hover{color:var(--color-text-primary)}.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.incorrect-questions{display:flex;flex-direction:column;gap:var(--spacing-lg)}.incorrect-question-card{position:relative;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.incorrect-question-card:hover{box-shadow:var(--shadow-md)}.question-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.question-badges{display:flex;align-items:center;gap:var(--spacing-md)}.question-number{background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-weight:700;font-size:.9rem}.question-exam{background:var(--color-surface);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-weight:600;font-size:.85rem;border:1px solid var(--color-border)}.question-text{color:var(--color-text-primary);font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:var(--spacing-lg)}.choices-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.choice-item{padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;transition:all var(--transition-fast)}.choice-correct{background:var(--color-success-soft);border-color:var(--color-success);color:#14532d;font-weight:600}.choice-incorrect{background:var(--color-error-soft);border-color:var(--color-error);color:#7f1d1d;font-weight:600}.explanation-toggle{width:100%;padding:var(--spacing-md);background:var(--color-primary-soft);color:var(--color-primary);border:1px solid #D3E2F5;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.explanation-toggle:hover{background:#e2edfb;border-color:#bfd5f2}.toggle-icon{font-size:1.25rem;font-weight:700;line-height:1}.explanation-content{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);animation:slideDown .3s ease-out}.explanation-header{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:1.1rem}.explanation-text{color:var(--color-text-primary);line-height:1.7;font-size:.95rem}.correct-answer{color:var(--color-success);font-weight:700}.perfect-score{text-align:center;padding:var(--spacing-3xl);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-3xl);box-shadow:var(--shadow-sm)}.perfect-score h2{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.perfect-score p{font-size:1.1rem;color:var(--color-text-secondary)}.summary-actions{display:flex;gap:var(--spacing-lg);justify-content:center}.action-button{padding:var(--spacing-md) var(--spacing-xl);border:2px solid transparent;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.action-button-home{background:var(--color-background);color:var(--color-text-primary);border-color:var(--color-border)}.action-button-home:hover{border-color:var(--color-primary);color:var(--color-primary)}.action-button-retry{background:var(--color-primary);color:#fff}.action-button-retry:hover{background:var(--color-primary-hover)}#quiz-title{display:flex;width:90%;justify-content:space-between;align-items:end;margin-inline:auto}#quiz-name{margin-top:25px}#quiz-title ul li{list-style:none;display:inline-flex;align-items:center;margin-bottom:3px;padding-bottom:var(--spacing-xs)}#switch-text{font-weight:500;font-size:large;margin-right:var(--spacing-sm);margin-left:var(--spacing-md);margin-bottom:0}#question-box{position:relative;padding:var(--spacing-2xl);margin-inline:auto;align-items:center;width:90%;background:linear-gradient(135deg,#e3f2fd,#fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;grid-template-columns:130px auto;grid-template-rows:1;box-shadow:var(--shadow-sm)}#number{display:grid;place-items:center;width:88px;height:88px;background:var(--color-primary);border-radius:50%;color:#fff;font-weight:700;font-size:2.6rem;line-height:1}#question{display:inline-block;width:auto;font-size:1.45rem;color:var(--color-text-primary);font-weight:500;line-height:1.5;cursor:default;caret-color:transparent}.btn{background:var(--color-primary);color:#fff;font-weight:500;font-size:1.05rem;height:150px;border:2px solid transparent;padding:var(--spacing-md) var(--spacing-2xl);margin:7px 0;text-align:center;border-radius:var(--radius-lg);cursor:pointer;position:relative;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.btn:hover:not(:disabled){background:var(--color-primary-hover)}.btn #letter{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);background:#ffffff29;color:#fff;font-weight:600;font-size:1.2rem;line-height:1;pointer-events:none}.btn #btn-text{pointer-events:none;font-size:1.15rem;padding-right:2%;padding-left:2%;line-height:1.4}.btn:disabled{cursor:default}.btn:disabled:not(.correct):not(.incorrect){opacity:.55}#choices{margin-top:25px;margin-bottom:50px;width:90%;margin-inline:auto;display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));grid-template-rows:repeat(2,150px);grid-gap:10% 2%}#quiz-buttons{margin-top:65px;margin-bottom:25px;display:flex;align-items:center;justify-content:center}.quizButton{background:var(--color-background);color:var(--color-text-primary);font-weight:600;width:200px;max-width:20%;height:50px;border:1px solid var(--color-border-strong);padding:0 var(--spacing-lg);margin-left:.5%;margin-right:.5%;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);font-size:1rem;line-height:1}.quizButton:hover{border-color:var(--color-primary);color:var(--color-primary)}#next-question{background:var(--color-primary);border-color:var(--color-primary);color:#fff}#next-question:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}#fav-btn{position:absolute;background:transparent;border:none;top:6px;right:20px;outline:none;font-size:24px;cursor:pointer;padding:var(--spacing-sm);border-radius:50%;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:24px;height:48px}#fav-btn:hover{background:#ffd7001a;transform:scale(1.1)}#fav-btn:active{transform:scale(.95)}.icon-stack{position:relative;display:inline-block;width:28px;height:28px}.icon-stack .bottom,.icon-stack .top{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all var(--transition-base)}.icon-stack .top{pointer-events:none}.icon-stack .bottom{color:transparent}.switch{position:relative;width:53px;height:28px;background-color:#939ba3;border-radius:var(--radius-full);transition:var(--transition-base);box-shadow:var(--shadow-sm);cursor:pointer;border:none;outline:none}.switch[data-state=checked]{background:var(--color-primary)}.switch:focus-visible{box-shadow:0 0 0 3px var(--color-primary-lighter)}.slider.round{display:block;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:var(--transition-base);transform:translate(4px);box-shadow:var(--shadow-sm);will-change:transform}.switch[data-state=checked] .slider.round{transform:translate(29px)}.correct{background:var(--color-success)!important;border-color:var(--color-success)!important}.incorrect{background:var(--color-error)!important;border-color:var(--color-error)!important}.underline{text-decoration:underline}.question-summary{margin-top:var(--spacing-md);font-weight:600;font-size:1rem;color:var(--color-text-primary)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-content{position:relative;background-color:var(--color-background);margin-top:20%;margin-inline:auto;padding:var(--spacing-2xl);padding-top:var(--spacing-md);width:80%;border-radius:var(--radius-lg);color:var(--color-text-primary);height:auto;animation-name:animatetop;animation-duration:1s;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.modal-drag-handle{width:100%;padding:var(--spacing-sm) 0;display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-md);-webkit-user-select:none;user-select:none}.modal-drag-indicator{width:40px;height:4px;background:var(--color-text-secondary);border-radius:2px;transition:background var(--transition-fast)}.modal-drag-handle:hover .modal-drag-indicator,.modal-drag-handle.dragging .modal-drag-indicator{background:var(--color-text-primary)}.modal-content-confirm-exit{position:relative;background-color:var(--color-background);margin-top:20%;margin-inline:auto;padding:var(--spacing-2xl);padding-top:var(--spacing-md);width:815px;max-width:80%;border-radius:var(--radius-lg);color:var(--color-text-primary);height:auto;animation-name:animatetop;animation-duration:1s;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}#modalHeader{text-align:left;margin:0 0 var(--spacing-md) 0;padding:0;color:var(--color-error);font-size:2rem;font-weight:600}.modal-content-confirm-exit #modalHeader{color:var(--color-text-primary)}#modalText{text-align:left;word-wrap:break-word;line-height:1.6;color:var(--color-text-secondary)}.modal.fade .modal-dialog{-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0)}#hideModalButton{display:none;margin-top:var(--spacing-md);min-width:80px;height:50px;border:none;background:var(--color-primary);border-radius:var(--radius-md);font-family:Poppins;font-weight:600;color:#fff;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center}#hideModalButton:hover{background:var(--color-primary-hover)}#confirmExitModalButton{margin-top:var(--spacing-md);min-width:80px;height:50px;border:none;background:var(--color-primary);border-radius:var(--radius-md);font-family:Poppins;font-weight:600;color:#fff;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center}#confirmExitModalButton:hover{background:var(--color-primary-hover)}.header-subtext{text-align:center;color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-2xl);font-weight:400}.home-page{max-width:1400px}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:72px;align-items:start;padding:72px 0 var(--spacing-3xl)}.home-hero-text{padding-top:var(--spacing-lg)}.home-hero h1{text-align:left;padding-top:0;font-size:3.75rem;line-height:1.05;max-width:11em;margin-bottom:var(--spacing-lg)}.home-lead{color:var(--color-text-primary);font-size:1.25rem;line-height:1.6;max-width:34em;margin-bottom:var(--spacing-md)}.home-sublead{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;max-width:40em;margin-bottom:var(--spacing-xl)}.home-cta{display:inline-flex;align-items:center;padding:14px var(--spacing-xl);background:var(--color-primary);color:#fff;font-weight:600;font-size:1.05rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast)}.home-cta:hover{background:var(--color-primary-hover)}.home-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-lg) var(--spacing-2xl);margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:2px solid var(--color-border);max-width:680px}.home-stats div{display:flex;flex-direction:column-reverse}.home-stats dd{font-family:Kanit;font-weight:700;font-size:2rem;line-height:1.1;color:var(--color-text-primary)}.home-stats dt{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}:is(.home-cta,.sample-choice,.sample-next,.sample-full-exam,.sector-card,.feature-list a):focus-visible{outline:3px solid var(--color-primary-light);outline-offset:3px}.sample-question{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.sample-question-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.sample-question-label{color:var(--color-primary);font-size:.95rem;font-weight:600;margin:0}.sample-question-source{background:var(--color-surface);color:var(--color-text-secondary);padding:2px var(--spacing-md);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:.85rem;font-weight:600;white-space:nowrap}.sample-question-text{color:var(--color-text-primary);font-size:1.15rem;font-weight:500;line-height:1.5;margin:var(--spacing-md) 0 var(--spacing-lg)}.sample-choices{display:grid;gap:10px}.sample-choice{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:12px var(--spacing-md);text-align:left;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:500;line-height:1.4;border:2px solid transparent;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:background-color var(--transition-fast),opacity var(--transition-fast)}.sample-choice:hover:not(:disabled){background:var(--color-primary-hover)}.sample-choice:disabled{cursor:default}.sample-choice:disabled:not(.is-correct):not(.is-incorrect){opacity:.5}.sample-choice.is-correct{background:var(--color-success);border-color:var(--color-success)}.sample-choice.is-incorrect{background:var(--color-error);border-color:var(--color-error)}.sample-choice-letter{flex-shrink:0;width:1.1em;font-weight:700;color:#fff9}.sample-verdict{margin-top:var(--spacing-lg);font-weight:700}.sample-verdict.is-correct{color:var(--color-success)}.sample-verdict.is-incorrect{color:var(--color-error)}.sample-explanation{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.sample-explanation strong{color:var(--color-text-primary)}.sample-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-md)}.sample-next{padding:10px 18px;background:var(--color-background);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base)}.sample-next:hover{border-color:var(--color-primary);color:var(--color-primary)}.sample-full-exam{color:var(--color-primary);font-size:.95rem;font-weight:600}.sample-full-exam span{display:inline-block;transition:transform var(--transition-base)}.sample-full-exam:hover{color:var(--color-primary-dark)}.sample-full-exam:hover span{transform:translate(4px)}.home-section{margin-bottom:var(--spacing-3xl)}.home-section-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.home-section-header h2{font-size:1.75rem;font-weight:700;margin:0}.home-section-header p{color:var(--color-text-secondary);font-size:1rem}.sectorList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-lg);list-style:none}.sectorList li{display:flex}.sector-card{display:flex;flex-direction:column;width:100%;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;isolation:isolate;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.sector-card:hover{box-shadow:var(--shadow-hover);border-color:var(--sector-color)}.sector-card-image{display:flex;justify-content:center;aspect-ratio:16 / 7;background:var(--sector-color);overflow:hidden}@supports not (aspect-ratio: 16 / 7){.sector-card-image{height:170px}}.sector-card-image img{display:block;width:auto;height:100%;clip-path:inset(0 1.5%)}.sector-card-body{display:flex;flex-direction:column;flex:1;padding:20px var(--spacing-lg)}.sector-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.sector-card-heading h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;line-height:1.3}.sector-card-code{flex-shrink:0;margin-top:2px;background:var(--color-surface);color:var(--color-text-secondary);padding:2px 10px;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8rem;font-weight:700}.sector-card-topics{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin:6px 0 var(--spacing-md)}.sector-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--color-border);color:var(--color-text-primary);font-size:.9rem;font-weight:600}.sector-card-arrow{color:var(--color-text-secondary);font-size:1.25rem;font-weight:700;line-height:1;transition:transform var(--transition-base),color var(--transition-base)}.sector-card:hover .sector-card-arrow{transform:translate(4px);color:var(--color-primary)}.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-2xl) var(--spacing-xl);list-style:none}.feature-list h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.feature-list p{color:var(--color-text-secondary);font-size:.98rem;line-height:1.6}.feature-list a{color:var(--color-primary);font-weight:600}.feature-list a:hover{text-decoration:underline}@media (max-width: 1215px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:var(--spacing-2xl)}.home-hero h1{font-size:3.25rem}.sectorList,.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.home-hero{grid-template-columns:minmax(0,1fr);gap:var(--spacing-2xl);padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.home-hero-text{padding-top:0}.home-hero h1{font-size:3.25rem}.home-lead{font-size:1.35rem}.home-sublead,.home-cta{font-size:1.15rem}.home-stats dd{font-size:2.25rem}.home-stats dt{font-size:1rem}.sample-question{display:none}.home-section-header h2{font-size:1.9rem}.home-section-header p{font-size:1.1rem}.sector-card-heading h3{font-size:1.3rem}.sector-card-topics{font-size:1.05rem}.sector-card-footer{font-size:1rem}.feature-list h3{font-size:1.25rem}.feature-list p{font-size:1.1rem}}@media (max-width: 560px){.home-hero h1{font-size:2.5rem}.sectorList,.feature-list{grid-template-columns:minmax(0,1fr)}}.sector-page-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.sector-page-header h1{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);padding-top:var(--spacing-2xl);background:none;-webkit-text-fill-color:initial}.sector-intro{color:var(--color-text-secondary);font-size:1.1rem;max-width:800px;margin:0 auto;line-height:1.6}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tooltip-content{background-color:var(--color-text-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.875rem;line-height:1;box-shadow:var(--shadow-lg);z-index:100;animation:slideDown .2s ease-out}.tooltip-arrow{fill:var(--color-text-primary)}@media (max-width: 900px){#fav-btn{font-size:26px;width:44px;height:44px;right:12px;top:8px}.icon-stack{width:26px;height:26px}#choices{margin-top:25px;margin-bottom:50px;width:90%;margin-inline:auto;display:grid;grid-template-columns:repeat(1,minmax(100px,1fr));grid-template-rows:repeat(4,150px);grid-gap:2%}.exam-grid{grid-template-columns:1fr}.exam-section-header{flex-wrap:wrap}.exam-section-title{font-size:1.5rem}.exam-count{width:100%;text-align:center;order:3}.sector-page-header h1{font-size:2rem}.sector-intro{font-size:1rem}#sectorHeading{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.quiz-summary{padding:var(--spacing-lg) var(--spacing-md)}.summary-title{font-size:1.75rem}.summary-stats{grid-template-columns:1fr}.stat-card{padding:var(--spacing-lg)}.stat-value{font-size:2rem}.questions-header{font-size:1.5rem}.tab-button{font-size:1rem;padding:var(--spacing-md) var(--spacing-md);flex:1;text-align:center}.question-text{font-size:1rem}.summary-actions{flex-direction:column}.action-button{width:100%}}@media screen and (max-width: 1215px){.exam-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 769px) and (max-width: 1024px){.exam-section-title{font-size:1.6rem}.summary-stats{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 480px){.stat-card{padding:var(--spacing-lg)}.stat-value{font-size:1.75rem}.stat-label{font-size:.85rem}}@media (max-width: 1215px){.search-box{width:250px;background:var(--color-background);border-radius:var(--radius-md);margin-right:var(--spacing-sm)!important}.dropdown{display:none}.toggle{display:block!important}}@media (hover: hover) and (pointer: fine) and (min-width: 1101px),(hover: hover) and (pointer: fine) and (max-height: 720px) and (min-width: 981px){.search-box{margin-right:var(--spacing-lg)!important}.dropdown{display:block}.toggle{display:none!important}}.traffic-page{padding:var(--spacing-sm)}.loading-state{text-align:center;padding:var(--spacing-2xl);font-size:1.2rem;color:var(--color-text-secondary)}.traffic-controls{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-2xl) 0;flex-wrap:wrap}.date-range-select{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:1rem;cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:250px}.date-range-select:hover{border-color:var(--color-primary)}.date-range-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.traffic-nav-btn{padding:var(--spacing-md) var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.traffic-nav-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.traffic-nav-btn:disabled{opacity:.5;cursor:not-allowed}.traffic-charts-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);margin:var(--spacing-2xl) 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl)}.traffic-chart{min-width:0}.traffic-chart-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg);text-align:center}.chart-container{position:relative;height:300px;width:100%}@media (max-width: 1200px){.traffic-charts-card{grid-template-columns:1fr}.traffic-chart{margin-bottom:var(--spacing-xl)}.traffic-chart:last-child{margin-bottom:0}}@media (max-width: 768px){.traffic-controls{flex-direction:column;align-items:stretch}.date-range-select{min-width:100%}.traffic-nav-btn{width:100%}.traffic-charts-card{padding:var(--spacing-lg)}.chart-container{height:250px}}.rate-limit-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;color:#92400e;font-weight:600;text-align:center}.rate-limit-error{background:#fee2e2;border:1px solid #ef4444;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;color:#991b1b;font-weight:600;text-align:center}.not-found-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg)}.not-found-container{max-width:1050px;width:100%}.not-found-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-2xl);box-shadow:var(--shadow-md);text-align:center}.not-found-title{font-size:8rem;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-md);padding-top:0}.not-found-heading{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg)}.not-found-message{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-md)}.not-found-reasons{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;text-align:left;max-width:500px;margin-inline:auto}.not-found-reasons li{color:var(--color-text-primary);font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-sm);background:var(--color-surface);border-left:4px solid var(--color-primary);border-radius:var(--radius-md)}.not-found-help{color:var(--color-text-primary);font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-md)}.not-found-actions{display:flex;justify-content:center;gap:var(--spacing-lg)}.action-button-home-primary{padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-primary);color:#fff;border:2px solid transparent;border-radius:var(--radius-md);font-weight:600;font-size:1.1rem;cursor:pointer;transition:background-color var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.action-button-home-primary:hover{background:var(--color-primary-hover)}@media (max-width: 768px){.not-found-title{font-size:5rem}.not-found-heading{font-size:1.5rem}.not-found-content{padding:var(--spacing-2xl) var(--spacing-lg)}.not-found-reasons{max-width:100%}.not-found-message,.not-found-help{font-size:1rem}}