@charset "utf-8";footer,main{margin-top:10px}footer ul li a:hover,main section p a:hover{color:#00f;text-decoration:underline}.breadcrumb li a:hover,.info-pages a:hover,.main-menu a.active,.main-menu a:hover,footer ul li a:hover,main section p a:hover{text-decoration:underline}.header-content,.lesson-card,.lesson-card p,.main-menu a,.no-results,.search-container,footer{text-align:center}.breadcrumb li a,.info-pages a,.lesson-link,.main-menu a,footer ul li a,main section p a{text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{background-color:#f4f4f5;font-family:Segoe,"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,"sans-serif";line-height:1.6;color:#000}.container{width:100%;max-width:1200px;padding:0 15px;margin:10px auto;border:1px solid #ccc;background-color:#fff}.top-bar{display:flex;justify-content:space-between;line-height:44px;align-items:center}.header-content h1,.site-theme{line-height:normal;font-weight:600}.logo{width:167px;height:32px;vertical-align:bottom}.site-theme{font-size:1.2rem;font-style:italic;color:#333}.footer-logo a,.top-bar a{text-decoration:none;display:inline-block}header{padding:5px 0}.header-content{margin-bottom:15px}.header-content h1{font-size:1.75rem;color:#000}.header-content p{color:#333;font-size:1rem}.top-navigation{width:100%;background-color:#222}.main-menu{display:flex;justify-content:space-between}.main-menu a{display:block;padding:10px;color:#fff;font-size:1.25rem;font-weight:600}.main-menu a.active{background-color:#068f2c}.main-menu a:not(:last-child){width:20%;border-right:1px solid #fff}.main-menu a:nth-last-child(2){border-right:none}.main-menu a:hover{color:#07294d;background-color:#fac600}.lesson-card.hidden,.main-menu .nav-icon{display:none}.breadcrumb-navigation{width:100%;background-color:#eaeaea;border:1px solid #bbb}.breadcrumb{list-style:none;padding:5px 10px}.breadcrumb li{display:inline;font-size:1rem;color:#333;font-weight:600}.breadcrumb li+li:before{padding:5px;color:#000;content:">"}.breadcrumb li a{color:#007bff}.breadcrumb li a:hover{color:#0056b3}.ad-banner{display:flex;justify-content:center;margin:10px 0;overflow:hidden}.ad-banner img{max-width:728px;width:100%;height:auto;object-fit:cover}.footer-subscribe{width:100%;padding:10px 10px 20px;background:linear-gradient(to bottom,#323f46,#23323b);color:#fff}.email-input,main section{padding:0 10px}.subscribe-container{width:100%;max-width:500px;margin:0 auto}.subscribe-heading{font-size:1.7rem;font-weight:600;margin-bottom:15px}.subscribe-description{font-size:1rem;margin-bottom:15px;line-height:1.5}.subscribe-description .highlight{font-weight:600;color:#fac600}.email-message{font-size:1rem;font-weight:600;color:#fe5716;margin-bottom:15px}.subscribe-form{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;gap:10px}.email-input{flex:1 1 auto;max-width:400px;min-width:240px;height:40px;font-size:1rem;border:1px solid #6c7b81;background-color:#23323b;color:#c2c2c2;border-radius:4px}.contact-form input[type=submit],.subscribe-button{font-size:1.1rem;cursor:pointer;font-family:Segoe,"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,"sans-serif";font-weight:600}.subscribe-button{flex:0 1 auto;height:40px;padding:0 20px;color:#fff;background-color:#0caf8a;border:1px solid #123b3b;border-radius:4px;transition:background-color .3s,color .3s}.search-input,main{border:1px solid #ddd}.subscribe-button:hover{background-color:#fac600;color:#000}.copyright{width:100%;height:auto;margin:10px 0;padding:5px 10px;color:#444}.footer-logo{width:100%;height:auto;padding:7px 10px 15px}footer ul{width:100%;list-style:none;padding:0 10px 15px}footer ul li{display:inline;margin:0 10px}footer ul li a{color:#444}main{display:block;background-color:#f4f4f9}main section h2{font-size:1.5rem;font-weight:600;padding-bottom:5px}main section p{font-size:1rem;color:#333;text-align:justify;margin:10px 0}main section p a{color:#004ce6}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px 20px;padding:20px;max-width:1200px;margin:0 auto}.search-container{margin:15px auto 0}.search-input{width:80%;max-width:600px;padding:10px;font-size:1rem;border-radius:5px;outline:0}.search-input:focus{border-color:#007bff}.no-results{font-size:1.2rem;color:#555;margin:0 auto auto;min-height:25vh}.info-pages .less-mb,.lesson-icon{margin-bottom:5px}.basic section h2{color:#008900;border-bottom:2px solid #070}.basic .lesson-card h2{color:#008700;border-bottom-color:#070}.basic .lesson-link{background-color:#008200}.info-pages section h2,.intermediate section h2{color:#006bb5;border-bottom:2px solid #0073e6}.info-pages .lesson-card h2,.intermediate .lesson-card h2{color:#007bff;border-bottom-color:#0073e6}.info-pages .lesson-link,.intermediate .lesson-link{background-color:#007bff}.advanced section h2{color:#b72f00;border-bottom:2px solid #b02e00}.advanced .lesson-card h2{color:#c03800;border-bottom-color:#b02e00}.advanced .lesson-link{background-color:#c53800}.quizzes section h2{color:#8a400c;border-bottom:2px solid #8a400c}.quizzes .lesson-card h2{color:#843a07;border-bottom-color:#8a400c}.quizzes .lesson-link{background-color:#8a400c}.lhome section h2{color:#033939;border-bottom:2px solid #033939}.lhome .lesson-card h2{color:#0047ab;border-bottom-color:#0047ab}.lhome .lesson-link{background-color:#0047ab}.info-pages a,.info-pages span{color:#218ef3;font-weight:600}.info-pages a:hover{color:#1050ff}.lesson-card{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.lesson-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.lesson-icon{width:64px;height:64px}.quiz-icon{width:143px;height:64px;margin-bottom:10px}.home-lesson-icon{width:100px;height:78px;margin-bottom:5px}.lesson-card h2{max-width:100%;font-size:1.25rem;margin-bottom:10px}.lesson-card p{max-width:100%;flex-grow:1;font-size:1rem;color:#555}.lesson-link{align-self:center;padding:10px 20px;color:#fff;border-radius:5px;font-size:1rem;font-weight:600}.lesson-link:hover{color:#000;background-color:#fac600}.page-content{width:calc(100% - 20px);max-width:1000px;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;margin:20px auto 10px;color:#333}.page-content h3{font-size:1.25em;color:#222;font-weight:600}.page-content p{margin:5px 0 20px}.page-content ol,.page-content ul{margin:15px 0;padding-left:20px}.page-content ul li{margin-bottom:7px;list-style-type:disc}.page-content ol li{margin-bottom:7px;list-style-type:upper-roman}.page-content .last-update{font-weight:600;color:#555;margin-top:0;margin-bottom:10px}.page-content .welcome{margin-top:0;margin-bottom:10px;font-weight:600}.person-container{display:flex;flex-direction:column;gap:20px;margin:10px 0}.person-card{display:flex;flex-wrap:wrap;align-items:flex-start;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.person-card img{width:138px;height:138px;object-fit:cover;border-radius:50%;margin-right:15px}.person-info{flex:1;min-width:200px}.person-info h4{margin:0;font-size:1.2em;font-weight:600}.person-info p{margin:5px 0}.person-info strong{font-weight:600}.contact-form{max-width:900px;margin:20px auto 10px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.contact-form form{display:flex;flex-direction:column}.contact-form label{font-size:1rem;margin-bottom:5px;font-weight:600}.contact-form input,.contact-form textarea{padding:10px;font-size:1rem;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}.contact-form input[type=text],.contact-form textarea{width:100%}.contact-form textarea{resize:vertical;min-height:100px}.contact-form input[type=submit]{padding:12px;background-color:#0a78de;color:#fff;border:none;border-radius:4px;transition:background-color .3s}.contact-form input[type=submit]:hover{background-color:#070}.contact-form span,.cs_red{color:red}.introduction_area{width:100%;height:auto;margin:10px auto;content:"";clear:both;display:table}.introduction_image_area{width:250px;height:auto;float:left}.introduction_image_area .intro_image{width:100%;height:100%;vertical-align:middle}.introduction_info{width:calc(100% - 250px);height:auto;float:left;text-align:left;vertical-align:center;padding:3px 10px 10px}.introduction_info h1{text-align:left;padding-left:0;font-family:Baskerville,"Palatino Linotype",Palatino,"Century Schoolbook L","Times New Roman","serif";font-size:2.25rem;line-height:1.75rem}#home_theme{font-family:Segoe,"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,"sans-serif";font-size:1.2rem;font-style:italic;font-weight:600}.introduction_info .intro_numbers{font-weight:600;font-size:2.5rem}.introduction_info .intro_1{font-weight:600;font-size:1.25rem;color:#333}.introduction_info .intro_2,.introduction_info .intro_3{font-size:1.75rem;font-weight:600;line-height:2.5rem}.introduction_info .intro_4{font-family:Constantia,"Lucida Bright","DejaVu Serif",Georgia,"serif";font-size:1.25rem;font-weight:600;font-style:italic;margin-top:3px}.cs_green{color:#00a500}.basic-cs h2{color:#008700!important;border-bottom-color:#070!important}.basic-cs a{background-color:#008200!important}.intermediate-cs h2{color:#007bff!important;border-bottom-color:#0073e6!important}.intermediate-cs a{background-color:#007bff!important}.advanced-cs h2{color:#c03800!important;border-bottom-color:#b02e00!important}.advanced-cs a{background-color:#c53800!important}.common-cs h2{color:#333!important;border-bottom-color:#333!important}.common-cs a{background-color:#333!important}.advanced-cs a:hover,.basic-cs a:hover,.common-cs a:hover,.intermediate-cs a:hover{background-color:#fac600!important}@media only screen and (max-width:1000px){.main-menu a{font-size:1rem;padding:7px}}@media only screen and (max-width:800px){.main-menu a{font-size:.8rem;padding:5px}.person-card{flex-direction:column;align-items:center;text-align:center;display:block}.person-card img{margin:0 0 15px}.contact-form{padding:15px;margin:10px}.contact-form input,.contact-form label,.contact-form textarea{font-size:.9rem}.contact-form input[type=submit]{font-size:1rem;padding:10px}.introduction_area{margin-top:0;margin-bottom:0}.introduction_image_area{width:200px}.introduction_image_area .intro_image{width:80%;height:80%}.introduction_info{width:calc(100% - 200px)}.introduction_info h1{font-size:1.5rem;line-height:1.5rem}#home_theme,.introduction_info .intro_1{font-size:1rem}.introduction_info .intro_numbers{font-size:1.88rem}.introduction_info .intro_2,.introduction_info .intro_3{font-size:1.12rem;line-height:1.87rem}.introduction_info .intro_4{font-size:1rem;line-height:1.25rem}}@media only screen and (max-width:660px){.main-menu a:not(:first-child){display:none}.main-menu a:first-child{width:auto}.main-menu a.nav-icon{float:right;display:block}.main-menu.responsive{display:block;position:relative}.main-menu.responsive .nav-icon{position:absolute;right:0;top:0}.main-menu.responsive a:not(:last-child){width:100%}.main-menu.responsive a{display:block;text-align:left;border-right:none}.breadcrumb-navigation{line-height:normal}.breadcrumb li{font-size:.9rem}.subscribe-heading{font-size:1.5rem}main section h2{font-size:1.4rem}.search-input{padding:8px}.no-results{font-size:1rem}.introduction_image_area{width:150px}.introduction_image_area .intro_image{width:150px;height:150px}.introduction_info{width:calc(100% - 150px)}.introduction_info h1{font-size:1.5rem;line-height:1.5rem}.introduction_info .intro_2,.introduction_info .intro_3{font-size:1.12rem;line-height:1.75rem}}@media only screen and (max-width:480px){.email-input,.subscribe-button{width:100%}.subscribe-form{flex-direction:column;gap:15px}footer ul li{width:100%;display:block;margin:5px 0}}@media only screen and (max-width:400px){html{font-size:14px}.site-theme{font-size:1rem}.header-content h1{font-size:1.5rem}.introduction_image_area,.introduction_info{width:100%;display:block}.introduction_image_area .intro_image{width:50%;height:50%;display:block;margin:0 auto}.introduction_info h1{font-size:1.43rem;line-height:1.57rem}.introduction_info .intro_2,.introduction_info .intro_3{font-size:1.14rem;line-height:2rem}.introduction_info .intro_4{font-size:1.14rem;line-height:1.5rem}}