@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";.sf{border-radius:10px;padding:1rem;margin:1rem}.sf-grid{display:grid;gap:1rem}@media(min-width:768px){.sf-grid{grid-template-columns:1fr 1fr;align-items:center}}.sf-left .sf-media{order:0}.sf-left .sf-copy{order:1}.sf-right .sf-copy{order:0}.sf-right .sf-media{order:1}.sf-media{width:100%}.sf-media-link{display:block;border-radius:10px;overflow:hidden}.sf-img{display:block;width:100%;height:auto;border-radius:10px;object-fit:cover}.sf-copy{width:100%}.sf-title{margin:0 0 .5rem;text-align:center;font-weight:800;font-size:clamp(1.25rem,1rem + 1.2vw,2rem);color:#0b2a3c}.sf-text{margin:.25rem 0 0;font-size:1rem;line-height:1.55;color:#082230;text-align:left}footer{align-items:center;background:#36cfe7;border-radius:5px;bottom:0;display:flex;height:auto;min-height:80px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;width:100%;box-sizing:border-box;z-index:100}.footer-menu{align-items:center;display:flex;justify-content:space-between;height:auto;width:100%;padding:0}.footer_link,.footer__container{color:#040327;display:flex;font-size:1rem;align-items:center;justify-content:center;text-decoration:none;padding:0 1rem;height:100%;transition:all .3s ease}.footer_link:hover{background:#0a8bb7;font-weight:700}.nav__link{color:#040327;font-size:1.1rem;transition:all .3s ease;white-space:nowrap}@media(max-width:768px){footer{flex-direction:column;text-align:center;padding:1rem;min-height:auto}.footer-menu{flex-direction:column}.footer_link,.footer__container{padding:.5rem 0;justify-content:center;width:100%}.nav__link{font-size:1rem}}*{font-family:Tahoma,Verdana,sans-serif}header{align-items:center;background:#5fdcef;border-color:#0a8bb7;border-radius:5px;display:flex;min-height:80px;height:auto;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;top:0;width:100%;box-sizing:border-box;z-index:100}.logo{align-items:center;background:linear-gradient(to top,#3091db,#1e9f8a);background-clip:text;color:transparent;display:flex;font-weight:700;text-decoration:none;-webkit-background-clip:text}.logo img{height:80px;margin-right:20px;padding:8px 16px;width:auto}.logo:hover{background:none;color:#040327;transform:scale(1.5)}#logoText{background:linear-gradient(to top,#064864,#0a574a);background-clip:text;color:transparent;font-size:1.8rem;font-weight:700;text-decoration:none;white-space:nowrap;-webkit-background-clip:text}#logoText:hover{background:#0a8bb7;border-radius:5px;color:#fff;font-weight:700;padding:6px 10px}.role-section{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;margin:.5rem 0;border-radius:8px}.role-user{background:linear-gradient(to top,#66bae6,#ddacf0)}.role-course{background:linear-gradient(to top,#d4dfe6,#e1d2e7)}.role-member{background:linear-gradient(to top,#93ec8d,#8cf9c8)}.role-leader{background:linear-gradient(to top,#f7ffb0,#b6f76c)}.role-admin{background:linear-gradient(to top,#f5b4b4,#f5f191)}.role-exam{background:linear-gradient(to top,#c35858,#faa3a3)}.nav__link{font-size:1rem;transition:all .3s ease;white-space:nowrap;display:block;padding:.5rem;text-align:left}.nav__link:hover{background:#0a8bb7;border-radius:5px;color:#fff;font-weight:700;padding:6px 10px}.nav-button{background:linear-gradient(to top,#3091db,#2eeccd);border:2px solid #2eeccd;border-radius:5px;cursor:pointer;font-weight:700;padding:8px 16px;transition:background .3s ease-in-out}.nav-button:hover{background:#0a8bb7;color:#fff}.navbar__container{align-items:center;display:flex;gap:1rem}.profile-dropdown{display:inline-block;position:relative}.profile-icon{cursor:pointer;height:50px;margin-right:20px;width:auto}.profile-menu{background:linear-gradient(to top,#79dfee,#5fdcef);display:flex;flex-direction:column;min-width:200px;opacity:1;padding:1rem;position:absolute;right:0%;transition:all .3s ease-in-out}.profile-menu button:hover{background:#0a8bb7;color:#fff}.role-tag{font-weight:700}@media(max-width:768px){header{flex-direction:column;justify-content:center;padding:1rem}.logo img{display:none}#logoText{font-size:1.5rem}.navbar__container{flex-direction:column;gap:.5rem}.profile-icon{display:inline-block;height:40px;margin:10px auto}.profile-menu{position:static;min-width:auto;text-align:center}}*{font-family:Georgia,serif;color:#000;box-sizing:border-box;line-height:1.5}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}.body__outline{flex-wrap:wrap;justify-content:space-between;max-width:1200px;min-width:320px;margin:0 auto;padding:.5rem}.left{text-align:left}.center{text-align:center}.right{text-align:right}.heading{text-align:center;margin-bottom:1rem}p{margin-bottom:1.25rem;word-spacing:normal}.pad{padding:1rem}.login{margin:100px;padding:3rem}.manifesto-section{padding:2rem 1rem;background:#fff;max-width:900px;margin:0 auto}.manifesto-section h2{font-size:2rem;margin-bottom:1.5rem;text-align:center}.manifesto-points{list-style-type:disc;padding-left:1.5rem;margin-bottom:2rem;line-height:1.6}.manifesto-poem{font-style:italic;font-weight:700;line-height:1.8;padding:1rem;text-align:left}.manifesto-poem p{margin:.5rem 0}.principle{margin-bottom:2.5rem}.principle h3{font-size:1.4rem;font-weight:600;margin-bottom:.5rem;color:#1a1a1a}.principle p{font-size:1rem;line-height:1.7}.principle ul{list-style-type:disc;padding-left:1.5rem;margin:.5rem 0 1rem}@media screen and (max-width:768px){.body__outline{flex-direction:column;padding:1rem}.profile-body{grid-template-columns:1fr;padding:0 1rem}.manifesto-section h2{font-size:1.75rem}.principle h3{font-size:1.2rem}.principle p{font-size:.95rem}}@media screen and (max-width:480px){.manifesto-section{padding:1rem}}.button{align-items:center;background:linear-gradient(to top,#3091db,#2eeccd);border:2px solid #2eeccd;border-radius:5px;cursor:pointer;display:inline-flex;font-size:1.2rem;gap:1rem;height:auto;justify-content:center;margin:.5rem;padding:8px 16px;text-decoration:none;transition:background .3s ease-in-out;width:auto;white-space:nowrap}.button.logIssue{font-size:1rem}.button.admin{background:linear-gradient(to top,#ce205a,#d06f8e);border:2px solid #d06f8e}.button.approve{background:linear-gradient(to top,#08be54,#7fe9a4);border:2px solid #7fe9a4}.button.flagged{background:linear-gradient(to top,#ea3c3c,#d06f8e);border:2px solid #d06f8e}.button.leader{background:linear-gradient(to top,#ce20c8,#e48ae1);border:2px solid #e48ae1}.button.member{background:linear-gradient(to top,#0b632b,#8be7ad);border:2px solid #8be7ad}.button.superadmin{display:none}.button:hover{background:#0a8bb7;color:#fff}.save-button{background:#fff}#submitAnswerCheckbox{background:linear-gradient(to top,#3091db,#2eeccd);border:2px solid #2eeccd}#submitAnswerCheckbox:hover{background:#0e5c98;font:white;font-weight:700}.sql-buttons-wrap{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-top:1rem;flex-wrap:wrap}@media(max-width:600px){.sql-buttons-wrap{flex-direction:column;align-items:stretch;gap:8px}.sql-buttons-wrap .button{width:100%;margin:0}}img{width:100%;height:auto;border-radius:8px;position:sticky}.hero-caption{color:#555;display:block;font-size:1rem;font-style:italic;text-align:center}.drop-zone{border-color:#045542;border-radius:8px;border-width:5px}.hero-image{width:500px;height:auto;overflow:hidden}@media(max-width:768px){.hero-image{flex:1;padding-left:2rem}}.list{list-style-type:circle}ul{margin-top:2rem}.bullet-no{list-style:none;margin-top:2rem}.bookmark{cursor:pointer;font-size:1.25rem;text-indent:50px}li{margin-bottom:1rem}*{border-radius:5px}.group-two{display:flex;gap:25px}select,.combo-box,.ddl-select,.date-field{font-size:1.1rem;height:auto;padding:10px}em{font-size:.9rem;color:#666;padding-bottom:2px}.role-display{margin-top:15px;margin-bottom:30px;font-size:1rem}label{display:block;font-size:1.1rem;font-weight:700;margin-top:15px;margin-bottom:5px}#yearsExperience{width:30%;margin-bottom:5px}input{width:90%;padding:8px;font-size:1.1rem;border:1px solid #073c53}.toggle-password{background:none;border:none;font-size:.9rem;font-weight:700;color:#011e3d;cursor:pointer;margin-left:8px}.btn-toggle-intro{background:none;border:none;color:#04416b;font-weight:700;cursor:pointer;font-size:.9rem;padding:0;margin-left:4px}.editor-toolbar{display:flex;gap:10px;padding:.5rem;border:2px solid #2eeccd;border-radius:4px 4px 0 0}.editor-toolbar button{background:linear-gradient(to top,#3091db,#2eeccd);border:1.5px solid #ccc;border-radius:3px;cursor:pointer;padding:.3rem .5rem}.editor-placeholder{color:#075044;padding:1rem;position:absolute;pointer-events:none}.editor-input{border:2px solid #2eeccd;min-height:200px;outline:none;font-size:1rem;padding:1rem;background-color:#fff;overflow:auto;height:200px;width:100%}.text-area{width:95%;height:5rem;background-color:#fff;font-size:1rem}.course-wrap-container{display:flex;flex-direction:column;padding:2rem;width:100%;max-width:900px;margin:0 auto}.section-title{font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700;color:#036;margin-bottom:1rem;width:100%}.subsection-title{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600;color:#058;margin-bottom:.75rem}.paragraph{font-size:1rem;line-height:1.6;margin-bottom:1rem}.course-list-horizontal{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.course-card{flex:1 1 220px;max-width:280px;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;background:#5fdcef;border-color:#0a8bb7;border-radius:12px;transition:box-shadow .2s ease,transform .2s ease}.course-card h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;flex-grow:1}.course-card.disabled{opacity:.6;pointer-events:none}.course-card.disabled button{background:#9ca3af;cursor:not-allowed}.issue-card{display:grid;grid-template-areas:"title title" "description issue-img" "expected-result actual-result" "env review" "issue-msg issue-msg";grid-template-columns:2fr 2fr;gap:3px;margin-bottom:70px}.checkcase-card{display:grid;grid-template-areas:"title title" "description issue-img" "checkcase-steps checkcase-steps" "env review" "issue-msg issue-msg";grid-template-columns:2fr 2fr;gap:3px;margin-bottom:70px}.issue-form{display:grid;grid-template-areas:"title title" "description env" "description issue-img" "expected-result actual-result" "submit submit" "issue-msg issue-msg";grid-template-columns:2fr 2fr;gap:3px;margin-bottom:70px}.checkcase-form{display:grid;grid-template-areas:"title title" "description description" "checkcase-steps checkcase-steps" "issue-img submit" "checkcase-msg checkcase-msg";grid-template-columns:2fr 2fr;gap:3px;margin-bottom:70px}.title{grid-area:title;padding-left:3rem}.description{grid-area:description;padding:2rem}.env{grid-area:env;padding-left:2rem}.issue-img{grid-area:issue-img;padding:2rem}.review{grid-area:review;padding-left:2rem}.actual-result{grid-area:actual-result;padding-left:2rem}.expected-result{grid-area:expected-result;padding-left:2rem}.checkcase-steps{grid-area:checkcase-steps;padding:1rem;display:flex;flex-direction:column}.step-row{display:grid;grid-template-areas:"text-field text-field delete-step-btn";grid-template-columns:2fr 2fr .1fr}.delete-step-btn{background:none;border:none;font-size:2rem;cursor:pointer;margin-left:.5rem;align-self:flex-start}.delete-step-btn:hover{color:#8b0000}.group-steps{display:flex}.step-default{background-color:#d6f5df;padding:1rem}.step-alt{background-color:#a6d8b4;padding:1rem}.submit{grid-area:submit;text-align:center}.issue-img img{height:auto;width:100%;max-width:500px}.issue-row{display:grid;grid-template-areas:"issue-label issue-value";grid-template-columns:.5fr 1fr}.issue-value{font-weight:700}.hashtag-selector{margin-top:1rem}.tag-options{display:flex;flex-wrap:wrap;gap:.5rem}.tag-label{padding:4px 8px;border-radius:4px}.custom-tag-input input{margin-right:.5rem}.selected-tags{margin-top:1rem;color:#333}@media(max-width:768px){.issue-card{grid-template-areas:"title" "description" "issue-img" "expected-result" "actual-result" "env" "review" "issue-msg";grid-template-columns:1fr}.title,.description,.issue-img,.expected-result,.actual-result,.env,.review,.issue-msg{padding-left:1rem;padding-right:1rem}.issue-img img{width:100%;height:auto}}.callout{display:flex;grid-template-columns:auto 1fr;gap:.75rem;align-items:flex-start;padding:.875rem 1rem;border:1px solid var(--co-border);border-left-width:4px;border-radius:.75rem;background:var(--co-bg);color:var(--co-ink)}.callout--compact{padding:.5rem .75rem;gap:.5rem;border-radius:.5rem}.callout__icon,.callout__emoji{line-height:0;margin-top:2px;color:var(--co-accent)}.callout__icon svg{display:block;width:20px;height:20px;fill:currentColor}.callout__emoji{font-size:1.25rem;line-height:1.25rem}.callout__body{min-width:0}.callout__title{font-weight:600;margin-bottom:.25rem;color:var(--co-accent)}.callout__content>:first-child{margin-top:0}.callout__content>:last-child{margin-bottom:0}.callout--tip{--co-bg: #f0fdf4;--co-border: #1a5a33;--co-accent: #072211}.callout--note{--co-bg: #b6eff3;--co-border: rgb(27, 63, 106);--co-accent: #1e293b}.callout--info{--co-bg: #eff6ff;--co-border: #123a68;--co-accent: #1d4ed8}.callout--warning{--co-bg: #fffbeb;--co-border: #cf8609;--co-accent: #92400e}.callout--danger{--co-bg: #fef2f2;--co-border: #e21f1f;--co-accent: #991b1b}.callout .callout__content ul{margin:.5rem 0 0 1.25rem;padding:0}.callout .callout__content li+li{margin-top:.25rem}@media print{.callout{-webkit-print-color-adjust:exact;print-color-adjust:exact;page-break-inside:avoid}}.callout--tip,.callout--note,.callout--info,.callout--warning,.callout--danger{padding:1rem;margin:1rem}.member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem;width:100%;box-sizing:border-box}.member-card{background:#9fddf8}.member-card.public img:hover{background:none;transform:scale(2)}.member-card.assign{background:#57e475}.member-card.review{background:#c49acd}.member-card{border-radius:1rem;padding:1.5rem;box-shadow:0 0 10px #00000014;border:1px solid #ddd;transition:transform .2s ease;min-width:250px;max-width:350px}.profile-card{word-wrap:break-word}.member-card:hover{transform:translateY(-5px)}.card.user-profile{width:50%}.profile-body{display:grid;grid-template-columns:1fr 2fr;gap:1rem;max-width:1200px;margin:0 auto;padding:2rem}.profile-edit{background:#9fddf8;border-left:4px solid #085576;padding:3rem}.ribbon-container{align-items:center;display:flex;background:linear-gradient(to top,#064864,#0a574a);box-sizing:border-box;padding:10px;overflow:hidden;position:relative;width:100%;white-space:nowrap}.ribbon-static{flex-shrink:0;color:#fff;padding-right:15px;font-weight:700;margin-right:15px}.ribbon-scroll{flex-grow:1;overflow:hidden;position:relative;height:1.2em}.scroll-text{display:inline-block;color:#fff;padding-left:100%;animation:scroll-left 20s linear infinite;will-change:transform}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.scroll-text:hover{text-align:center;animation-play-state:paused}@media(max-width:600px){.ribbon-container{padding:8px;font-size:.9em}.ribbon-static{margin-right:10px;padding-right:10px}}.pot-roadmap-container{max-width:1100px;margin:40px auto;padding:20px;font-family:sans-serif}.milestone-grid{display:flex;flex-direction:column;gap:20px}.roadmap-step{border:1px solid #ccc;padding:16px;border-radius:10px;background-color:#f9f9f9;transition:box-shadow .3s ease}.roadmap-step:hover{box-shadow:0 4px 10px #0000001a}.step-title{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:#222}.step-description{font-size:1rem;margin-bottom:12px;color:#555}.step-status{display:inline-block;padding:5px 12px;font-size:.9rem;font-weight:700;border-radius:5px;color:#fff}.status-pending{background-color:#999}.status-in-progress{background-color:#f0ad4e}.status-completed{background-color:#5cb85c}@media(max-width:600px){.roadmap-container{padding:10px}.roadmap-heading{font-size:1.5rem}}.checkbox-form{display:flex;flex-direction:column;gap:5px;padding:20px 50px 25px}.qst-opt{display:inline;flex-direction:column}.check-box{height:20px;width:auto}.add-question-wrapper{width:80%;max-width:80%;margin:0 auto;padding:20px}.card-qst{border-radius:20px;flex-direction:column;margin-bottom:50px;padding:25px 50px;width:1000px}.check-grade{width:5%;height:25px}.check-grade:hover{background-color:5px solid #2785ad}.qst-head{font-weight:700;margin:25px}.qst-false{font-size:1.2rem;font-weight:700;color:red}.qst-true{font-size:1.2rem;font-weight:700;color:green}.radio-button{width:10%}.radio-row{display:flex}.match-row{display:flex;padding-bottom:2%;gap:2%}.option-row{display:flex;align-items:center;gap:15px}.ddl-chapter{margin:25px;width:auto}.table-match{text-align:center}.table-match th,.table-match td{width:50%}@media(max-width:768px){.check-grade,.radio-button{width:auto}.ddl-chapter{width:90%}.card-qst{padding:20px}.checkbox-form{padding:20px 5vw}}@media(max-width:480px){.option-row,.radio-row,.match-row{flex-direction:column;gap:10px}.qst-false,.qst-true{font-size:1rem}}.not-found{text-align:center;padding:100px 20px}.not-found h1{font-size:4rem;color:linear-gradient(to top,#3091db,#2eeccd)}.not-found p{font-size:1.2rem;margin-top:1rem}.not-found a.button{display:inline-block;margin-top:2rem;background-color:#8f0730;color:#fff;padding:12px 24px;border-radius:5px;text-decoration:none}.not-found a.button:hover{background-color:#0a8bb7}.not-found{text-align:center;margin-top:5rem;color:#333}.not-found__image{max-width:400px;width:80%;height:auto;margin-bottom:2rem}.back-link{display:inline-block;margin-top:1rem;color:#0a8bb7;text-decoration:underline}.hero-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:100%;padding:1rem 3rem;font-family:Inter,sans-serif}.hero-sql-container{max-width:1000px;padding:1rem 3rem;gap:1rem}.hero-container.reverse{flex-direction:row-reverse}.hero-text{flex:1 1 50%;z-index:1}.hero-copy-text{font-size:1.3rem;padding:1rem;background-color:#a6ef81;min-width:0;max-width:1000px}.hero-figure{flex:1 1 50%;text-align:center}.hero-wrap-content-container:after{content:"";display:table;clear:both}.hero-text h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem}.hero-text p{font-size:1.125rem;color:#4a4a4a;max-width:600px;margin:0}.hero-container .title{flex-basis:100%;width:100%;display:block;clear:both;text-align:center}.hero-image{width:100%;height:auto;max-width:400px;display:block;margin:0 auto;border-radius:12px;transition:transform .3s ease;cursor:zoom-in}.hero-image:hover{transform:scale(1.05)}.hero-image-float{width:clamp(240px,36%,420px);cursor:pointer;max-width:100%;margin:0 0 .75rem}.hero-image-float.figure{margin:0}.hero-image-float figure{margin:0}.hero-image-float img{display:block;width:100%;height:auto}.hero-image-float.float-right{float:right;margin-left:2rem}.hero-image-float.float-left{float:left;margin-right:2rem}.hero-course-content{width:auto}.img-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:auto;padding:2rem;background:#000000bf;animation:fadeIn .15s ease forwards}.img-zoom-inner{display:flex;flex-direction:column;align-items:center}.img-zoom-content{display:block;width:auto;height:auto;max-width:100vw;max-height:100vh;min-width:50vw;min-height:50vh;border-radius:10px;box-shadow:0 8px 40px #00000080;object-fit:contain}.img-zoom-tooltip{margin-top:12px;padding:4px 10px;font-size:.9rem;font-style:italic;color:#eee;background:#00000080;border-radius:6px;pointer-events:none}.hero-dark{background-color:var(--color-bg-dark);color:#fff}.hero-light{background-color:var(--color-bg-light);color:#222;border-bottom:4px solid var(--color-accent)}@media(max-width:768px){.hero-container,.hero-sql-container{flex-direction:column;padding:2rem;gap:2rem}.hero-container.reverse{flex-direction:column}.hero-text,.hero-copy-text .hero-figure{flex:1 1 100%;width:100%;min-width:unset;font-size:1rem}.hero-text h1,.hero-text p,.hero-container .title{text-align:center;line-height:1.25}.float-left,.float-right{float:none;display:block;margin:0 auto}}@media(max-width:900px){.hero-image-float{float:none;width:100%;margin:0 0 .75rem}}@keyframes fadeIn{to{opacity:1}}:root{--hero-content-max: 65ch}.hero-text .manifesto-points p,.hero-text .manifesto-points li{margin:.35rem 0}.qa-question{margin:.25rem 0;color:var(--ink)}.qa-answer{margin:.25rem 0 1rem;color:var(--ink)}.qa-answer-body{display:block;margin-top:.35rem;line-height:1.5}.popup-success{gap:1rem;align-items:center;border-radius:8px;box-shadow:0 0 8px #0003;display:flex;font-size:1rem;padding:1.25rem;position:fixed;right:30px;top:20px;z-index:9999}.btn-close{position:relative;float:right;background:red;color:#fff;top:-10px;right:-10px}.delete-confirm{border-radius:15px;border:5px solid rgb(199,21,12);font-weight:700;background:orange;padding:15px;text-align:center}.msg-wrapper{align-items:center;border-radius:.5rem;font-size:1rem;font-weight:700;padding:1rem;margin-bottom:20px;margin:1rem 5rem;text-align:center}.msg-error{background-color:#f8d7da;border-left:5px solid #721c24;color:#a10808}.msg-info{background-color:#62d7eb;border-left:5px solid #0c5460;color:#0c5460;padding:20px}.msg-success{background-color:#d4edda;border-left:5px solid #155724;color:#155724;padding:20px}.msg-warn{background-color:#fff3cd;border-left:5px solid #f5c518;color:#856404;padding:20px}.password-rules{list-style:none;padding:0;margin-left:20px;font-size:.9rem}.password-rules li.valid{color:#032b03;text-decoration:underline}.password-rules li.invalid{color:#250202;font-weight:700}.required{color:#ac4209;margin-left:.25rem}.warning-box{background-color:#fff3cd;border-left:5px solid #f5c518;padding:1rem;margin:1rem 0;border-radius:.5rem;color:#856404;font-size:1rem}.tab-nav{display:flex;border-bottom:2px solid #ccc;margin-bottom:16px}.tab-link{border-radius:6px;cursor:pointer;padding:12px 20px;margin-right:8px;transition:background .2s ease}.tab-link:hover{font-style:italic}.tab-link.active{font-weight:700}.head-color{background:#fff}.course-color{background:#e6f2ff}.sql-color{background:#dcfbcc;border:1px solid #3fa70b}.drawback{background:#fcecec}.dont{background:linear-gradient(to top,#f9dddd,#dbf9db);border:1px solid green}.best-practices{background:#bbfae2}.examples{background:#f0e8fa}.check-list{background:#faf7df}.prsn{background:#dbfee5}.blue{background:#7ecbeb;border-left:4px solid #0986bc}.blue-r{background:#7ecbeb;border-right:4px solid #0986bc}.lite-blue{background:#e6f2ff;border-left:4px solid #0986bc}.lite-blue-r{background:#dbedfa;border-right:4px solid #0986bc}.side-lite-blue-r{border-right:4px solid #0986bc}.orange{background:#fff0e6;border-left:4px solid orange}.violet{background:#b9b9fb;border-left:4px solid navy}.purple{background:#f0e6ff;border-left:4px solid purple}.yellow{background:#fff7cc;border-left:4px solid #df4cab}.red{background:#ffe6e6;border-left:4px solid red}.green{background:#bbfae2;border-left:4px solid #0f8156}.guiding-principle{background:#dcecd4;border-left:4px solid rgb(34,85,7)}.bgPoem{background:#fff;border-right:4px solid black}.issue-example{background:#f4f5d8;border-left:4px solid rgb(239,16,16);border-bottom:4px solid rgb(73,11,11);padding:1rem;margin:.5rem}.pro-tip{background:#fafdfa;border-left:4px solid rgb(34,85,7);padding:1rem;margin:.5rem}.black{background:#000}.column.red-c{border-color:red}.column.green-c{border-color:green}.column.blue-c{border-color:#00f}.column.yellow-c{border-color:#ff0}.column.purple-c{border-color:purple}.column.brown-c{border-color:brown}.anno-red{color:red;font-weight:700}.anno-blue{color:#00f;font-weight:700}.anno-green{color:green;font-weight:700}.anno-yellow{color:#ff0;font-weight:700}.anno-purple{color:purple;font-weight:700}.wrap-anywhere{overflow-wrap:anywhere;word-break:break-word}.comparison-columns{display:grid;grid-template-columns:1fr;gap:1rem}.column{width:100%;background:#f9f9f9;padding:1rem;border-left:5px solid #ccc;border-radius:4px;box-sizing:border-box}.column-title{margin:0 0 .5rem;font-weight:600;line-height:1.2}@media(min-width:768px){.comparison-columns{grid-template-columns:repeat(2,1fr);gap:2rem}}.table{width:100%;border-collapse:collapse;font-size:1rem;padding:1rem}.table__el{width:100%;border-collapse:collapse}.table__el th,.table__el td{border:1px solid #0d1718;padding:.5rem;text-align:left;vertical-align:top}.table__el th{background-color:#5fdcef}.table--scroll .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.table--stack .table__el thead{display:none}.table--stack .table__el th,.table--stack .table__el td{padding:.75rem .9rem;border:none}.table--stack .table__el tr{display:block;width:100%;border:1px solid #e6f7fb;border-radius:8px;background:#fff;margin:0 0 1rem;overflow:hidden}.table--stack .table__el td{display:grid;grid-template-columns:42% 1fr;gap:.75rem;border-top:1px solid #eef7fb}.table--stack .table__el td:first-child{border-top:none}.table--stack .table__el td:before{content:attr(data-label);font-weight:600;color:#0a5d6f}.table--stack .table__el td:first-child{font-weight:700;color:#333}.table{padding:1rem}}@media(max-width:768px){.table--scroll .table__el{min-width:640px}}@media(min-width:769px){.table__el th,.table__el td{padding:10px 12px}}.table--stack .table__el caption{text-align:left;padding:.5rem 0}.table--zebra tbody tr:nth-child(2n){background:#f9f9f9}.table--zebra tbody tr:nth-child(odd){background:#f8fafc}.table--dense .table__el th,.table--dense .table__el td{padding:.375rem .5rem;line-height:1.25}.table--sticky .table__el thead th{position:sticky;top:0;z-index:1;background:#fff;box-shadow:0 1px #e2e8f0 inset}.table--variant-cheatsheet .table__el{font-size:.95rem}.table--variant-cheatsheet .table__el th,.table--variant-cheatsheet .table__el td{padding-top:.4rem;padding-bottom:.4rem}.table--variant-cheatsheet .table__el thead th{background:#f1f5f9;font-weight:700;border-bottom:1px solid #e2e8f0}.table--variant-cheatsheet .table__el tbody td:first-child,.table--variant-cheatsheet .table__el tbody th[scope=row]{font-weight:600}.exam-links__toolbar{display:flex;justify-content:center;align-items:center;gap:.75rem;margin:.5rem 0 1rem}.exam-links__search{width:100%;max-width:24rem;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem}.th-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;font:inherit}.th-btn:focus-visible{outline:2px solid #38bdf8;outline-offset:2px;border-radius:.375rem}.th-btn__arrow{opacity:.8}.is-nowrap{white-space:nowrap}.table .total{font-weight:700;background:#c6f1f8}.table .results{font-size:1rem}@media print{.table__el,.table__el tr{-webkit-print-color-adjust:exact;print-color-adjust:exact;page-break-inside:avoid}}.course-content [id]{scroll-margin-top:88px}.course-content-toc{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin-bottom:70px}.section-title{width:100%;margin-bottom:1rem;text-align:center;font-weight:700;font-size:clamp(1.5rem,5vw,2.25rem);color:#036}.subsection{margin-top:2rem}.subsection-title{margin-bottom:.75rem;font-weight:600;font-size:clamp(1.25rem,4vw,1.75rem);color:#058}.paragraph{margin-bottom:1rem;line-height:1.6;font-size:1rem}.image-block{max-width:100%;height:auto;margin:1rem 0;border:1px solid #ccc;border-radius:4px}.toc-container{position:sticky;top:var(--toc-offset, 16px);max-height:calc(100vh - var(--toc-offset, 16px));overflow-y:auto;padding:1rem;background:#85e6f5;border:2px solid #0a8bb7;border-radius:8px}.toc-list{list-style:none;margin:0;padding:0}.toc-item{margin:0}.toc-item a{display:block;padding:.25rem .125rem;text-decoration:none;color:#111827;line-height:1.35;border-radius:.375rem;font-size:clamp(.85rem,.8rem + .25vw,.95rem);transition:background-color .16s ease,color .16s ease}.toc-item a:hover{background:#46bde5;font-weight:600}.toc-item a:focus-visible{outline:2px solid #0a8bb7;outline-offset:2px;background:#c6f1fb}.toc-level-1>a{font-weight:700}.toc-level-2>a{padding-left:.5rem}.toc-level-3>a{padding-left:1rem}.toc-level-4>a{padding-left:1rem;font-style:italic}.toc-fab{position:fixed;top:calc(env(safe-area-inset-top,0) + .75rem);right:calc(env(safe-area-inset-right,0) + .75rem);z-index:10010;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.95rem;border-radius:999px;box-shadow:0 6px 18px #0000001f;font-weight:700}.toc-fab:active{transform:translateY(1px)}.toc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;opacity:0;pointer-events:none;transition:opacity .16s ease-out;z-index:10020;display:block}.toc-overlay.is-open{opacity:1;pointer-events:auto}.toc-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;transform:translateY(-4%);opacity:0;pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out;z-index:10030;display:flex;flex-direction:column;width:100vw;height:100vh;background:#85e6f5;border:2px solid #0a8bb7}.toc-sheet.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.toc-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0) + .75rem) 1rem .75rem;border-bottom:1px solid #e5e7eb}.toc-sheet__title{font-weight:600;font-size:1.05rem}.toc-close{border-radius:.5rem;padding:.35rem .6rem;font-size:1rem}.toc-sheet__content{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.75rem 1rem calc(env(safe-area-inset-bottom,0) + 1rem)}.toc-no-scroll{overflow:hidden}@media(min-width:769px){.course-content-toc{flex-direction:row}.toc-fab{display:none!important}}@media(max-width:768px){.toc-container{display:none}.toc-sheet .toc-item a{padding:.6rem .25rem;font-size:1rem}}@media(prefers-reduced-motion:reduce){.toc-overlay,.toc-sheet{transition:none!important}}{font-family:Tahoma,Verdana,sans-serif}.final-exam-frame{height:100vh;display:flex;flex-direction:column;background-color:#f9f9f9}.fe-header{align-items:center;display:flex;width:1200px}.fe-header img{height:80px;margin-right:20px;padding:8px 16px;width:auto}.fe-logo-text-{background-clip:text;color:transparent;font-size:1.8rem;font-weight:700;text-decoration:none;white-space:nowrap;-webkit-background-clip:text}.final-exam-main-content{align-items:center;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}.timer-label{color:#555}.timer-value{color:#d9534f}.qst-progress-text{font-size:1.2rem;font-weight:600;color:#036}.progress-tracker{background-color:#e6f7ff;border:2px solid #b3d7ff}.finalExam-buttons{background-color:#b8efae;border:2px solid #b3d7ff}.timer-box{background-color:#f8f6c5;border:2px solid #b3d7ff}.progress-tracker,.finalExam-buttons,.timer-box,.final-exm,.ddl-certs{font-size:1rem;font-weight:500;margin:1rem;text-align:center;padding:.75rem;border-radius:8px;width:1050px}.finalExamDisplay{margin:1rem;padding:.75rem .75rem .75rem 1.5rem;border-radius:8px;width:1000px}.nav-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.submit-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.fe-footer{align-items:center;display:flex;width:100%}.exam-access{display:grid;grid-template-areas:"admin-setup profile-card" "generate-code email-code";grid-template-columns:2fr 2fr;gap:10px;width:1000px}.combo-option{background:#fff;color:#110a99;cursor:pointer;font-size:1rem;font-weight:700;text-decoration:underline}.practice-quiz-config,.final-exam-config{padding:1.5rem;max-width:1200px;margin:auto}.config-row{padding:1.5rem;margin-bottom:1rem;border-radius:8px}.bg-grey{background:#e4e896}.bg-white{background:#bad687}.chapter-name{font-size:1.2rem;margin-bottom:1rem;color:#036}.horizontal-questions{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.type-block{display:flex;flex-direction:column;align-items:flex-start;padding:.5rem;border-radius:6px;min-width:140px}.final-results{background-color:#fff;border-radius:16px;padding:2rem;text-align:center}.text-success{color:green}.text-fail{color:#8b0000}.results-table{width:100%;margin-top:1rem;border-collapse:collapse}.results-table th,.results-table td{border:1px solid #ccc;padding:.5rem}.cert-result-group{margin-bottom:50px}.attempt-wrapper{background:#fff;padding:20px;margin-bottom:25px;border:5px solid #39e9cc}@media(max-width:768px){.fe-logo-text-{font-size:1.4rem}.fe-header{justify-content:center;text-align:center}.final-exam-main-content,.progress-tracker,.finalExam-buttons,.timer-box,.finalExamDisplay{padding:1rem}}@media(max-width:480px){.fe-header img{height:50px}.fe-logo-text-{font-size:1.2rem}.chapter-name{font-size:1rem}.type-block{min-width:100%}}