:root{--primary-blue:navy;--light-cream:#fbf5de;--warm-beige:#eac8a6;--accent-orange:#dc3c22;--white:#fff;--black:#000;--gray:#666;--light-gray:#e0e0e0;--dark-gray:#333;--dark-blue:#2a5a8a;--gold:#eac8a6;--dark-gold:#d4b08c;--font-family-primary:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-family-serif:"Georgia","Times New Roman","Times",serif;--font-family-mono:"Courier New","Courier",monospace;--section-padding:2rem 0;--container-padding:0 1rem;--border-radius:0;--shadow-light:0 2px 4px #0000001a;--shadow-medium:0 4px 8px #00000026;--shadow-heavy:0 8px 16px #0003;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}body{background-color:#fbf5de;background-color:var(--light-cream);color:#000;color:var(--black);font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family-primary);font-weight:400;line-height:1.6}.container{padding:var(--container-padding)}.btn{background:navy;background:var(--primary-blue);border-radius:var(--border-radius);color:#fff;color:var(--white);font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:.75rem 1.5rem;text-align:center;transition:.3s ease;transition:var(--transition-normal)}.btn:hover{background:#2a5a8a;background:var(--dark-blue);box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.btn-secondary{background:#eac8a6;color:#000;color:var(--black)}.btn-secondary:hover{background:#d4b08c}.card{background:#fff;background:var(--white);border-radius:0;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-light);padding:1.5rem;transition:.3s ease;transition:var(--transition-normal)}.card:hover{box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.form-group{margin-bottom:1rem}.form-control{background:#fff;background:var(--white);border:2px solid #e0e0e0;border:2px solid var(--light-gray);border-radius:0;border-radius:var(--border-radius);font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family-primary);font-size:1rem;padding:.75rem;transition:.3s ease;transition:var(--transition-normal);width:100%}.form-control:focus{border-color:navy;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3d74b61a;outline:none}h1,h2,h3,h4,h5,h6{color:navy;color:var(--primary-blue);font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family-primary);font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{color:#666;color:var(--gray);margin-bottom:1rem}a{color:navy;color:var(--primary-blue);text-decoration:none;transition:.2s ease;transition:var(--transition-fast)}a:hover{color:#dc3c22;color:var(--accent-orange)}ol,ul{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem}code{border-radius:3px;font-family:Courier New,Courier,monospace;font-family:var(--font-family-mono);font-size:.9rem;padding:.2rem .4rem}code,pre{background:#e0e0e0;background:var(--light-gray)}pre{border-radius:0;border-radius:var(--border-radius);margin-bottom:1rem;overflow-x:auto;padding:1rem}pre code{background:none;padding:0}table{border-collapse:collapse;margin-bottom:1rem;width:100%}td,th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--light-gray);padding:.75rem;text-align:left}th{background:#fbf5de;background:var(--light-cream);color:navy;color:var(--primary-blue);font-weight:600}blockquote{border-left:4px solid navy;border-left:4px solid var(--primary-blue);color:#666;color:var(--gray);font-style:italic;margin:1rem 0;padding-left:1rem}hr{border:none;border-top:1px solid #e0e0e0;border-top:1px solid var(--light-gray);margin:2rem 0}::selection{background:#eac8a6;background:var(--warm-beige);color:#000;color:var(--black)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.search-bar{max-width:450px;width:100%}.search-input-container{position:relative;width:100%}.search-icon{left:1rem;z-index:1}.search-input{border:2px solid var(--light-gray);box-shadow:0 4px 15px #0000001a;color:var(--black);font-size:1.1rem;padding:1rem 1.5rem 1rem 3rem}.search-input:focus{border-color:var(--gold);box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.search-input::placeholder{color:var(--gray);opacity:.7}.search-results{background:var(--white)!important;border:2px solid var(--light-gray)!important;border-radius:0!important;border-top:none!important;box-shadow:0 8px 25px #00000026!important;left:0!important;max-height:400px!important;overflow-y:auto!important;position:absolute!important;right:0!important;top:100%!important;z-index:1000!important}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--light-gray)}.search-results::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:0}.search-results::-webkit-scrollbar-thumb:hover{background:var(--dark-blue)}.result-item{align-items:flex-start!important;background:var(--white)!important;border-bottom:1px solid var(--light-gray)!important;cursor:pointer!important;display:flex!important;gap:1rem!important;justify-content:space-between!important;padding:1rem 1.5rem!important;transition:background-color .2s ease!important}.result-item:last-child{border-bottom:none!important}.result-item:hover{background-color:#f0f8ff!important}.result-item.selected{background-color:#e6f3ff!important;border-left:4px solid var(--primary-blue)!important}.result-content{flex:1 1!important;min-width:0!important}.result-title{font-size:1rem!important;font-weight:600!important;line-height:1.3!important;margin-bottom:.25rem!important}.result-item.selected .result-title,.result-title{color:var(--primary-blue)!important}.result-excerpt{font-size:.85rem!important;line-height:1.4!important;margin-bottom:.5rem!important}.result-excerpt,.result-item.selected .result-excerpt{color:var(--gray)!important}.result-meta{align-items:flex-start!important;display:flex!important;flex-shrink:0!important;margin-top:.25rem!important}.result-category{background:#f8f9fa!important;border:1px solid var(--light-gray)!important;border-radius:0!important;color:var(--gray)!important;font-size:.65rem!important;font-weight:600!important;letter-spacing:.5px!important;padding:.2rem .5rem!important;text-transform:uppercase!important}.result-item.selected .result-category{background:var(--primary-blue)!important;border-color:var(--primary-blue)!important;color:var(--white)!important}.search-suggestions{background:var(--light-cream)!important;border-bottom:1px solid var(--light-gray)!important;padding:1rem 1.5rem!important}.suggestions-title{color:var(--primary-blue)!important;font-size:.9rem!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:.75rem!important;text-transform:uppercase!important}.suggestions-list{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.suggestion-tag{background:var(--white)!important;border:1px solid var(--gold)!important;border-radius:0!important;color:var(--gray)!important;cursor:pointer!important;font-size:.85rem!important;font-weight:500!important;padding:.5rem 1rem!important;text-decoration:none!important;transition:all .3s ease!important}.suggestion-tag:hover{background:var(--gold)!important;color:var(--black)!important;text-decoration:none!important;transform:translateY(-1px)!important}.search-tips{background:var(--light-cream)!important;border-top:1px solid var(--light-gray)!important;padding:1rem 1.5rem!important}.tips-title{color:var(--primary-blue)!important;font-size:.9rem!important;font-weight:600!important;margin-bottom:.5rem!important}.tips-list{list-style:none!important;margin:0!important;padding:0!important}.tips-list li{color:var(--gray)!important;font-size:.85rem!important;margin-bottom:.25rem!important;padding-left:1rem!important;position:relative!important}.tips-list li:before{color:var(--gold)!important;content:"•"!important;font-weight:700!important;left:0!important;position:absolute!important}.no-results{color:var(--gray)!important;padding:2rem 1.5rem!important;text-align:center!important}.no-results-icon{font-size:2rem!important;margin-bottom:1rem!important;opacity:.5!important}.no-results-text{font-size:.9rem!important;line-height:1.5!important;margin-bottom:1rem!important}@media (max-width:768px){.search-bar{max-width:100%}.search-icon{font-size:.9rem;left:.875rem}.search-input{font-size:1rem;padding:.875rem 1.25rem .875rem 2.5rem}.result-item{gap:.75rem!important;padding:.875rem 1.25rem!important}.result-meta{margin-top:0!important}.suggestions-list{gap:.375rem!important}.suggestion-tag{font-size:.8rem!important;padding:.375rem .75rem!important}}@media (max-width:480px){.search-icon{font-size:.85rem;left:.75rem}.search-input{font-size:.95rem;padding:.75rem 1rem .75rem 2.25rem}.result-item{gap:.5rem!important;padding:.75rem 1rem!important}.result-title{font-size:.95rem!important}.result-excerpt{font-size:.8rem!important}.result-category{font-size:.6rem!important;padding:.15rem .4rem!important}.suggestion-tag{font-size:.75rem!important;padding:.25rem .5rem!important}}.logo-link{color:inherit;text-decoration:none}.logo,.logo-link{align-items:center;display:flex}.logo{gap:.75rem}.logo-icon,.speech-bubble{align-items:center;display:flex;justify-content:center}.speech-bubble{background:#dc3c22;border-radius:.5rem;box-shadow:0 2px 4px #dc3c224d;height:2rem;position:relative;width:2.5rem}.speech-bubble:after{border-left:.5rem solid #0000;border-right:.5rem solid #0000;border-top:.5rem solid #dc3c22;bottom:-.25rem;content:"";height:0;left:.5rem;position:absolute;width:0}.checkmark{color:gold;font-size:1.2rem;font-weight:700;text-shadow:0 1px 2px #0000004d;transform:scale(1.1)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-line{font-family:var(--font-family-primary);font-weight:700}.logo-line-1{color:#dc3c22;font-size:1.3rem}.logo-line-2{color:#fff;font-size:1.3rem}.logo-line-3{color:#fff;font-size:.8rem;font-weight:400;margin-left:.5rem}.logo-link:hover .speech-bubble{transform:scale(1.05);transition:transform .2s ease}.logo-link:hover .logo-line-1{color:#b8321c;transition:color .2s ease}header{background-color:var(--primary-blue);box-shadow:0 2px 10px #0000001a;color:var(--white);left:0;margin-left:calc(-50vw + 50%);padding:1rem 0;position:sticky;right:0;top:0;width:100vw;z-index:1000}header .container{padding:0}.header-content{align-items:center;display:flex;flex-wrap:nowrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo{flex-shrink:0}nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}nav a{border-radius:0;color:var(--white);font-weight:500;padding:.5rem 1rem;transition:color .3s ease}nav a,nav a:hover{text-decoration:none}nav a:hover{color:var(--gold)}nav a.active{background:var(--gold);color:var(--black)}.search-section{flex:1 1;margin:0 auto;max-width:450px}.desktop-search{display:block}.mobile-search-toggle{background:#fff3;border:1px solid #ffffff4d;border-radius:0;color:var(--white);cursor:pointer;display:none;flex-shrink:0;font-size:1.2rem;padding:.75rem;transition:background-color .3s ease}.mobile-search-toggle:hover{background:#ffffff4d}.mobile-search-dropdown{background:var(--white);border-top:2px solid var(--primary-blue);box-shadow:0 4px 15px #0000001a;left:0;padding:1rem;position:absolute;right:0;top:100%;z-index:999}@media (max-width:1024px){.header-content,nav ul{gap:1rem}nav a{font-size:.9rem;padding:.5rem .75rem}}@media (max-width:768px){.header-content{align-items:center;flex-direction:row!important;flex-wrap:nowrap!important;gap:.25rem;justify-content:space-between;padding:0 .75rem}.logo{flex-shrink:0;order:1}nav{flex:1 1;justify-content:center;order:2}nav,nav ul{display:flex}nav ul{flex-direction:row;gap:.25rem;margin:0}nav a{font-size:.8rem;padding:.4rem .6rem}.desktop-search{display:none}.mobile-search-toggle{display:block;flex-shrink:0;font-size:1rem;order:3;padding:.6rem}}@media (max-width:480px){header{padding:.75rem 0}.header-content{align-items:center;flex-direction:row!important;flex-wrap:nowrap!important;gap:.125rem;justify-content:space-between;padding:0 .5rem}nav ul{display:flex;flex-direction:row;gap:.125rem}nav a{font-size:.75rem;padding:.3rem .4rem}.mobile-search-toggle{font-size:.9rem;padding:.5rem}.mobile-search-dropdown{padding:.75rem}}@media (max-width:360px){.header-content{gap:0;padding:0 .25rem}nav ul{gap:0}nav a{font-size:.7rem;padding:.25rem .3rem}.mobile-search-toggle{font-size:.8rem;padding:.4rem}}@media (max-width:896px) and (max-height:414px) and (orientation:landscape){header{padding:.5rem 0}.header-content{gap:.5rem}nav a{font-size:.8rem;padding:.3rem .5rem}}.footer{background-color:var(--primary-blue);color:var(--white);margin-top:auto;padding:2rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3{color:var(--gold);margin-bottom:1rem}.footer-section h4{color:var(--gold);margin-bottom:.5rem}.footer-section p{color:var(--light-cream);line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--light-cream);text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid var(--dark-gold);color:var(--light-cream);padding-top:1rem;text-align:center}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{background-color:var(--light-cream);flex:1 1;padding:0 0 2rem}.hero,.home{background-color:var(--white)}.hero{border-bottom:1px solid var(--warm-beige);padding:4rem 0 5rem;text-align:center}.hero-content{margin:0 auto;max-width:900px;padding:0 2rem}.hero-badge{align-items:center;background:var(--light-cream);border:2px solid var(--primary-blue);border-radius:50px;color:var(--primary-blue);display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.5rem}.hero-badge .flag{font-size:1.2rem}.hero h1{color:var(--dark-blue);font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{color:var(--secondary-text);font-size:1.3rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px}.hero-stats{background:var(--light-cream);border:1px solid var(--warm-beige);border-radius:12px;display:flex;gap:3rem;justify-content:center;margin-bottom:3rem;padding:2rem}.stat{text-align:center}.stat-number{color:var(--primary-blue);display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--secondary-text);font-size:.9rem;font-weight:500}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-icon{margin-right:.5rem}.roadmap{background:linear-gradient(135deg,#e8f4fd,#f0f8ff);overflow:hidden;padding:5rem 0;position:relative}.roadmap:before{background-image:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b9811a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.roadmap-header{margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;position:relative;text-align:center;z-index:2}.roadmap-header h2{color:var(--dark-blue);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.roadmap-header p{color:var(--secondary-text);font-size:1.1rem;line-height:1.6}.roadmap-container{margin:0 auto;max-width:1000px;padding:0 2rem;position:relative;z-index:2}.road-path{margin-bottom:3rem;min-height:600px;position:relative}.road-svg{height:600px;left:0;position:absolute;top:0;width:100%;z-index:1}.mobile-path{display:none}.waypoint{position:absolute;transform:translate(-50%,-50%);z-index:3}.waypoint-1{left:50%;top:13%}.waypoint-2{left:68%;top:20%}.waypoint-3{left:75%;top:44%}.waypoint-4{left:55%;top:49%}.waypoint-5{left:25%;top:65%}.waypoint-6{left:35%;top:85%}.waypoint-7{left:50%;top:93%}.waypoint-link{align-items:center;background:var(--white);border:3px solid var(--primary-blue);border-radius:20px;box-shadow:0 6px 20px #00000026;display:flex;flex-direction:column;min-width:120px;padding:.5rem;position:relative;text-decoration:none;transition:all .3s ease}.waypoint-link:hover{border-color:var(--accent-orange);box-shadow:0 8px 25px #0003;transform:scale(1.05)}.waypoint-link.final-destination{background:linear-gradient(135deg,gold,#ffed4e);border-color:#d97706;cursor:default}.waypoint-link.final-destination:hover{box-shadow:0 8px 25px #d977064d;transform:scale(1.05)}.waypoint-icon{display:block;font-size:2.5rem;margin-bottom:.5rem}.waypoint-info h3{color:var(--dark-blue);font-size:.9rem;font-weight:700;line-height:1.1;margin:0 0 .25rem;text-align:center}.waypoint-info p{color:var(--secondary-text);font-size:.75rem;line-height:1.2;margin:0;text-align:center}.final-destination .waypoint-info h3,.final-destination .waypoint-info p{color:#92400e}.roadmap-legend{background:var(--white);border:1px solid var(--warm-beige);border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:1.5rem 2rem}.legend-item{align-items:center;color:var(--secondary-text);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.legend-icon{font-size:1.2rem}@media (max-width:768px){.hero{padding:2rem 0 3rem}.hero-content{padding:0 1rem}.hero h1{font-size:2.2rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero-stats{gap:1rem;margin-bottom:2rem;padding:1.25rem}.stat-number{font-size:1.6rem}.hero-buttons{align-items:center;flex-direction:column;gap:.75rem}.roadmap{padding:2rem 0}.roadmap-header h2{font-size:1.8rem}.roadmap-container{padding:0 .5rem}.road-path{margin-bottom:2rem;min-height:700px}.desktop-path{display:none}.mobile-path{display:block;height:700px}.waypoint-1{left:50%;top:7%}.waypoint-2{left:37%;top:24%}.waypoint-3{left:55%;top:35%}.waypoint-4{left:68%;top:48%}.waypoint-5{left:35%;top:60%}.waypoint-6{left:52%;top:73%}.waypoint-7{left:50%;right:auto;top:93%}.waypoint-link{min-width:100px;padding:.6rem}.waypoint-icon{font-size:1.8rem}.waypoint-info h3{font-size:.8rem}.waypoint-info p{font-size:.7rem}.roadmap-legend{flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:1.5rem}}@media (max-width:480px){.hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{flex-direction:column;gap:1rem;padding:1rem}.stat-number{font-size:1.5rem}.feature-card{padding:1.5rem}.roadmap-header h2{font-size:1.6rem}.road-path{min-height:700px}.mobile-path{height:700px}.waypoint-1{left:50%;top:7%}.waypoint-2{left:25%;top:22%}.waypoint-3{left:59%;top:33%}.waypoint-4{left:75%;top:47%}.waypoint-5{left:25%;top:60%}.waypoint-6{left:62%;top:77%}.waypoint-7{left:50%;right:auto;top:93%}.waypoint-link{min-width:90px;padding:.5rem}.waypoint-icon{font-size:1.6rem}.waypoint-info h3{font-size:.75rem}.waypoint-info p{font-size:.65rem}.roadmap-legend{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;text-align:center}}.grammar-new{background:var(--light-cream);font-family:var(--font-family-primary);min-height:100vh}.grammar-hero{background:linear-gradient(135deg,var(--primary-blue) 0,#1976d2 100%);border-radius:0 0 2rem 2rem;color:#fff;margin-bottom:3rem;overflow:hidden;padding:4rem 0 3rem;position:relative;text-align:center;z-index:1}.grammar-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0Z' opacity='.25' fill='%23fff'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{position:relative;text-align:center;z-index:2}.grammar-hero .hero-subtitle{color:#fff;font-size:1.3rem;font-weight:400;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;opacity:1;position:relative;text-shadow:0 2px 8px #0006;z-index:2}.grammar-hero .hero-stats{background-color:initial;border:none;display:flex;justify-content:center;margin-top:2rem;position:relative;z-index:1}.grammar-new .stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:1rem;color:#fff;min-width:140px;padding:1.5rem;text-align:center;transition:all .3s ease}.grammar-new .stat:hover{background:#fff3;transform:translateY(-5px)}.grammar-new .stat-icon{color:#fff;font-size:2rem;margin-bottom:.5rem;text-shadow:0 1px 3px #0000004d}.grammar-new .stat-number{color:#fff;display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 2px 6px #0006}.grammar-new .stat-label{color:#fff;font-size:.9rem;font-weight:500;opacity:1;text-shadow:0 1px 4px #0006}.grammar-content{background:var(--white);border-radius:1rem 1rem 0 0;margin-top:0;padding:1.5rem 0;position:relative;z-index:3}.page-header h1{color:var(--primary-blue)!important;font-size:2.5rem!important;font-weight:700!important;margin-bottom:.5rem!important}.page-subtitle{color:#6c757d;font-size:1.2rem;font-weight:300;margin-bottom:0}.search-filters-section{background:var(--white);border:1px solid var(--warm-beige);border-radius:0;box-shadow:0 6px 15px #00000014;margin-bottom:1.5rem;padding:1.25rem}.search-box{margin-bottom:.75rem;position:relative}.search-icon{font-size:1rem;left:.75rem;opacity:.6;pointer-events:none;z-index:2}.search-input{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--white);border:2px solid var(--warm-beige);box-sizing:border-box;font-size:.9rem;font-size:16px;padding:.6rem 1rem .6rem 3rem!important;transition:all .3s ease}.search-input:focus{background:var(--white);border-color:var(--primary-blue);box-shadow:0 0 0 3px #3d74b61a}.filters-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem}.filter-group{display:flex;flex:1 1;flex-direction:column;min-width:140px;position:relative}.filter-group:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--primary-blue);content:"";height:0;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:0;z-index:2}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;font-size:.8rem;height:2.5rem;line-height:normal;padding:0!important;position:relative;text-indent:.6rem;transition:all .3s ease;width:100%}.filter-select:hover{background-color:#f8f9fa;border-color:var(--primary-blue)}.filter-select:focus{background-color:var(--white);box-shadow:0 0 0 3px #3d74b61a}.filter-select option{background:var(--white);color:var(--black);padding:.5rem}.clear-filters-btn{align-items:center;background:var(--accent-orange);border:2px solid var(--accent-orange);border-radius:0;box-sizing:border-box;color:var(--white);cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:.8rem;font-weight:600;height:2.5rem;justify-content:center;line-height:normal;margin-top:0;min-width:100px;padding:0;transition:all .3s ease;white-space:nowrap}.clear-filters-btn:hover{background:#b8321c;border-color:#b8321c;box-shadow:0 3px 8px #dc3c224d;transform:translateY(-1px)}.results-info{align-items:center;border-top:1px solid var(--warm-beige);display:flex;font-size:.8rem;justify-content:space-between;padding-top:.6rem}.results-count{font-weight:600}.active-filters{display:flex;flex-wrap:wrap;gap:.4rem}.filter-badge{background:var(--warm-beige);border:1px solid var(--accent-orange);border-radius:0;color:var(--primary-blue);font-size:.7rem;font-weight:500;padding:.15rem .5rem}.topics-section{margin-bottom:2.5rem}.desktop-only{display:block}.mobile-only{display:none}@media (min-width:769px){.mobile-only{display:none!important}.desktop-only{display:block!important}.filters-sub-row{display:inline-flex;gap:.6rem}.filters-sub-row .filter-group{flex:none;min-width:auto;position:relative}.filters-sub-row .filter-group:after{right:.75rem;top:1.25rem;transform:none}.filters-sub-row .filter-select{height:2.5rem;line-height:2.5rem;padding-bottom:0;padding-top:0;vertical-align:middle}}.topics-table-container{background:var(--white);border:1px solid var(--warm-beige);border-radius:0;box-shadow:0 2px 6px #0000000f;overflow:hidden}.topics-table{border-collapse:collapse;font-family:var(--font-family-primary);width:100%}.topics-table th{background:var(--primary-blue);color:var(--white);font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.topics-table td{border-bottom:1px solid var(--warm-beige);padding:1rem;vertical-align:middle}.topic-row:hover{background:var(--light-cream)}.topic-link{color:var(--primary-blue);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s ease}.topic-link:hover{color:var(--dark-blue);text-decoration:underline}.grammar-content .cefr-badge,.grammar-content .difficulty-badge,.grammar-content .section-badge{border-radius:0;color:var(--white)!important;display:inline-block;font-size:.75rem!important;font-weight:600;letter-spacing:.3px;padding:.5rem!important;text-transform:uppercase;white-space:nowrap}.topics-cards-container{grid-gap:.75rem;display:grid;gap:.75rem;margin-bottom:1rem}.topic-card{border:1px solid var(--warm-beige);border-radius:0;box-shadow:0 2px 4px #0000000a;padding:1rem}.topic-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #3d74b626;transform:translateY(-1px)}.topic-card-header{margin-bottom:.75rem}.topic-card-title{color:var(--primary-blue);display:block;font-size:.95rem;font-weight:600;line-height:1.3;text-decoration:none;transition:color .3s ease}.topic-card-title:hover{color:var(--dark-blue);text-decoration:underline}.topic-card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.no-results{border:1px solid var(--warm-beige);box-shadow:0 2px 6px #0000000f;padding:2.5rem 1.5rem}.no-results-icon{font-size:2rem;margin-bottom:.75rem}.no-results h2{font-size:1.2rem;margin-bottom:.6rem}.no-results p{font-size:.85rem;margin-bottom:1.25rem}.learning-path-section{background:var(--light-cream);border:1px solid var(--warm-beige);border-radius:0;box-shadow:0 2px 6px #0000000f;padding:1.5rem 1.25rem}.learning-path-section h2{color:var(--primary-blue);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.path-steps{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.path-step{background:var(--white);border:1px solid var(--warm-beige);border-radius:0;padding:1.25rem .75rem;position:relative;text-align:center;transition:all .3s ease}.path-step:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #3d74b626;transform:translateY(-1px)}.step-number{background:linear-gradient(135deg,var(--primary-blue),var(--accent-orange));box-shadow:0 2px 6px #3d74b64d;color:var(--white)!important;font-size:.9rem;font-weight:800;height:2rem;margin:0 auto .75rem;width:2rem}.path-step h3{color:var(--primary-blue);font-size:.9rem;font-weight:700;margin-bottom:.6rem}.path-step p{color:var(--gray);font-size:.8rem;line-height:1.4;margin:0}@media (max-width:1024px){.grammar-hero h1{font-size:1.7rem}.hero-subtitle{font-size:.88rem;max-width:450px}.path-steps{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.grammar-hero{border-radius:0 0 1rem 1rem;margin-bottom:1.5rem;padding:1.5rem 0 .5rem}.grammar-hero h1{font-size:1.8rem;margin-bottom:.5rem}.grammar-hero .hero-subtitle{font-size:1rem;margin-bottom:1rem}.hero-stats{flex-direction:row;margin-top:1rem}.grammar-new .stat{min-width:100px;padding:.75rem .5rem}.grammar-new .stat-icon{font-size:1.5rem;margin-bottom:.25rem}.grammar-new .stat-number{font-size:1.5rem;margin-bottom:.1rem}.grammar-new .stat-label{font-size:.75rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.65rem}.grammar-content{padding:1.25rem 0}.search-filters-section{margin-bottom:1.25rem;padding:1rem}.search-input{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;padding:.55rem 1rem .55rem 2.8rem!important}.search-icon{font-size:.9rem;left:.6rem}.filters-row{flex-direction:column;gap:.5rem}.filter-group{min-width:auto}.filters-sub-row{display:flex;gap:.5rem;width:100%}.filters-sub-row .filter-group{align-items:center;display:flex;flex:1 1;height:2.3rem;min-width:0;position:relative}.filter-select{text-indent:.5rem}.filter-select,.filters-sub-row .filter-select{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;height:2.3rem;line-height:2.3rem}.filters-sub-row .filter-select{padding-bottom:0;padding-top:0;vertical-align:middle}.clear-filters-btn{font-size:.75rem;height:2.3rem;min-width:90px}.results-info{align-items:flex-start;flex-direction:column;gap:.6rem;padding-top:.5rem}.results-count{font-size:.75rem}.filter-badge{font-size:.65rem;padding:.12rem .4rem}.topics-cards-container{gap:.6rem;margin:0;width:100%}.topic-card{box-sizing:border-box;padding:.9rem;width:100%}.topic-card-title{word-wrap:break-word;font-size:.9rem;overflow-wrap:break-word}.topic-card-badges{flex-wrap:wrap;gap:.4rem}.cefr-badge,.difficulty-badge,.section-badge{font-size:.65rem;padding:.25rem .5rem;white-space:nowrap}.path-steps{gap:1rem;grid-template-columns:1fr}.path-step{padding:1rem .6rem}.path-step h3{font-size:.85rem}.path-step p{font-size:.75rem}.no-results{box-sizing:border-box;margin:0;padding:2rem 1rem;width:100%}.no-results h2{font-size:1.1rem}.no-results p{font-size:.8rem}.learning-path-section{box-sizing:border-box;margin:0;padding:1.25rem 1rem;width:100%}.learning-path-section h2{font-size:1.2rem}}@media (max-width:480px){.grammar-hero{border-radius:0 0 .5rem .5rem;margin-bottom:1rem;padding:1rem 0 .25rem}.grammar-hero h1{font-size:1.5rem;margin-bottom:.25rem}.grammar-hero .hero-subtitle{font-size:.9rem;margin-bottom:.75rem}.hero-stats{margin-top:.5rem}.stat-number{font-size:1.1rem}.stat-label{font-size:.6rem}.grammar-content{padding:1rem 0}.search-filters-section{margin-bottom:1rem;padding:.8rem}.search-input{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;padding:.5rem .8rem .5rem 2.5rem!important}.search-icon{font-size:.85rem;left:.5rem}.filter-select{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;height:2.2rem;text-indent:.4rem}.clear-filters-btn{font-size:.7rem;height:2.2rem;min-width:80px}.results-count{font-size:.7rem}.filter-badge{font-size:.6rem;padding:.1rem .3rem}.topics-cards-container{gap:.5rem;margin:0;width:100%}.topic-card{box-sizing:border-box;padding:.8rem;width:100%}.topic-card-title{word-wrap:break-word;font-size:.85rem;overflow-wrap:break-word}.topic-card-badges{flex-wrap:wrap;gap:.3rem}.cefr-badge,.difficulty-badge,.section-badge{font-size:.55rem;padding:.2rem .4rem}.path-step{padding:.8rem .5rem}.step-number{font-size:.8rem;height:1.8rem;margin-bottom:.6rem;width:1.8rem}.path-step h3{font-size:.8rem;margin-bottom:.5rem}.path-step p{font-size:.7rem}.no-results{padding:1.5rem .8rem}.no-results h2{font-size:1rem}.no-results p{font-size:.75rem}.learning-path-section{padding:1rem .8rem}.learning-path-section h2{font-size:1.1rem;margin-bottom:1.25rem}}@media (max-width:360px){.grammar-hero h1{font-size:1.3rem}.hero-subtitle{font-size:.75rem;max-width:280px}.stat-number{font-size:1rem}.stat-label{font-size:.55rem}.topics-cards-container{gap:.4rem;margin:0;width:100%}.topic-card{box-sizing:border-box;padding:.7rem;width:100%}.topic-card-title{word-wrap:break-word;font-size:.8rem;overflow-wrap:break-word}.topic-card-badges{flex-wrap:wrap;gap:.25rem}.cefr-badge,.difficulty-badge,.section-badge{font-size:.5rem;padding:.15rem .3rem}}.topic-disabled{opacity:.5;position:relative}.topic-disabled .topic-card-title-disabled,.topic-disabled .topic-link-disabled{align-items:center;color:#999;cursor:not-allowed;display:flex;font-weight:500;gap:.5rem;text-decoration:none}.topic-disabled .topic-card-title-disabled:hover,.topic-disabled .topic-link-disabled:hover{color:#999;text-decoration:none}.coming-soon-badge{background:#f0f0f0;border-radius:12px;color:#666;font-size:.7rem;font-weight:500;letter-spacing:.5px;padding:.15rem .4rem;text-transform:uppercase}.topic-disabled .cefr-badge,.topic-disabled .difficulty-badge,.topic-disabled .section-badge{opacity:.6}.topic-card.topic-disabled{background:#f8f8f8;border-color:#e0e0e0}.topic-card.topic-disabled .topic-card-badges .cefr-badge,.topic-card.topic-disabled .topic-card-badges .difficulty-badge,.topic-card.topic-disabled .topic-card-badges .section-badge{opacity:.6}.grammar-section{background-color:var(--light-cream);min-height:100vh;padding:2rem 0}.grammar-section .container{margin:0 auto;max-width:1100px;padding:0 1rem}.section-header{background:var(--white);border:1px solid var(--light-gray);border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:2rem}.back-link{align-items:center;color:var(--gray);display:inline-flex}.back-link:hover{color:var(--primary-blue);text-decoration:none}.section-title{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.section-icon,.section-title h1{color:var(--primary-blue);font-size:2.5rem}.section-title h1{font-weight:700;margin:0}.section-description{color:var(--gray);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.section-stats{display:flex;flex-wrap:wrap;gap:1rem}.cefr-range,.topic-count{border-radius:25px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.topic-count{background:var(--primary-blue);color:var(--white)}.cefr-range{background:var(--gold);color:var(--black)}.section-not-found{background:var(--white);border:1px solid var(--light-gray);border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:4rem 2rem;text-align:center}.section-not-found h1{color:var(--primary-blue);margin-bottom:1rem}.cefr-level-group,.topics-content{margin-bottom:3rem}.level-header{background:var(--primary-blue);border-radius:15px;box-shadow:0 5px 15px #0003;color:var(--white);font-size:1.3rem;font-weight:600;padding:1rem 2rem;text-align:center}.topics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.topic-card{background:var(--white);border:1px solid var(--light-gray);box-shadow:0 8px 25px #0000001a;padding:1.5rem;transition:all .3s ease}.topic-card:hover{border-color:var(--gold);box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.topic-header{margin:0 0 1rem!important}.topic-header h3{color:var(--primary-blue);font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.cefr-level,.difficulty{border-radius:12px;color:var(--white);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.difficulty{background:var(--primary-blue)}.cefr-level{background:var(--gold);color:var(--black)}.topic-excerpt{color:var(--gray);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.topic-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background:var(--light-cream);border:1px solid var(--gold);border-radius:15px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.tag,.tag.more{color:var(--gray)}.tag.more{background:var(--light-gray);border-color:var(--light-gray);font-style:italic}.topic-actions{display:flex;justify-content:flex-end}.view-topic-btn{align-items:center;background:var(--primary-blue);border-radius:25px;box-shadow:0 4px 15px #00899d4d;display:inline-flex;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.view-topic-btn,.view-topic-btn:hover{color:var(--white);text-decoration:none}.view-topic-btn:hover{background:var(--dark-gold);box-shadow:0 6px 20px #00899d66;transform:translateY(-2px)}.section-navigation{background:var(--white);border:1px solid var(--light-gray);border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:2rem}.section-navigation h3{color:var(--primary-blue);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.section-links{display:flex;flex-wrap:wrap;gap:1rem}.section-link{background:var(--light-cream);border:2px solid var(--gold);border-radius:25px;color:var(--gray);font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.section-link:hover{background:var(--gold);border-color:var(--dark-gold);color:var(--black);text-decoration:none;transform:translateY(-2px)}.section-link.active{background:var(--primary-blue);border-color:var(--primary-blue);color:var(--white)}@media (max-width:768px){.grammar-section{padding:1rem 0}.section-header{margin-bottom:1.5rem;padding:1.5rem}.section-icon,.section-title h1{font-size:2rem}.topics-grid{gap:1rem;grid-template-columns:1fr}.topic-card{padding:1.25rem}.section-links{flex-direction:column}.section-link{text-align:center}}@media (max-width:480px){.section-title{flex-direction:column;gap:.5rem;text-align:center}.section-stats,.topic-actions,.topic-meta{justify-content:center}}.resources-section{margin:2rem 0}.resources-title{color:var(--dark-blue);font-family:var(--font-family-primary);font-size:1.4rem;font-weight:500;margin-bottom:1.5rem}.resources-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filter-select{background:var(--white);border:2px solid var(--warm-beige);border-radius:0;cursor:pointer;font-family:var(--font-family-primary);font-size:.9rem;min-width:150px;padding:.5rem 1rem}.filter-select:focus{border-color:var(--primary-blue);outline:none}.resources-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.resource-card{background:var(--white);border:1px solid var(--warm-beige);border-radius:0;box-shadow:0 2px 6px #0000000f;padding:1rem;transition:all .3s ease}.resource-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.resource-header{margin-bottom:.8rem}.resource-title{font-family:var(--font-family-primary);font-size:1rem;font-weight:500;margin:0 0 .6rem}.resource-badges{display:flex;flex-wrap:wrap;gap:.5rem}.resource-category,.resource-difficulty,.resource-free{border-radius:0;color:var(--white);font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:.2rem .6rem;text-transform:none}.resource-free{background:#28a745!important}.resource-rating{align-items:center;color:#ffc107;display:flex;margin-left:.5rem}.resource-description{color:var(--dark-blue);font-family:var(--font-family-primary);font-size:.85rem;line-height:1.4;margin-bottom:.8rem}.resource-tags{margin-bottom:.8rem}.resource-tag{background:var(--light-cream)}.resource-tag,.resource-tag-more{border-radius:0;color:var(--dark-blue);font-family:var(--font-family-primary);font-size:.7rem;padding:.2rem .5rem}.resource-tag-more{background:var(--warm-beige);font-style:italic;font-weight:500}.resource-footer{border-top:1px solid var(--warm-beige);padding-top:.8rem}.resource-link{background:var(--primary-blue);border-radius:0;color:var(--white);display:inline-block;font-family:var(--font-family-primary);font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.resource-link:hover{background:var(--accent-orange);box-shadow:0 2px 8px #dc3c224d;transform:translateY(-1px)}@media (max-width:768px){.resources-grid{gap:1rem;grid-template-columns:1fr}.resource-card{padding:1rem}.resources-filters{flex-direction:column;gap:.5rem}.filter-select{min-width:auto;width:100%}}@media (max-width:480px){.resource-badges{flex-direction:column;gap:.3rem}.resource-tags{gap:.3rem}}.grammar-topic-page{background:var(--light-cream);margin-top:2rem;min-height:100vh;padding:0;scroll-behavior:smooth;scroll-padding-top:150px}.section-content h3,h4,h5,h6{margin:0 0 1rem!important;padding:.5rem!important}.section-content .common-mistakes{background-color:#ffebee;border:2px solid #e91e63;border-radius:0;margin:1.5rem 0;padding:1.5rem}.topic-header{background:var(--white);border:1px solid var(--warm-beige);border-radius:0;box-shadow:0 2px 6px #0000000f;margin-bottom:2rem;margin-left:2rem;margin-right:2rem;padding:1rem 2rem}.topic-meta .topic-cefr,.topic-meta .topic-difficulty,.topic-meta .topic-section{border-radius:0;color:var(--white);font-size:.75rem!important;letter-spacing:.3px;padding:.2rem!important;text-transform:none}.grammar-topic-page .topic-title{color:var(--dark-blue);font-family:var(--font-family-primary);font-size:2.5rem;font-weight:600;margin:0 0 1.5rem}.grammar-topic-page .topic-navigation-links{border:none;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.nav-link{align-items:center;background:#0000;border:none;border-radius:0;color:var(--primary-blue);display:inline-flex;font-family:var(--font-family-primary);font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:after{background-color:var(--primary-blue);bottom:.3rem;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.nav-icon{font-size:1rem;opacity:.8;transition:all .3s ease}.nav-link:hover{background:#0000;box-shadow:none;color:var(--accent-orange);transform:none}.nav-link:hover:after{background-color:var(--accent-orange);transform:scaleX(1)}.nav-link:hover .nav-icon{opacity:1;transform:scale(1.1)}.nav-link:active{color:var(--dark-blue)}.nav-link:active:after{background-color:var(--dark-blue)}.topic-content{margin:0;width:100%}.grammar-topic-page .topic-section{background:var(--white);border:1px solid var(--warm-beige);margin-bottom:2rem;margin-left:0;margin-right:0;overflow:hidden;scroll-margin-top:120px}.section-title{background:var(--primary-blue);color:#fff;font-size:1.5rem;font-weight:600;margin:0;padding:1rem 2rem;scroll-margin-top:150px;text-transform:none}.section-content,.section-title{font-family:var(--font-family-primary)}.section-content{line-height:1.6;padding:2rem}.section-content h3{font-size:1.5rem;font-weight:500;margin:0 0 1rem}.section-content h3,.section-content p{color:var(--dark-blue);font-family:var(--font-family-primary)}.section-content p{font-size:1rem;font-weight:400;margin-bottom:1rem}.section-content ol,.section-content ul{font-family:var(--font-family-primary);margin:1rem 0;padding-left:2rem}.section-content li{color:var(--dark-blue);font-family:var(--font-family-primary);font-size:1rem;font-weight:400;margin-bottom:.5rem}.section-content code{color:var(--accent-orange);font-family:var(--font-family-mono);font-weight:600;padding:.2rem .4rem}.section-content code,.section-content pre{background:var(--light-cream);border-radius:0}.section-content pre{border:1px solid var(--warm-beige);margin:1rem 0;overflow-x:auto;padding:1rem}.section-content blockquote{border-left:4px solid var(--accent-orange);color:var(--dark-blue);font-family:var(--font-family-primary);font-size:1rem;font-style:italic;font-weight:400;margin:1rem 0;padding-left:1rem}.memory-trick{background:var(--light-cream);border:1px solid var(--warm-beige);border-radius:0;margin:1.5rem 0;padding:1.5rem}.memory-trick h4{color:var(--primary-blue);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.memory-acronym,.memory-trick h4{font-family:var(--font-family-primary)}.memory-acronym{word-wrap:break-word;color:var(--dark-blue);font-size:1rem;font-weight:400;line-height:1.8;overflow-wrap:break-word}.acronym-letter{background:var(--primary-blue);border-radius:0;color:var(--white)!important;display:inline-block;font-size:1.1rem;font-weight:700;margin-right:.5rem;min-width:1.5rem;padding:.2rem .5rem;text-align:center}@media (max-width:480px){.memory-trick{margin:1rem 0;padding:1rem}.memory-acronym{font-size:.9rem;line-height:1.6}.acronym-letter{font-size:1rem;margin-right:.3rem;min-width:1.3rem;padding:.15rem .4rem}.memory-trick h4{font-size:1rem}.mobile-hide{display:none}}.topic-navigation{display:flex;justify-content:space-between;margin-top:3rem;padding:0 1rem}.nav-btn{background:var(--primary-blue);border:none;border-radius:0;cursor:pointer;display:inline-block;font-family:var(--font-family-primary);font-weight:500;min-width:120px;padding:.8rem 1.5rem;transition:all .3s ease}.nav-btn,.nav-btn:hover{color:var(--white);text-decoration:none}.nav-btn:hover{background:var(--dark-blue);box-shadow:0 4px 8px #3d74b64d;transform:translateY(-2px)}.nav-btn:disabled{background:var(--gray);box-shadow:none;cursor:not-allowed;transform:none}.nav-spacer{flex:1 1}.quiz-questions-container{grid-gap:1rem;color:var(--primary-blue)!important;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:1rem}@media (min-width:768px){.quiz-questions-container{grid-template-columns:repeat(2,1fr);max-width:100%}}.quiz-question{background:var(--light-cream);border:1px solid var(--warm-beige);border-radius:0;height:fit-content;padding:.8rem}.quiz-question p{color:var(--dark-blue);font-family:var(--font-family-primary);font-size:.9rem;font-weight:500;line-height:1.3;margin:0 0 .5rem}.quiz-options{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(2,1fr);margin-top:.5rem}.quiz-option{background:var(--white);border:2px solid var(--warm-beige);border-radius:0;cursor:pointer;font-family:var(--font-family-primary);font-size:.9rem;overflow:hidden;padding:.5rem .8rem;text-align:left;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.quiz-option:hover{background:var(--primary-blue);box-shadow:0 4px 8px #3d74b64d;color:#fff;transform:translateY(-2px)}.quiz-option.correct{background:#4caf50;border-color:#4caf50;color:#fff}.quiz-option.incorrect{background:#f44336;border-color:#f44336;color:#fff}.quiz-option.selected{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff}@media (max-width:768px){.quiz-questions-container{gap:.8rem;grid-template-columns:1fr}.quiz-options{grid-template-columns:1fr}.quiz-option{text-align:center;white-space:normal}}.mobile-responsive-box{padding:2rem}.mobile-responsive-box-small{padding:1.5rem}@media (max-width:768px){.mobile-responsive-box{padding:1rem!important}.mobile-responsive-box-small{padding:.5rem!important}}@media (max-width:480px){.mobile-responsive-box{padding:.75rem!important}.mobile-responsive-box-small{padding:.25rem!important}}@media (max-width:768px){.grammar-topic-page{padding:1rem 0;scroll-padding-top:180px}.topic-header{margin-bottom:1.5rem;padding:1.5rem}.topic-navigation-links{gap:.5rem}.nav-link{font-size:.8rem;gap:.3rem;padding:.4rem .8rem}.nav-link:after{bottom:.2rem;height:1.5px}.nav-icon{font-size:.9rem}.grammar-topic-page .topic-section,.section-title{scroll-margin-top:180px}.grammar-topic-page .topic-title{font-size:2rem}.topic-meta{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem}.section-title{font-size:1.2rem;padding:1rem 1.5rem}.section-content{padding:1.25rem}.topic-navigation{align-items:center;flex-direction:column;gap:1rem}.nav-btn{max-width:300px;width:100%}}@media (max-width:480px){.topic-header{padding:1rem}.grammar-topic-page .topic-title{font-size:1.8rem}.section-title{font-size:1.1rem;padding:.8rem 1rem}.section-content{border:none!important;padding:.75rem}.section-content .inner{border:none!important;padding:.5rem!important}.section-content h3,h4{margin:0 0 1rem!important;padding:.5rem!important}.topic-meta{gap:.3rem}}.bg-blue-light{background-color:#e3f2fd!important}.bg-orange-light{background-color:#fff3e0!important}.bg-green-light{background-color:#e8f5e8!important}.bg-purple-light{background-color:#f3e5f5!important}.bg-red-light{background-color:#ffebee!important}.bg-neutral-light{background-color:#f8f9fa!important}.text-readable,.text-small-readable{color:#555!important;font-size:1rem!important}.conjugation-row{background-color:#f8f9fa!important;border-left:3px solid;margin:.8rem 0;padding:.8rem}.conjugation-row.blue{border-left-color:#2196f3}.conjugation-row.pink{border-left-color:#e91e63}.conjugation-row.green{border-left-color:#4caf50}.example-box{border-left:4px solid;margin:1rem 0}.comparison-box,.example-box{background-color:#f8f9fa!important;padding:1rem}.comparison-box{border:1px solid;border-radius:0}.comparison-box *{font-size:1rem!important}.comparison-box strong{display:inline-block;font-weight:700!important;margin-bottom:.5rem!important}.info-card{border:2px solid;border-radius:0;margin:1.5rem 0;padding:1.5rem}.info-card h4{font-size:1.2rem!important;margin:0 0 1rem!important}.info-card p{color:#333!important;font-size:1rem!important;margin:0 0 1rem!important}.grammar-content{border-radius:0!important;padding:1rem!important}.topic-content .example{font-weight:700!important}.topic-content .translation{font-style:italic!important;font-weight:400!important}.grammar-content *{color:#333;font-size:1rem!important}.grammar-content strong{font-weight:700!important}.grammar-topic-page *{color:#333}.grammar-topic-page .btn,.grammar-topic-page .btn *,.grammar-topic-page .nav-btn,.grammar-topic-page .nav-btn *,.grammar-topic-page .section-title,.grammar-topic-page .section-title *,.grammar-topic-page .topic-cefr,.grammar-topic-page .topic-difficulty,.grammar-topic-page .topic-section,.grammar-topic-page span[style*="backgroundColor: '#2196f3'"][style*="color: 'white'"],.grammar-topic-page span[style*="backgroundColor: '#4caf50'"][style*="color: 'white'"],.grammar-topic-page span[style*="backgroundColor: '#e91e63'"][style*="color: 'white'"],.grammar-topic-page table span[style*="backgroundColor: '#2196f3'"],.grammar-topic-page table span[style*="backgroundColor: '#4caf50'"],.grammar-topic-page table span[style*="backgroundColor: '#e91e63'"],.grammar-topic-page td span[style*="backgroundColor: '#2196f3'"],.grammar-topic-page td span[style*="backgroundColor: '#4caf50'"],.grammar-topic-page td span[style*="backgroundColor: '#e91e63'"]{color:#fff!important}.grammar-topic-page div[style*="color: 'var(--primary-blue')"] h4,.grammar-topic-page div[style*="color: var(--primary-blue)"] h4{color:var(--primary-blue)!important}.grammar-topic-page .color-blue{color:#2196f3!important}.grammar-topic-page .color-orange{color:#ef6c00!important}.grammar-topic-page .color-green{color:#2e7d32!important}.grammar-topic-page .color-purple{color:#7b1fa2!important}.grammar-topic-page .color-red{color:#c2185b!important}.grammar-topic-page .quiz-container *,.grammar-topic-page .quiz-controls *,.grammar-topic-page .quiz-explanation *,.grammar-topic-page .quiz-option *,.grammar-topic-page .quiz-options *,.grammar-topic-page .quiz-question *,.grammar-topic-page .quiz-questions-container *,.grammar-topic-page .quiz-results *,.grammar-topic-page .text-readable{color:#333!important;font-size:1rem!important}.grammar-topic-page [style*="backgroundColor: 'var(--light-cream')"][style*="color: 'var(--primary-blue')"] h4,.grammar-topic-page [style*="backgroundColor: 'var(--light-cream')"][style*="color: 'var(--primary-blue')"] p{color:var(--primary-blue)!important}.grammar-topic-page .quiz-reset,.grammar-topic-page .quiz-reset *,.grammar-topic-page .quiz-submit,.grammar-topic-page .quiz-submit *,.grammar-topic-page [style*="background-color: var(--primary-blue)"],.grammar-topic-page [style*="background-color: var(--primary-blue)"] *,.grammar-topic-page [style*="backgroundColor: 'var(--primary-blue')"],.grammar-topic-page [style*="backgroundColor: 'var(--primary-blue')"] *,.grammar-topic-page [style*="backgroundColor: var(--primary-blue)"],.grammar-topic-page [style*="backgroundColor: var(--primary-blue)"] *{color:#fff!important}.grammar-topic-page .quiz-explanation.correct,.grammar-topic-page .quiz-explanation.correct *,.grammar-topic-page [style*="color: #155724"],.grammar-topic-page [style*="color: '#155724'"]{color:#155724!important}.grammar-topic-page .quiz-explanation.incorrect,.grammar-topic-page .quiz-explanation.incorrect *,.grammar-topic-page [style*="color: #721c24"],.grammar-topic-page [style*="color: '#721c24'"]{color:#721c24!important}.grammar-topic-page [style*="backgroundColor: 'var(--light-cream')"] h3,.grammar-topic-page [style*="backgroundColor: 'var(--light-cream')"] h4,.grammar-topic-page [style*="backgroundColor: 'var(--light-cream')"] p,.grammar-topic-page [style*="color: 'var(--primary-blue')"] h4,.grammar-topic-page [style*="color: 'var(--primary-blue')"] p{color:var(--primary-blue)!important}.grammar-content .color-blue{color:#2196f3!important}.grammar-content .color-orange{color:#ef6c00!important}.grammar-content .color-green{color:#2e7d32!important}.grammar-content .color-purple{color:#7b1fa2!important}.grammar-content .color-red{color:#c2185b!important}.audio-player{gap:.5rem;margin:.25rem 0}.audio-button,.audio-player{align-items:center;display:inline-flex}.audio-button{background:var(--white);border:2px solid var(--primary-blue);border-radius:50%;color:var(--primary-blue);cursor:pointer;font-size:.9rem;height:2rem;justify-content:center;padding:0;transition:all .3s ease;width:2rem}.audio-button:hover{background:var(--primary-blue);color:var(--white);transform:scale(1.1)}.audio-button.playing{animation:pulse 1.5s infinite;background:var(--accent-orange);border-color:var(--accent-orange);color:var(--white)}.audio-text{color:var(--gray);font-size:.9rem;font-style:italic}.audio-player-not-supported{align-items:center;color:var(--gray);display:inline-flex;font-size:.8rem;font-style:italic}@media (max-width:768px){.audio-button{height:1.8rem;width:1.8rem}.audio-button,.audio-text{font-size:.8rem}}.mp3-player{background:var(--white);border:2px solid var(--primary-blue);border-radius:0;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:1rem}.mp3-controls,.mp3-player{align-items:center;display:flex}.mp3-controls{gap:1rem;max-width:300px;width:100%}.play-button{align-items:center;background:var(--white);border:2px solid var(--primary-blue);border-radius:50%;color:var(--primary-blue);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:3rem;justify-content:center;transition:all .3s ease;width:3rem}.play-button:hover{background:var(--primary-blue);color:var(--white);transform:scale(1.1)}.play-button.playing{animation:pulse 1.5s infinite;background:var(--accent-orange);border-color:var(--accent-orange);color:var(--white)}.mp3-progress{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.progress-bar{appearance:none;background:var(--warm-beige);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.progress-bar::-webkit-slider-thumb{appearance:none;background:var(--primary-blue);border-radius:50%;cursor:pointer;height:16px;width:16px}.progress-bar::-moz-range-thumb{background:var(--primary-blue);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.time-display{color:var(--gray);font-size:.8rem;justify-content:space-between}.mp3-title{color:var(--primary-blue);font-size:.9rem;font-weight:600;text-align:center}@media (max-width:768px){.mp3-player{padding:.75rem}.mp3-controls{gap:.75rem}.play-button{font-size:1rem;height:2.5rem;width:2.5rem}.time-display{font-size:.7rem}.mp3-title{font-size:.8rem}}.vocabulary-download{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:20px}.features-highlight{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.feature{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.85rem;font-weight:600;padding:6px 12px}.upgrade-note{animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#ffeaa7,#fab1a0);border:2px solid #fdcb6e;border-radius:8px;color:#2d3436;font-size:.95rem;margin-top:20px;padding:12px 16px}@keyframes glow{0%{box-shadow:0 0 5px #fdcb6e80}to{box-shadow:0 0 20px #fdcb6ecc}}.download-header{margin-bottom:30px;text-align:center}.download-header h2{color:#2c3e50;font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2rem;margin-bottom:10px}.download-header p{color:#7f8c8d;font-size:1.1rem;line-height:1.5}.template-selection{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin:25px 0;padding:20px}.template-selection h3{color:#2c3e50;font-size:1.2rem;margin-bottom:15px}.template-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:15px}.template-option{cursor:pointer;display:block}.template-option input[type=radio]{display:none}.template-card{background:#fff;border:2px solid #e1e8ed;border-radius:6px;height:100%;padding:15px;transition:all .3s ease}.template-option input[type=radio]:checked+.template-card{background:#ebf3fd;border-color:#3498db;box-shadow:0 2px 8px #3498db33}.template-card:hover{border-color:#3498db;box-shadow:0 2px 4px #3498db1a}.template-name{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:5px}.template-description{color:#7f8c8d;font-size:.9rem;line-height:1.4}.template-preview-btn{background:#fff;border:1px solid #bdc3c7;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.template-preview-btn:hover{background:#ecf0f1;border-color:#95a5a6}.template-details{background:#fff;border:1px solid #ddd;border-radius:6px;margin-top:15px;padding:15px}.template-detail{border-radius:4px;display:none;margin-bottom:10px;padding:15px}.template-detail.active{background:#f8f9fa;border:1px solid #3498db;display:block}.template-detail h4{color:#2c3e50;font-size:1rem;margin-bottom:10px}.template-features{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-group strong{color:#34495e;display:block;margin-bottom:5px}.feature-group ul{list-style:none;margin:0;padding:0}.feature-group li{color:#7f8c8d;font-size:.85rem;padding:2px 0 2px 12px;position:relative}.feature-group li:before{color:#3498db;content:"•";left:0;position:absolute}.download-options{grid-gap:25px;display:grid;gap:25px;margin-bottom:30px}.download-option{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:8px;padding:20px;transition:all .3s ease}.download-option:hover{background:#fff;border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.download-option h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:8px}.download-option p{color:#7f8c8d;line-height:1.4;margin-bottom:15px}.download-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.download-btn:disabled{cursor:not-allowed;opacity:.6}.download-btn.primary{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 4px #3498db4d;color:#fff}.download-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 4px 8px #3498db66;transform:translateY(-2px)}.download-btn.secondary{background:#ecf0f1;border:2px solid #bdc3c7;color:#2c3e50}.download-btn.secondary:hover:not(:disabled){background:#d5dbdb;border-color:#95a5a6}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.category-selector{border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px}.selector-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.control-btn{background:#ecf0f1;border:1px solid #bdc3c7;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.control-btn:hover{background:#d5dbdb;border-color:#95a5a6}.selected-count{background:#f8f9fa;border-radius:4px;color:#7f8c8d;font-size:.9rem;font-weight:500;margin-left:auto;padding:6px 12px}.categories-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:25px}.category-checkbox{align-items:center;background:#f8f9fa;border:1px solid #e1e8ed;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.category-checkbox:hover{background:#fff;border-color:#3498db;box-shadow:0 2px 4px #3498db1a}.category-checkbox input[type=checkbox]{display:none}.categories-grid .checkmark{border:2px solid #bdc3c7;border-radius:3px;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.category-checkbox input[type=checkbox]:checked+.checkmark{background:#3498db;border-color:#3498db}.category-checkbox input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.category-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.category-icon{flex-shrink:0;font-size:1.2rem}.category-name{color:#2c3e50;flex:1 1;font-weight:500;min-width:0}.category-count{color:#7f8c8d;flex-shrink:0;font-size:.85rem}.download-info{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:20px}.download-info h4{color:#2c3e50;font-size:1.1rem;margin-bottom:12px}.download-info ul{list-style:none;padding:0}.download-info li{color:#34495e;font-size:.95rem;line-height:1.4;margin-bottom:8px}@media (max-width:768px){.vocabulary-download{margin:10px;padding:15px}.download-header h2{font-size:1.6rem}.categories-grid,.template-features,.template-options{grid-template-columns:1fr}.selector-controls{align-items:stretch;flex-direction:column}.selected-count{margin-left:0;text-align:center}.download-btn{padding:14px 20px;width:100%}}@media (max-width:480px){.category-checkbox{padding:10px}.category-info{align-items:flex-start;flex-direction:column;gap:4px}.download-header h2{font-size:1.4rem}.download-option h3{font-size:1.1rem}}.vocabulary{background:var(--light-cream);font-family:var(--font-family-primary);min-height:100vh}.vocabulary-hero{background:linear-gradient(135deg,var(--primary-blue) 0,#1976d2 100%);border-radius:0 0 2rem 2rem;color:#fff;margin-bottom:3rem;overflow:hidden;padding:4rem 0 3rem;position:relative;text-align:center;z-index:1}.vocabulary-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0Z' opacity='.25' fill='%23fff'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.vocabulary-hero h1{color:#fff;font-size:3rem;font-weight:800;margin-bottom:1rem;position:relative;text-shadow:0 3px 15px #00000080,0 1px 3px #000c;z-index:2}.vocabulary-hero .hero-subtitle{color:#fff;font-size:1.3rem;font-weight:400;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;opacity:1;position:relative;text-shadow:0 2px 8px #0006;z-index:2}.vocab-stats{display:flex;gap:2rem;justify-content:center;margin-top:2rem;position:relative;z-index:1}.vocabulary .stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:1rem;color:#fff;min-width:140px;padding:1.5rem;text-align:center;transition:all .3s ease}.vocabulary .stat-card:hover{background:#fff3;transform:translateY(-5px)}.vocabulary .stat-icon{color:#fff;font-size:2rem;margin-bottom:.5rem;text-shadow:0 1px 3px #0000004d}.vocabulary .stat-number{color:#fff;display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 2px 6px #0006}.vocabulary .stat-label{color:#fff;font-size:.9rem;font-weight:500;opacity:1;text-shadow:0 1px 4px #0006}.vocabulary-categories{margin-bottom:3rem}.vocabulary-categories h2,h1{color:var(--primary-blue);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.categories-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.category-card-link{color:inherit;display:block;height:100%;text-decoration:none;transition:transform .3s ease}.category-card{background:#fff;border-radius:1rem;border-top:4px solid #e0e0e0;box-shadow:0 5px 20px #00000014;box-sizing:border-box;display:flex;flex-direction:column;min-height:280px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease;width:100%}.category-card:before{background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.category-card-link:hover .category-card{box-shadow:0 15px 40px #00000026;transform:translateY(-8px)}.category-card-link:hover .category-card:before{opacity:1}.card-header{justify-content:space-between;margin-bottom:1rem}.card-header,.category-icon{align-items:center;display:flex}.category-icon{background:linear-gradient(135deg,#3d74b61a,#dc3c221a);border-radius:50%;height:4rem;justify-content:center;width:4rem}.word-count{background:linear-gradient(135deg,var(--primary-blue),#1976d2);border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.category-card h3{color:var(--primary-blue);font-size:1.4rem;font-weight:600;margin-bottom:1rem}.card-description{color:#495057;flex:1 1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.card-action{align-items:center;border-top:1px solid #e9ecef;color:var(--primary-blue);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:flex-end;margin-top:auto;padding-top:1rem;text-align:right;transition:all .3s ease}.category-card-link:hover .card-action{color:var(--accent-orange);transform:translateX(5px)}.common-phrases{margin-bottom:3rem}.common-phrases h2{color:var(--primary-blue);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.phrases-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.phrase-section{background:#fff;border-radius:1rem;border-top:4px solid var(--primary-blue);box-shadow:0 5px 20px #00000014;padding:2rem;transition:all .3s ease}.phrase-section:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-5px)}.phrase-section h3{align-items:center;color:var(--primary-blue);display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.phrase-section h3:before{content:"💬";font-size:1.2rem}.phrase-section ul{list-style:none}.phrase-section ul li{border-bottom:1px solid var(--light-gray);color:var(--gray);padding:.5rem 0}.phrase-section ul li:last-child{border-bottom:none}.phrase-section ul li strong{color:var(--primary-blue);font-weight:700}.vocabulary-download-section{margin:3rem 0}.learning-tips{margin:4rem 0 3rem;padding:0 1rem}.learning-tips h2{color:var(--primary-blue);font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.tip-card{border-radius:1rem;border-top:4px solid #e0e0e0;box-shadow:0 5px 20px #00000014;padding:2rem}.tip-card:hover{border-top-color:var(--primary-blue);box-shadow:0 10px 30px #0000001f}.tip-icon{display:block;font-size:3rem}.tip-card h3{color:var(--primary-blue);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.tip-card p{color:#495057;line-height:1.6}.coming-soon{background:linear-gradient(135deg,#fff,#f8f9fa);background-clip:padding-box;border:2px solid #0000;border-radius:1rem;box-shadow:0 5px 20px #00000014;margin-top:2rem;padding:3rem;text-align:center}.coming-soon h2{color:var(--primary-blue);font-size:2rem;font-weight:600;margin-bottom:1rem}.coming-soon p{color:#495057;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}@media (max-width:768px){.vocabulary-hero{margin-bottom:1.5rem;padding:1.5rem 0 .5rem}.vocabulary-hero h1{font-size:1.8rem;margin-bottom:.5rem}.vocabulary-hero .hero-subtitle{font-size:1rem;margin-bottom:1rem}.vocab-stats{flex-direction:row;gap:.5rem;margin-top:1rem}.vocabulary .stat-card{min-width:100px;padding:.75rem .5rem}.vocabulary .stat-number{font-size:1.5rem;margin-bottom:.1rem}.vocabulary .stat-label{font-size:.75rem}.vocabulary .stat-icon{font-size:1.5rem;margin-bottom:.25rem}.common-phrases h2,.learning-tips h2,.vocabulary-categories h2{font-size:2rem}.categories-grid{gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}.phrases-grid,.tips-grid{gap:1rem;grid-template-columns:1fr}.category-card-link:hover{transform:none}.category-card,.phrase-section,.tip-card{padding:1.5rem}}@media (max-width:480px){.vocabulary-hero{margin-bottom:1rem;padding:1rem 0 .25rem}.vocabulary-hero h1{font-size:1.5rem;margin-bottom:.25rem}.vocabulary-hero .hero-subtitle{font-size:.9rem;margin-bottom:.75rem}.categories-grid,.phrases-grid,.tips-grid{gap:1.5rem;grid-template-columns:1fr}.categories-grid{margin-bottom:1rem}.category-card-link:hover{transform:none}.category-card,.phrase-section,.tip-card{padding:1.25rem}.category-card h3{font-size:1.2rem}.card-description{font-size:.9rem}.category-icon{font-size:2rem;height:3rem;width:3rem}.coming-soon{padding:2rem 1rem}}.vocabulary-template{background:var(--light-cream);margin-top:2rem;min-height:100vh;padding:0;position:relative;z-index:1}.vocabulary-template .container{margin:0 auto;max-width:1200px;padding:0 1rem}.vocabulary-header{background:var(--white);border:1px solid var(--warm-beige);border-radius:0;box-shadow:0 2px 6px #0000000f;margin-bottom:2rem;padding:1rem 2rem}.back-link{color:var(--primary-blue);display:inline-block;font-family:var(--font-family-primary);font-weight:500;margin-bottom:1rem;text-decoration:none;transition:color .3s ease}.back-link:hover{color:var(--accent-orange)}.topic-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.topic-meta .topic-difficulty,.topic-meta .topic-section,.topic-meta .word-count-badge{border-radius:0;color:var(--white);font-size:.75rem!important;letter-spacing:.3px;padding:.2rem!important;text-transform:none}.topic-meta .topic-section{margin-bottom:0!important}.vocabulary-template .topic-title{align-items:center;color:var(--dark-blue);display:flex;font-family:var(--font-family-primary);font-size:2.5rem;font-weight:600;gap:1rem;margin:0 0 1rem}.category-icon{font-size:2.5rem;margin-bottom:0}.category-description{color:var(--secondary-text);font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem}.topic-navigation-links{background:#fff;border:2px solid var(--primary-blue);border-radius:0;display:flex;flex-wrap:wrap;gap:0;margin-bottom:1rem;overflow:hidden}.vocabulary-template .nav-link{align-items:center;background:#fff;border:none;border-radius:0;border-right:1px solid var(--primary-blue);color:var(--primary-blue);cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-family-primary);font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.vocabulary-template .nav-link:last-child{border-right:none}.vocabulary-template .nav-link:hover{background:var(--light-cream)}.vocabulary-template .nav-link.active{background:var(--primary-blue);color:#fff}.vocabulary-template .nav-link:after,.vocabulary-template .nav-link:hover:after{display:none!important}.vocabulary-template .search-section{margin-bottom:2rem}.search-bar{margin:0 auto;max-width:500px;position:relative;z-index:5}.search-input{background:#fff;border:2px solid var(--primary-blue);border-radius:0;font-family:var(--font-family-primary);font-size:1rem;padding:1rem 3rem 1rem 1rem;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:var(--accent-orange);outline:none}.search-icon{color:var(--gray);font-size:1.2rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.vocabulary-content{margin-bottom:3rem}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{color:var(--primary-blue);font-size:2rem;margin:0 0 .5rem}.section-header p{color:var(--gray);font-size:1.1rem;margin:0}.word-category-group{margin-bottom:3rem}.word-category-group:last-child{margin-bottom:0}.category-header{border-bottom:2px solid var(--warm-beige);color:var(--primary-blue);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem;position:relative}.category-header:before{background:var(--primary-blue);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.words-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.word-card{background:#fff;border:2px solid var(--warm-beige);border-radius:0;height:fit-content;padding:.5rem 1.5rem;transition:all .3s ease}.word-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #0000801a;transform:translateY(-2px)}.word-content{display:flex;flex-direction:column;gap:.25rem}.spanish-word{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.word-text{color:var(--primary-blue);font-size:1.3rem;font-weight:700}.word-example{border-top:1px solid var(--light-gray);margin-top:.5rem;padding-top:.8rem}.example-spanish{color:var(--primary-blue);font-size:.95rem;margin-bottom:.3rem}.example-english{color:var(--gray);font-size:.9rem;font-style:italic}.phrases-list{gap:1.5rem}.phrase-card{background:#fff;border:2px solid var(--warm-beige);border-radius:0;padding:1.5rem;transition:all .3s ease}.phrase-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #0000801a}.phrase-content{display:flex;flex-direction:column;gap:.8rem}.spanish-phrase{align-items:center;display:flex;gap:1rem;justify-content:space-between}.phrase-text{color:var(--primary-blue);font-size:1.4rem;font-weight:700}.phrase-example{border-top:1px solid var(--light-gray);margin-top:.5rem;padding-top:.8rem}.example-header{color:var(--primary-blue);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.no-results{color:var(--gray);padding:3rem}.no-results p{font-size:1.1rem;margin:0}.vocabulary-footer{border-top:2px solid var(--primary-blue);margin-top:3rem;padding:2rem 0}.footer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.btn{border:none;border-radius:0;cursor:pointer;display:inline-block;font-family:var(--font-family-primary);font-size:1rem;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--dark-blue);transform:translateY(-2px)}.btn-primary:disabled{background:var(--gray);cursor:not-allowed}.btn-secondary{background:var(--warm-beige);color:var(--primary-blue)}.btn-secondary:hover{background:var(--dark-gold);transform:translateY(-2px)}@media (max-width:768px){.vocabulary-header{padding:.75rem}.header-content{flex-direction:column;gap:.5rem;text-align:center}.category-icon,.header-text h1{font-size:1.5rem}.words-grid{gap:1rem;grid-template-columns:1fr}.phrase-card,.word-card{padding:1rem}.spanish-phrase,.spanish-word{gap:.5rem}.phrase-text,.word-text{font-size:1.2rem}.footer-actions{flex-direction:column;text-align:center}.tab{font-size:.9rem;padding:.8rem 1rem}.vocabulary-header{margin-left:1rem;margin-right:1rem;padding:1rem}.category-icon,.vocabulary-template .topic-title{font-size:2rem}.vocabulary-template .nav-link{font-size:.9rem;padding:.8rem 1rem}}@media (max-width:480px){.vocabulary-template .container{padding:0 .5rem}.vocabulary-header{margin-left:.5rem;margin-right:.5rem;padding:.8rem}.vocabulary-template .topic-title{flex-direction:column;font-size:1.5rem;gap:.5rem;text-align:center}.category-icon{font-size:1.8rem}.category-description{font-size:1rem;text-align:center}.vocabulary-template .nav-link{font-size:.9rem;padding:.8rem 1rem}.phrase-card,.word-card{padding:.75rem}.search-input{padding:.8rem 2.5rem .8rem .8rem}}.family-tree{background:#fff;border:2px solid var(--primary-blue);border-radius:0;margin:2rem 0;padding:2rem}.family-tree-header{margin-bottom:3rem;text-align:center}.family-tree-header h2{color:var(--primary-blue);font-size:2rem;margin:0 0 .5rem}.family-tree-header p{color:var(--gray);font-style:italic;margin:0}.generation{margin-bottom:2rem}.generation h3{border-bottom:1px solid var(--warm-beige);color:var(--primary-blue);font-size:1.3rem;margin:0 0 1.5rem;padding-bottom:.5rem;text-align:center}.family-row{flex-wrap:wrap;gap:1rem;justify-content:center}.family-member,.family-row{align-items:center;display:flex}.family-member{background:var(--light-cream);border:1px solid var(--warm-beige);border-radius:8px;flex-direction:column;min-width:120px;padding:1rem;transition:all .3s ease}.family-member:hover{border-color:var(--primary-blue);box-shadow:0 4px 8px #0000801a;transform:translateY(-2px)}.family-member.male{border-left:4px solid #4a90e2}.family-member.female{border-left:4px solid #e24a90}.family-member.special.me{background:var(--accent-orange);border-left:4px solid var(--dark-gold);color:#fff}.family-member.special.me .english-term{color:#fff}.member-icon{font-size:2.5rem;margin-bottom:.5rem}.member-info{text-align:center;width:100%}.spanish-term{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.3rem}.spanish-term .term{color:var(--primary-blue);font-size:1.1rem;font-weight:700}.family-member.special.me .spanish-term .term{color:#fff}.english-term{color:var(--gray);font-size:.9rem;font-style:italic}.connection-line{flex-shrink:0}.connection-line.horizontal{background:var(--primary-blue);height:2px;margin:0 .5rem;width:30px}.family-spacer{flex-shrink:0;width:60px}.generation-connector{display:flex;justify-content:center;margin:1.5rem 0}.vertical-line{background:var(--primary-blue);height:30px;width:2px}@media (max-width:768px){.family-tree{padding:1.5rem}.family-tree-header h2{font-size:1.5rem}.family-row{gap:.5rem}.family-member{min-width:100px;padding:.75rem}.member-icon{font-size:2rem}.spanish-term .term{font-size:1rem}.english-term{font-size:.8rem}.connection-line.horizontal{margin:0 .25rem;width:20px}.family-spacer{width:40px}}@media (max-width:480px){.family-tree{padding:1rem}.family-row{flex-direction:column;gap:1rem}.family-member{min-width:140px}.connection-line.horizontal,.family-spacer{display:none}.generation-connector{margin:2rem 0}.vertical-line{height:40px}}.home-family-custom{margin-top:2rem}.family-tree-section{background:linear-gradient(135deg,#fff3e0,#f8f9fa)}.home-rooms{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.room-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.room-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.room-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.room-tab:hover{background:#e9ecef}.room-tab.active{background:#28a745;color:#fff}.room-icon{font-size:1.5rem}.room-name{font-weight:600;text-align:center}.room-content{padding:2rem}.room-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1rem}.room-description{background:#e8f5e8;border-left:4px solid #28a745;border-radius:8px;color:#6c757d;font-style:italic;margin-bottom:1.5rem;padding:1rem}.room-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.family-relationships{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.relationship-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.relationship-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.relationship-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.relationship-tab:hover{background:#e9ecef}.relationship-tab.active{background:#2196f3;color:#fff}.relationship-icon{font-size:1.5rem}.relationship-name{font-weight:600;text-align:center}.relationship-content{padding:2rem}.relationship-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.relationship-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.descriptions-section h4,.relationships-vocabulary-section h4{border-bottom:2px solid #2196f3;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.descriptions-list,.relationships-vocab-list{display:flex;flex-direction:column;gap:1rem}.description-item,.relationship-vocab-item{background:#f8f9fa;border-left:4px solid #2196f3;border-radius:8px;padding:1rem;transition:all .3s ease}.description-item:hover,.relationship-vocab-item:hover{background:#e9ecef;transform:translateX(5px)}.description-spanish,.relationship-vocab-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.description-english,.relationship-vocab-english{color:#6c757d;font-style:italic}.household-activities{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.activity-tab{flex-direction:column;font-size:.9rem}.activity-tab.active{background:#9c27b0}.activity-icon{font-size:1.5rem}.activity-name{font-weight:600;text-align:center}.activities-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.household-activity-item{background:#f8f9fa;border-left:4px solid #9c27b0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.household-activity-item:hover{background:#e9ecef;box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.activity-header{margin-bottom:1rem}.chore-badge,.family-badge,.time-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.time-badge{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.chore-badge{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.family-badge{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff}.household-activity-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.household-activity-english{color:#2c3e50;font-weight:500;margin-bottom:.5rem}.activity-detail{color:#6c757d;font-size:.9rem;font-style:italic}.family-conversations{background:linear-gradient(135deg,#ffebee,#f8f9fa)}.conversation-tab.active{background:#dc3545}.dialogue-section h4,.tips-section h4{border-bottom:2px solid #dc3545}.dialogue-line.father,.dialogue-line.mother,.dialogue-line.parent1,.dialogue-line.parent2{background:#ffebee;margin-left:2rem}.dialogue-line.daughter,.dialogue-line.son,.dialogue-line.teen,.dialogue-line.you{background:#e8f5e8;margin-right:2rem}.dialogue-line.friend{background:#e3f2fd;margin-left:1rem;margin-right:1rem}.family-culture{background:linear-gradient(135deg,#fff8e1,#f8f9fa)}.home-family-custom .audio-player{display:inline-flex;vertical-align:middle}.home-family-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.home-family-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.activity-tabs,.conversation-tabs,.relationship-tabs,.room-tabs{flex-direction:column}.activity-tab,.conversation-tab,.relationship-tab,.room-tab{border-bottom:1px solid #e9ecef}.conversation-info-grid,.relationship-info-grid,.room-info-grid{gap:1.5rem;grid-template-columns:1fr}.activities-grid{grid-template-columns:1fr}.dialogue-line.daughter,.dialogue-line.father,.dialogue-line.friend,.dialogue-line.mother,.dialogue-line.parent1,.dialogue-line.parent2,.dialogue-line.son,.dialogue-line.teen,.dialogue-line.you{margin:0}.culture-tips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.section h2{font-size:1.5rem}.activity-content,.conversation-content,.relationship-content,.room-content{padding:1rem}.activity-item,.description-item,.household-activity-item,.relationship-vocab-item,.tip-item,.vocabulary-item{padding:.75rem}.dialogue-line{flex-direction:column;gap:.5rem;padding:.75rem}.tip-card{padding:1rem}.culture-tips{grid-template-columns:1fr}.household-activity-spanish{font-size:1rem}.activities-grid{grid-template-columns:1fr}}.food-categories{background:#fff;border:2px solid var(--primary-blue);border-radius:0;margin:2rem 0;padding:2rem}.food-categories-header{margin-bottom:2rem;text-align:center}.food-categories-header h2{color:var(--primary-blue);font-size:2rem;margin:0 0 .5rem}.food-categories-header p{color:var(--gray);font-style:italic;margin:0}.category-navigation{grid-gap:1rem;background:var(--light-cream);border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1rem}.category-button{align-items:center;background:#fff;border:2px solid var(--warm-beige);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family-primary);gap:.5rem;padding:1rem;transition:all .3s ease}.category-button:hover{box-shadow:0 4px 8px #0000801a}.category-button.active,.category-button:hover{border-color:var(--primary-blue);transform:translateY(-2px)}.category-button.active{background:var(--primary-blue);box-shadow:0 4px 12px #00008033;color:#fff}.category-icon{margin-bottom:.25rem}.category-title{font-size:.9rem;font-weight:600;line-height:1.2;text-align:center}.category-content{min-height:400px}.category-heading{border-bottom:2px solid var(--warm-beige);color:var(--primary-blue);font-size:1.5rem;margin:0 0 2rem;padding-bottom:1rem;text-align:center}.food-items{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.food-card{background:#fff;border:2px solid var(--warm-beige);border-radius:0;padding:.5rem 1.5rem;transition:all .3s ease}.food-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #0000801a;transform:translateY(-2px)}.food-content{display:flex;flex-direction:column;gap:.8rem}.spanish-food{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.food-text{color:var(--primary-blue);font-size:1.2rem;font-weight:700}.english-translation{color:var(--gray);font-size:1rem;font-style:italic}@media (max-width:768px){.food-categories{padding:1.5rem}.food-categories-header h2{font-size:1.5rem}.category-navigation{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:.75rem}.category-button{padding:.75rem}.category-icon{font-size:1.5rem}.category-title{font-size:.8rem}.food-items{gap:1rem;grid-template-columns:1fr}.food-card{padding:1rem}.spanish-food{align-items:flex-start;flex-direction:column;gap:.5rem}.food-text{font-size:1.1rem}}@media (max-width:480px){.food-categories{padding:1rem}.category-navigation{gap:.5rem;grid-template-columns:repeat(2,1fr);padding:.5rem}.category-button{padding:.5rem}.category-icon{font-size:1.25rem}.category-title{font-size:.75rem}.food-card{padding:.75rem}.food-text{font-size:1rem}.english-translation{font-size:.9rem}}.food-dining-custom{margin-top:2rem}.food-categories-section{background:linear-gradient(135deg,#fff9e6,#f8f9fa)}.restaurant-experience{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.restaurant-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.restaurant-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.restaurant-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.restaurant-tab:hover{background:#e9ecef}.restaurant-tab.active{background:#28a745;color:#fff}.restaurant-icon{font-size:1.5rem}.restaurant-name{font-weight:600;text-align:center}.restaurant-content{padding:2rem}.restaurant-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1rem}.restaurant-description{background:#e8f5e8;border-left:4px solid #28a745;border-radius:8px;color:#6c757d;font-style:italic;margin-bottom:1.5rem;padding:1rem}.restaurant-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.phrases-section h4,.vocabulary-section h4{border-bottom:2px solid #28a745}.phrase-item,.vocabulary-item{border-left:4px solid #28a745}.spanish-cuisine{background:linear-gradient(135deg,#fff3e0,#f8f9fa)}.cuisine-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.cuisine-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.cuisine-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.cuisine-tab:hover{background:#e9ecef}.cuisine-tab.active{background:#ff9800;color:#fff}.cuisine-icon{font-size:1.5rem}.cuisine-name{font-weight:600;text-align:center}.cuisine-content{padding:2rem}.cuisine-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.dishes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dish-card{background:#f8f9fa;border-left:4px solid #ff9800;border-radius:12px;padding:1.5rem;transition:all .3s ease}.dish-card:hover{background:#e9ecef;box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.dish-header{margin-bottom:1rem}.region-badge{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.dish-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.dish-english{color:#2c3e50;font-weight:500;margin-bottom:.5rem}.dish-description{color:#6c757d;font-size:.9rem;font-style:italic}.cooking-methods{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.cooking-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.cooking-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.cooking-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.cooking-tab:hover{background:#e9ecef}.cooking-tab.active{background:#2196f3;color:#fff}.cooking-icon{font-size:1.5rem}.cooking-name{font-weight:600;text-align:center}.cooking-content{padding:2rem}.cooking-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.methods-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.method-item{background:#f8f9fa;border-left:4px solid #2196f3;border-radius:12px;padding:1.5rem;transition:all .3s ease}.method-item:hover{background:#e9ecef;box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.method-english{margin-bottom:.5rem}.method-description{color:#6c757d;font-size:.9rem;font-style:italic}.dining-conversations{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.dialogue-line.waiter{background:#f3e5f5;margin-left:2rem}.dialogue-line.customer{background:#e8f5e8}.food-culture{background:linear-gradient(135deg,#ffebee,#f8f9fa)}.food-dining-custom .audio-player{display:inline-flex;vertical-align:middle}.food-dining-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.food-dining-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.conversation-tabs,.cooking-tabs,.cuisine-tabs,.restaurant-tabs{flex-direction:column}.conversation-tab,.cooking-tab,.cuisine-tab,.restaurant-tab{border-bottom:1px solid #e9ecef}.conversation-info-grid,.restaurant-info-grid{gap:1.5rem;grid-template-columns:1fr}.dishes-grid,.methods-grid{grid-template-columns:1fr}.dialogue-line.customer,.dialogue-line.waiter{margin:0}.culture-tips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.section h2{font-size:1.5rem}.conversation-content,.cooking-content,.cuisine-content,.restaurant-content{padding:1rem}.dish-card,.method-item,.phrase-item,.tip-item,.vocabulary-item{padding:.75rem}.dialogue-line{flex-direction:column;gap:.5rem;padding:.75rem}.tip-card{padding:1rem}.culture-tips{grid-template-columns:1fr}.dish-spanish,.method-spanish{font-size:1rem}}.travel-transport-custom{margin-top:2rem}.travel-journey{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.journey-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.journey-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.journey-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.journey-tab:hover{background:#e9ecef}.journey-tab.active{background:#3498db;color:#fff}.journey-icon{font-size:1.5rem}.journey-name{font-weight:600;text-align:center}.journey-content{padding:2rem}.journey-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1rem}.journey-description{background:#e8f4fd;border-left:4px solid #3498db;border-radius:8px;color:#6c757d;font-style:italic;margin-bottom:1.5rem;padding:1rem}.journey-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.journey-phrases-section h4,.journey-vocabulary-section h4{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.journey-phrases-list,.journey-vocabulary-list{display:flex;flex-direction:column;gap:1rem}.journey-phrase-item,.journey-vocabulary-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:1rem;transition:all .3s ease}.journey-phrase-item:hover,.journey-vocabulary-item:hover{background:#e9ecef;transform:translateX(5px)}.journey-phrase-spanish,.journey-vocab-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.journey-phrase-english,.journey-vocab-english{color:#6c757d;font-style:italic}.transportation-hub{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.transport-tab{flex-direction:column;font-size:.9rem}.transport-tab.active{background:#ff9800}.transport-icon{font-size:1.5rem}.transport-name{font-weight:600;text-align:center}.transport-details h3{margin-bottom:1rem}.transport-description{background:#fff5e6;border-left:4px solid #ff9800;border-radius:8px;color:#6c757d;font-style:italic;margin-bottom:1.5rem;padding:1rem}.transport-methods-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.transport-method-card{background:#f8f9fa;border-left:4px solid #ff9800;border-radius:12px;padding:1.5rem;transition:all .3s ease}.transport-method-card:hover{background:#e9ecef;box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.method-header{margin-bottom:1rem}.method-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.method-english{color:#2c3e50;font-weight:500;margin-bottom:1rem}.method-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feature-badge{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:15px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:.3rem .6rem}.method-cost{color:#27ae60;font-weight:600;margin-bottom:.5rem}.method-tip{color:#6c757d;font-size:.9rem;font-style:italic}.transport-phrases-section h4{border-bottom:2px solid #ff9800;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.transport-phrases-list{display:flex;flex-direction:column;gap:1rem}.transport-phrase-item{background:#f8f9fa;border-left:4px solid #ff9800;border-radius:8px;padding:1rem;transition:all .3s ease}.transport-phrase-item:hover{background:#e9ecef;transform:translateX(5px)}.transport-phrase-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.transport-phrase-english{color:#6c757d;font-style:italic}.travel-conversations{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.dialogue-line.tourist,.dialogue-line.traveler{background:#e8f5e8;margin-right:2rem}.dialogue-line.conductor,.dialogue-line.helper,.dialogue-line.local,.dialogue-line.passenger,.dialogue-line.staff{background:#f3e5f5;margin-left:2rem}.destination-explorer{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.destination-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.destination-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.destination-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.destination-tab:hover{background:#e9ecef}.destination-tab.active{background:#28a745;color:#fff}.destination-icon{font-size:1.5rem}.destination-name{font-weight:600;text-align:center}.destination-content{padding:2rem}.destination-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.destinations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.destination-card{background:#f8f9fa;border-left:4px solid #28a745;border-radius:12px;padding:1.5rem;transition:all .3s ease}.destination-card:hover{background:#e9ecef;box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.destination-header{margin-bottom:1rem}.destination-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.destination-english{color:#2c3e50;font-weight:500;margin-bottom:1rem}.destination-highlights,.destination-tip,.destination-transport{margin-bottom:1rem}.destination-highlights strong,.destination-tip strong,.destination-transport strong{color:#2c3e50}.destination-highlights ul{margin:.5rem 0 0 1rem;padding:0}.destination-highlights li{color:#6c757d;margin-bottom:.25rem}.destination-tip{background:#e8f5e8;border-radius:6px;color:#6c757d;font-style:italic;padding:.75rem}.travel-culture{background:linear-gradient(135deg,#ffebee,#f8f9fa)}.travel-transport-custom .audio-player{display:inline-flex;vertical-align:middle}.travel-transport-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.travel-transport-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.conversation-tabs,.destination-tabs,.journey-tabs,.transport-tabs{flex-direction:column}.conversation-tab,.destination-tab,.journey-tab,.transport-tab{border-bottom:1px solid #e9ecef}.conversation-info-grid,.journey-info-grid{gap:1.5rem;grid-template-columns:1fr}.destinations-grid,.transport-methods-grid{grid-template-columns:1fr}.dialogue-line.conductor,.dialogue-line.helper,.dialogue-line.local,.dialogue-line.passenger,.dialogue-line.staff,.dialogue-line.tourist,.dialogue-line.traveler{margin:0}.culture-tips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.section h2{font-size:1.5rem}.conversation-content,.destination-content,.journey-content,.transport-content{padding:1rem}.destination-card,.journey-phrase-item,.journey-vocabulary-item,.tip-item,.transport-method-card,.transport-phrase-item{padding:.75rem}.dialogue-line{flex-direction:column;gap:.5rem;padding:.75rem}.tip-card{padding:1rem}.culture-tips{grid-template-columns:1fr}.destination-spanish,.journey-phrase-spanish,.journey-vocab-spanish,.method-spanish,.transport-phrase-spanish{font-size:1rem}}.shopping-custom{margin-top:2rem}.shop-explorer{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.shops-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.shop-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;transition:all .3s ease}.shop-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.shop-card.active{background:#fffaf0;border-color:#f39c12}.shop-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.shop-icon{font-size:2.5rem}.shop-name{flex:1 1}.shop-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.shop-english{color:#6c757d;font-size:.9rem}.shop-items{border-top:2px solid #f0f0f0;margin-top:1rem;padding-top:1rem}.shop-items h4{color:#2c3e50;font-size:1rem;margin-bottom:.75rem}.shop-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;margin-bottom:.5rem;padding:.5rem;transition:all .2s ease}.shop-item:hover{background:#e9ecef;transform:translateX(5px)}.item-info{align-items:center;display:flex;flex:1 1;gap:1rem}.dialogue-practice{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.dialogues-container{grid-gap:2rem;display:grid;gap:2rem}.dialogue-scenario{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem}.dialogue-scenario h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem;text-transform:capitalize}.dialogue-line.clerk{background:#e8f4fd;margin-right:2rem}.dialogue-line.customer{background:#f0f8ff;margin-left:2rem}.size-converter{background:linear-gradient(135deg,#f0f8ff,#f8f9fa)}.size-selector h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.size-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.size-btn{background:#fff;border:2px solid #3498db;border-radius:8px;color:#3498db;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:60px;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.size-btn:hover{box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.size-btn.active,.size-btn:hover{background:#3498db;color:#fff}.size-conversions{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;padding:1.5rem}.conversion-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.75rem}.conversion-item:last-child{border-bottom:none}.conversion-label{color:#6c757d;font-weight:500}.conversion-value{color:#2c3e50;font-size:1.2rem;font-weight:700}.size-phrases{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;padding:1.5rem}.size-phrases h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.phrase-list{gap:.75rem}.size-phrase{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.size-phrase:hover{background:#e9ecef;transform:translateX(5px)}.payment-methods{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.payment-selector{padding:2rem}.payment-options{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}.payment-btn{align-items:center;background:#fff;border:2px solid #27ae60;border-radius:12px;color:#27ae60;cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:.5rem;min-width:120px;padding:1.5rem 2rem;transition:all .3s ease}.payment-btn:hover{box-shadow:0 6px 20px #27ae604d;transform:translateY(-2px)}.payment-btn.active,.payment-btn:hover{background:#27ae60;color:#fff}.payment-icon{font-size:2rem}.payment-phrases{display:flex;flex-direction:column;gap:1rem}.payment-phrase{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.payment-phrase:hover{background:#e9ecef;transform:translateX(5px)}.shopping-tips{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.shopping-custom .audio-player{display:inline-flex;vertical-align:middle}.shopping-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.shopping-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.shops-grid{grid-template-columns:1fr}.dialogue-line.clerk{margin-right:1rem}.dialogue-line.customer{margin-left:1rem}.size-buttons{justify-content:center}.payment-options{align-items:center;flex-direction:column}.payment-btn{width:200px}.tips-grid{grid-template-columns:1fr}}@media (max-width:480px){.section h2{font-size:1.5rem}.dialogue-scenario,.shop-card{padding:1rem}.dialogue-line{flex-direction:column;padding:.75rem}.dialogue-line.clerk,.dialogue-line.customer{margin:0}.size-btn{font-size:1rem;padding:.75rem 1rem}.payment-phrase,.size-phrase{align-items:flex-start;flex-direction:column;gap:.5rem}}.work-business-custom{margin-top:2rem}.office-explorer{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.office-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.area-tab.active{background:#3498db}.area-name{align-items:center;display:flex;gap:.3rem}.area-details h3{margin-bottom:1.5rem}.area-items{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.area-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.area-item:hover{background:#e9ecef;transform:translateX(5px)}.business-scenarios{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.scenario-tab.active{background:#f39c12}.dialogue-line.interviewer,.dialogue-line.manager{background:#e8f4fd;margin-right:2rem}.dialogue-line.candidate,.dialogue-line.employee{background:#fff5e6;margin-left:2rem}.dialogue-line.person1{background:#f0f8ff;margin-right:2rem}.dialogue-line.person2{background:#f5f5f5;margin-left:2rem}.business-communication{background:linear-gradient(135deg,#f0f8ff,#f8f9fa)}.communication-tab{align-items:center;display:flex;gap:.5rem;justify-content:center}.communication-tab.active{background:#27ae60}.communication-icon{font-size:1.2rem}.communication-phrases h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.phrase-list{display:flex;flex-direction:column;gap:1rem}.communication-phrase{background:#f8f9fa;border-radius:8px;padding:1rem;transition:all .2s ease}.communication-phrase:hover{background:#e9ecef;transform:translateX(5px)}.career-progression{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.career-levels{display:flex;flex-direction:column;gap:2rem}.career-level{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem;transition:all .3s ease}.career-level:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.level-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.level-icon{font-size:2.5rem}.level-title{flex:1 1}.level-spanish{color:#2c3e50;font-size:1.4rem;font-weight:700}.level-english{color:#6c757d;font-style:italic;margin-top:.25rem}.level-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.positions-section h4,.responsibilities-section h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.positions-list,.responsibilities-list{display:flex;flex-direction:column;gap:.75rem}.position-item,.responsibility-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.position-item:hover,.responsibility-item:hover{background:#e9ecef;transform:translateX(3px)}.position-spanish,.responsibility-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem}.position-english,.responsibility-english{color:#6c757d;font-size:.9rem;font-style:italic}.work-culture{background:linear-gradient(135deg,#fff0f5,#f8f9fa)}.work-business-custom .audio-player{display:inline-flex;vertical-align:middle}.work-business-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.work-business-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.area-tabs,.communication-tabs,.scenario-tabs{flex-direction:column}.area-tab,.communication-tab,.scenario-tab{border-bottom:1px solid #e9ecef}.area-items{grid-template-columns:1fr}.dialogue-line.interviewer,.dialogue-line.manager,.dialogue-line.person1{margin-right:1rem}.dialogue-line.candidate,.dialogue-line.employee,.dialogue-line.person2{margin-left:1rem}.level-content{gap:1.5rem}.culture-tips,.level-content{grid-template-columns:1fr}}@media (max-width:480px){.section h2{font-size:1.5rem}.area-content,.communication-content,.scenario-content{padding:1rem}.dialogue-line{flex-direction:column;gap:.5rem;padding:.75rem}.dialogue-line.candidate,.dialogue-line.employee,.dialogue-line.interviewer,.dialogue-line.manager,.dialogue-line.person1,.dialogue-line.person2{margin:0}.career-level{padding:1.5rem}.level-header{flex-direction:column;gap:.5rem;text-align:center}.area-item,.position-item,.responsibility-item{align-items:flex-start;flex-direction:column;gap:.5rem}}.culture-leisure-custom{margin-top:2rem}.venues-explorer{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.venue-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.venue-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.venue-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.venue-tab:hover{background:#e9ecef}.venue-tab.active{background:#f39c12;color:#fff}.venue-icon{font-size:1.5rem}.venue-name{align-items:center;display:flex;font-weight:600;gap:.3rem}.venue-content{padding:2rem}.venue-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.venue-activities{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.venue-activity{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.venue-activity:hover{background:#e9ecef;transform:translateX(5px)}.hobbies-activities{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.activity-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.activity-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.activity-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1.2rem;transition:all .3s ease}.activity-tab:hover{background:#e9ecef}.activity-tab.active{background:#3498db;color:#fff}.activity-icon{font-size:1.2rem}.activity-content{padding:2rem}.activity-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.activity-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.activity-card{background:#f8f9fa;border:2px solid #0000;border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.activity-card:hover{background:#e9ecef;border-color:#3498db;box-shadow:0 4px 12px #3498db33;transform:translateY(-3px)}.activity-card .activity-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.5rem}.activity-card .activity-english{color:#6c757d;font-size:.9rem;font-style:italic}.festivals-calendar{background:linear-gradient(135deg,#fff0f5,#f8f9fa)}.season-tab.active{background:#e91e63}.season-details h3{margin-bottom:1.5rem}.festivals-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.festival-card{background:#f8f9fa;border:2px solid #0000;border-radius:12px;padding:1.5rem;transition:all .3s ease}.festival-card:hover{background:#fff;border-color:#e91e63;box-shadow:0 8px 25px #e91e6326;transform:translateY(-5px)}.festival-header{border-bottom:2px solid #e9ecef;margin-bottom:1rem;padding-bottom:1rem}.festival-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.festival-english{color:#6c757d;font-size:1rem;font-style:italic}.festival-description{color:#2c3e50;line-height:1.5;margin-bottom:1rem}.festival-info{color:#6c757d;display:flex;font-size:.9rem;justify-content:space-between}.festival-location,.festival-month{align-items:center;display:flex;gap:.3rem}.weekend-plans{background:linear-gradient(135deg,#f0f8ff,#f8f9fa)}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plans-category{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;transition:all .3s ease}.plans-category:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.plans-category h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.phrases-list{gap:.75rem}.weekend-phrase{background:#f8f9fa;border-radius:6px;padding:.75rem;transition:all .2s ease}.weekend-phrase:hover{background:#e9ecef;transform:translateX(5px)}.cultural-tips{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.culture-leisure-custom .audio-player{display:inline-flex;vertical-align:middle}.culture-leisure-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.culture-leisure-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.activity-tabs,.season-tabs,.venue-tabs{flex-direction:column}.activity-tab,.season-tab,.venue-tab{border-bottom:1px solid #e9ecef}.activity-grid,.festivals-grid,.plans-grid,.venue-activities{grid-template-columns:1fr}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.festival-info{flex-direction:column;gap:.5rem}}@media (max-width:480px){.section h2{font-size:1.5rem}.activity-content,.festival-card,.plans-category,.season-content,.venue-content{padding:1rem}.activity-tab,.season-tab,.venue-tab{font-size:.9rem;padding:1rem}.venue-activities .venue-activity,.weekend-phrase{align-items:flex-start;flex-direction:column;gap:.5rem}.activity-card .activity-spanish{flex-direction:column;gap:.3rem}.tips-grid{grid-template-columns:1fr}}.time-weather-custom{margin-top:2rem}.clock-section{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.clock-container{grid-gap:2rem;background:#fff;box-shadow:0 4px 12px #00000014;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.clock-container,.time-display{border-radius:12px;padding:2rem}.time-display{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;text-align:center}.digital-time{font-family:Courier New,monospace;font-size:3rem;font-weight:700;margin-bottom:1rem}.spanish-time{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.time-text{gap:.5rem;justify-content:center}.current-day,.time-text{align-items:center;display:flex}.current-day{flex-direction:column;font-size:1.2rem;gap:.3rem}.day-text{align-items:center;display:flex;font-weight:600;gap:.5rem}.day-english{opacity:.8}.time-expressions-quick{display:flex;flex-direction:column;gap:1rem}.time-expressions-quick h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.time-phrase{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.time-phrase:hover{background:#e9ecef;transform:translateX(5px)}.phrase-time{background:#3498db;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:.2rem .5rem}.weather-section{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.weather-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.weather-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.weather-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.weather-tab:hover{background:#e9ecef}.weather-tab.active{background:#f39c12;color:#fff}.weather-icon{font-size:1.5rem}.weather-name{align-items:center;display:flex;font-weight:600;gap:.3rem}.weather-content{padding:2rem}.weather-main{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.weather-icon-large{font-size:4rem}.weather-text h3{color:#2c3e50;font-size:1.5rem;margin-bottom:.5rem}.weather-description{align-items:center;color:#e74c3c;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.weather-temperature{color:#3498db;font-size:2rem;font-weight:700}.weather-activities h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.activities-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.activity-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.activity-item:hover{background:#e9ecef;transform:translateX(5px)}.activity-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem}.activity-english{color:#6c757d;font-style:italic}.calendar-section{background:linear-gradient(135deg,#f0f8ff,#f8f9fa)}.season-header h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.season-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.season-activities h4,.season-months h4,.season-weather h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.activities-list,.months-list,.weather-list{display:flex;flex-direction:column;gap:.75rem}.month-item,.season-activity,.weather-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.month-item:hover,.season-activity:hover,.weather-item:hover{background:#e9ecef;transform:translateX(3px)}.month-spanish,.season-activity .activity-spanish,.weather-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem}.month-english,.weather-english{color:#6c757d;font-size:.9rem;font-style:italic}.season-activity{align-items:center;display:flex;justify-content:space-between}.season-activity .activity-english{color:#6c757d;font-size:.9rem;font-style:italic}.days-section{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.days-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.day-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.day-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.day-card.today{background:linear-gradient(135deg,#d5f4e6,#fff);border-color:#27ae60}.day-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem}.day-english{color:#6c757d;font-size:.9rem;margin-bottom:1rem}.day-activity{align-items:center;color:#2c3e50;display:flex;font-size:.85rem;font-style:italic;gap:.3rem;justify-content:center}.today-indicator{background:#27ae60;border-radius:12px;box-shadow:0 2px 8px #27ae604d;color:#fff;font-size:.7rem;font-weight:600;padding:.3rem .6rem;position:absolute;right:-10px;top:-10px}.phrases-section{background:linear-gradient(135deg,#fff0f5,#f8f9fa)}.phrases-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.phrase-category{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;transition:all .3s ease}.phrase-category:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.phrase-category h3{border-bottom:2px solid #e91e63;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.category-phrases{display:flex;flex-direction:column;gap:.75rem}.conversation-phrase{background:#f8f9fa;border-radius:6px;padding:.75rem;transition:all .2s ease}.conversation-phrase:hover{background:#e9ecef;transform:translateX(5px)}.conversation-phrase .phrase-spanish{align-items:center;color:#e74c3c;display:flex;flex-wrap:wrap;font-weight:600;gap:.5rem;margin-bottom:.5rem}.conversation-phrase .phrase-english{color:#6c757d;font-size:.95rem;font-style:italic}.culture-section{background:linear-gradient(135deg,#fffbf0,#f8f9fa)}.time-weather-custom .audio-player{display:inline-flex;vertical-align:middle}.time-weather-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.time-weather-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}.time-display .audio-player button{background:#fff3!important;border-color:#ffffff80!important;color:#fff!important}.time-display .audio-player button:hover{background:#ffffff4d!important}@media (max-width:768px){.section{padding:1.5rem}.clock-container{gap:1.5rem;grid-template-columns:1fr}.digital-time{font-size:2rem}.season-tabs,.weather-tabs{flex-direction:column}.season-tab,.weather-tab{border-bottom:1px solid #e9ecef}.weather-main{flex-direction:column;gap:1rem;text-align:center}.activities-grid,.season-info-grid{grid-template-columns:1fr}.season-info-grid{gap:1.5rem}.days-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.phrases-grid{grid-template-columns:1fr}.culture-tips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.section h2{font-size:1.5rem}.time-display{padding:1.5rem}.digital-time{font-size:1.8rem}.spanish-time{font-size:1.2rem}.day-card,.phrase-category,.season-content,.weather-content,.weather-main{padding:1rem}.activity-item,.conversation-phrase,.time-phrase{align-items:flex-start;flex-direction:column;gap:.5rem}.culture-tips{grid-template-columns:1fr}}.body-health-custom{margin-top:2rem}.body-explorer{background:linear-gradient(135deg,#ffe6e6,#f8f9fa)}.body-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.system-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.system-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.system-tab:hover{background:#e9ecef}.system-tab.active{background:#e74c3c;color:#fff}.system-icon{font-size:1.5rem}.system-name{align-items:center;display:flex;font-weight:600;gap:.3rem}.system-content{padding:2rem}.system-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.body-parts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.body-part-card{background:#f8f9fa;border:2px solid #0000;border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.body-part-card:hover{background:#e9ecef;border-color:#e74c3c;box-shadow:0 4px 12px #e74c3c33;transform:translateY(-3px)}.part-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.5rem}.part-english{color:#6c757d;font-size:.9rem;font-style:italic}.symptoms-section{background:linear-gradient(135deg,#fff0e6,#f8f9fa)}.symptoms-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.symptom-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.symptom-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1.2rem;transition:all .3s ease}.symptom-tab:hover{background:#e9ecef}.symptom-tab.active{background:#f39c12;color:#fff}.symptom-icon{font-size:1.2rem}.symptom-content{padding:2rem}.symptom-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.symptoms-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.symptom-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.symptom-item:hover{background:#e9ecef;transform:translateX(5px)}.symptom-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem}.symptom-english{color:#6c757d;font-style:italic}.medical-scenarios{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.scenario-tab.active{background:#3498db}.dialogue-line.doctor,.dialogue-line.pharmacist{background:#e8f4fd;margin-right:2rem}.dialogue-line.patient{background:#ffe6e6;margin-left:2rem}.dialogue-line.receptionist,.dialogue-line.staff{background:#f0f8ff;margin-right:1rem}.emergency-section{background:linear-gradient(135deg,#ffeded,#f8f9fa)}.emergency-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.emergency-card{background:#fff;border:2px solid #e74c3c;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;text-align:center;transition:all .3s ease}.emergency-card:hover{background:#fee;box-shadow:0 8px 25px #e74c3c33;transform:translateY(-5px)}.emergency-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem}.emergency-english{color:#6c757d;font-size:.95rem}.healthy-lifestyle{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.lifestyle-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.lifestyle-category{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;transition:all .3s ease}.lifestyle-category:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.category-header{align-items:center;border-bottom:2px solid #27ae60;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.category-icon{font-size:2rem}.category-header h3{color:#2c3e50;font-size:1.2rem;margin:0}.lifestyle-items{display:flex;flex-direction:column;gap:.75rem}.lifestyle-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.lifestyle-item:hover{background:#e9ecef;transform:translateX(5px)}.healthcare-tips{background:linear-gradient(135deg,#fff0f5,#f8f9fa)}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.body-health-custom .audio-player{display:inline-flex;vertical-align:middle}.body-health-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.body-health-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.scenario-tabs,.symptom-tabs,.system-tabs{flex-direction:column}.scenario-tab,.symptom-tab,.system-tab{border-bottom:1px solid #e9ecef}.body-parts-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.symptoms-list{grid-template-columns:1fr}.dialogue-line.doctor,.dialogue-line.pharmacist{margin-right:1rem}.dialogue-line.patient{margin-left:1rem}.emergency-grid,.lifestyle-grid{grid-template-columns:1fr}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.section h2{font-size:1.5rem}.scenario-content,.symptom-content,.system-content{padding:1rem}.body-part-card{padding:.75rem}.dialogue-line{flex-direction:column;gap:.5rem;padding:.75rem}.dialogue-line.doctor,.dialogue-line.patient,.dialogue-line.pharmacist,.dialogue-line.receptionist,.dialogue-line.staff{margin:0}.emergency-card,.lifestyle-category{padding:1rem}.lifestyle-item,.symptom-item{align-items:flex-start;flex-direction:column;gap:.5rem}.tips-grid{grid-template-columns:1fr}}.colors-numbers-custom{margin-top:2rem}.color-palette{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:3rem}.color-item{text-align:center;transition:transform .2s ease}.color-item:hover{transform:translateY(-5px)}.color-swatch{border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;height:100px;margin-bottom:.75rem;position:relative;transition:box-shadow .2s ease;width:100%}.color-swatch:hover{box-shadow:0 6px 20px #00000040}.white-border{border:2px solid #e0e0e0;border-radius:8px;inset:0;position:absolute}.color-info{text-align:center}.color-spanish{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.25rem}.color-phonetics{color:#6c757d;font-size:.9rem;font-style:italic;margin-bottom:.25rem}.color-english{color:#495057;font-size:1rem}.color-combinations{margin-top:2rem}.color-combinations h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem}.combo-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.combo-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;gap:1rem;padding:1rem}.combo-item,.combo-spanish{align-items:center;display:flex}.combo-spanish{color:#e74c3c;flex:1 1;font-weight:600;gap:.5rem}.combo-english{color:#6c757d;flex:1 1}.combo-demo{border-radius:4px;box-shadow:0 2px 6px #00000026;height:30px;width:60px}.counting-nav{margin-bottom:2rem;text-align:center}.lesson-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.lesson-btn:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.lesson-btn.active{background:#2c3e50}.counting-lessons{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lesson-block{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:2rem}.lesson-block h3{color:#2c3e50;font-size:1.5rem;margin-bottom:.5rem}.lesson-description{color:#6c757d;margin-bottom:1.5rem}.numbers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:2rem}.number-card{background:#f8f9fa;border:2px solid #0000;border-radius:8px;padding:1.5rem 1rem;text-align:center;transition:all .2s ease}.number-card:hover{background:#e9ecef;border-color:#3498db;box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.number-digit{color:#3498db;font-size:2rem;font-weight:700;margin-bottom:.5rem}.number-spanish{align-items:center;color:#e74c3c;display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.3;margin-bottom:.25rem;word-break:break-word}.number-phonetics{color:#6c757d;font-size:.9rem;font-style:italic}.compound-examples{background:#f8f9fa;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.compound-examples h4{color:#2c3e50;margin-bottom:1rem}.compound-list{grid-gap:.75rem;display:grid;gap:.75rem}.compound-item{align-items:center;background:#fff;border-radius:6px;display:flex;font-size:1.1rem;gap:1rem;padding:.75rem}.compound-number{color:#3498db;font-weight:700;min-width:40px}.compound-arrow{color:#95a5a6}.compound-spanish{align-items:center;color:#e74c3c;display:flex;flex:1 1;font-weight:600;gap:.5rem}.compound-explanation{color:#6c757d;font-size:.95rem;font-style:italic}.number-patterns{margin-top:2rem}.number-patterns h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem}.pattern-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pattern-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.pattern-card h4{color:#e74c3c;font-size:1.2rem;margin-bottom:.5rem}.pattern-card p{color:#6c757d;font-size:.95rem;margin-bottom:.75rem}.pattern-card ul{list-style:none;padding:0}.pattern-card li{color:#495057;padding:.25rem 0}.practice-tips{background:#fff4e6;border-left:4px solid #f39c12;border-radius:8px;margin-top:2rem;padding:1.5rem}.practice-tips h3{color:#f39c12;margin-bottom:1rem}.practice-tips ul{list-style:none;padding:0}.practice-tips li{color:#495057;padding:.5rem 0 .5rem 1.5rem;position:relative}.practice-tips li:before{color:#f39c12;content:"✓";font-weight:700;left:0;position:absolute}.quick-reference{background:#e8f4fd}.reference-card li{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.reference-card .audio-player{margin-left:.25rem}.reference-card .audio-player button{font-size:.6rem;height:18px;width:18px}.reference-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.reference-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.reference-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem}.reference-card ul{list-style:none;padding:0}.reference-card li{border-bottom:1px solid #f0f0f0;color:#495057;padding:.5rem 0}.reference-card li:last-child{border-bottom:none}.reference-card p{color:#6c757d;margin-bottom:.75rem}.colors-numbers-custom .audio-player{display:inline-flex;vertical-align:middle}.colors-numbers-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;font-size:.8rem;height:24px;padding:0;width:24px}.colors-numbers-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}.color-spanish .audio-player button,.number-spanish .audio-player button{font-size:.7rem;height:20px;width:20px}@media (max-width:768px){.section{padding:1.5rem}.color-palette{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.color-swatch{height:80px}.numbers-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.number-digit{font-size:1.5rem}.compound-item{flex-wrap:wrap;font-size:1rem}.compound-explanation{margin-top:.5rem;width:100%}}.clothing-appearance-custom{margin-top:2rem}.fashion-categories{background:linear-gradient(135deg,#ffeef8,#f8f9fa)}.category-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.category-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.category-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.category-tab:hover{background:#e9ecef}.category-tab.active{background:#e91e63;color:#fff}.category-name{font-weight:600}.category-content{padding:2rem}.category-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.clothing-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.clothing-item{background:#f8f9fa;border:2px solid #0000;border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.clothing-item:hover{background:#e9ecef;border-color:#e91e63;box-shadow:0 4px 12px #e91e6333;transform:translateY(-3px)}.item-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.5rem}.item-english{color:#6c757d;font-size:.9rem;font-style:italic}.seasonal-wardrobe{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.season-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.season-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.season-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1.2rem;transition:all .3s ease}.season-tab:hover{background:#e9ecef}.season-tab.active{background:#27ae60;color:#fff}.season-icon{font-size:1.2rem}.season-name{align-items:center;display:flex;gap:.3rem}.season-content{padding:2rem}.season-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1rem}.season-header{align-items:center;border-bottom:2px solid #27ae60;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.temperature{background:#27ae60;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.season-recommendations h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.recommendations-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.recommendation-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.recommendation-item:hover{background:#e9ecef;transform:translateX(5px)}.rec-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem}.rec-english{color:#6c757d;font-size:.9rem;font-style:italic}.style-advice{background:#e8f5e8;border-left:4px solid #27ae60;border-radius:8px;padding:1.5rem}.advice-text{font-size:1.1rem;line-height:1.5}.advice-spanish{align-items:center;color:#2c3e50;display:flex;flex-wrap:wrap;font-weight:500;gap:.5rem}.fashion-scenarios{background:linear-gradient(135deg,#fff3e0,#f8f9fa)}.dialogue-line.client,.dialogue-line.customer{background:#fff3e0;margin-right:2rem}.dialogue-line.seller{margin-left:2rem}.dialogue-line.friend1,.dialogue-line.person1{background:#e3f2fd;margin-right:1rem}.dialogue-line.friend2,.dialogue-line.person2{background:#fce4ec;margin-left:1rem}.dialogue-line.stylist{background:#f3e5f5;margin-right:1rem}.appearance-descriptions{background:linear-gradient(135deg,#f0f8ff,#f8f9fa)}.appearance-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.appearance-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.appearance-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1.2rem;transition:all .3s ease}.appearance-tab:hover{background:#e9ecef}.appearance-tab.active{background:#3498db;color:#fff}.appearance-icon{font-size:1.2rem}.appearance-content{padding:2rem}.appearance-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-category{background:#f8f9fa;border-radius:8px;padding:1.5rem;transition:all .3s ease}.feature-category:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.feature-category h4{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.feature-options{display:flex;flex-direction:column;gap:.75rem}.feature-option{align-items:center;background:#fff;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.feature-option:hover{background:#e9ecef;transform:translateX(5px)}.option-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem}.option-english{color:#6c757d;font-size:.9rem;font-style:italic}.size-fit{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.size-fit-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.size-fit-item{background:#fff;border:2px solid #0000;border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.size-fit-item:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db33;transform:translateY(-3px)}.fit-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.5rem}.fit-english{color:#6c757d;font-size:.95rem;font-style:italic}.fashion-culture{background:linear-gradient(135deg,#fffbf0,#f8f9fa)}.clothing-appearance-custom .audio-player{display:inline-flex;vertical-align:middle}.clothing-appearance-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.clothing-appearance-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.appearance-tabs,.category-tabs,.scenario-tabs,.season-tabs{flex-direction:column}.appearance-tab,.category-tab,.scenario-tab,.season-tab{border-bottom:1px solid #e9ecef}.clothing-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.recommendations-grid{grid-template-columns:1fr}.season-header{flex-direction:column;gap:1rem;text-align:center}.dialogue-line.client,.dialogue-line.customer,.dialogue-line.friend1,.dialogue-line.friend2,.dialogue-line.person1,.dialogue-line.person2,.dialogue-line.seller,.dialogue-line.stylist{margin:0}.features-grid{grid-template-columns:1fr}.culture-tips,.size-fit-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.section h2{font-size:1.5rem}.appearance-content,.category-content,.scenario-content,.season-content{padding:1rem}.clothing-item{padding:.75rem}.dialogue-line{flex-direction:column;gap:.5rem;padding:.75rem}.size-fit-item{padding:.75rem}.feature-category{padding:1rem}.feature-option,.recommendation-item{align-items:flex-start;flex-direction:column;gap:.5rem}.culture-tips,.size-fit-grid{grid-template-columns:1fr}}.technology-communication-custom{margin-top:2rem}.device-categories{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.device-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.device-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.device-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.device-tab:hover{background:#e9ecef}.device-tab.active{background:#2196f3;color:#fff}.device-icon{font-size:1.5rem}.device-name{font-weight:600}.device-content{padding:2rem}.device-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.devices-actions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.actions-section h4,.devices-section h4{border-bottom:2px solid #2196f3;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.actions-list,.devices-list{display:flex;flex-direction:column;gap:1rem}.device-item{background:#f8f9fa;border-left:4px solid #2196f3;border-radius:8px;padding:1.5rem;transition:all .3s ease}.device-item:hover{background:#e9ecef;transform:translateX(5px)}.device-name-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.device-name-english{color:#6c757d;font-style:italic;margin-bottom:1rem}.device-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{align-items:center;background:#2196f3;border-radius:12px;color:#fff;display:flex;gap:.3rem}.action-item{background:#f8f9fa;border-radius:6px;padding:1rem;transition:all .2s ease}.action-item:hover{background:#e9ecef;transform:translateX(3px)}.action-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem;margin-bottom:.3rem}.action-english{color:#6c757d;font-size:.9rem;font-style:italic}.communication-platforms{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.platform-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.platform-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.platform-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1.2rem;transition:all .3s ease}.platform-tab:hover{background:#e9ecef}.platform-tab.active{background:#4caf50;color:#fff}.platform-icon{font-size:1.2rem}.platform-content{padding:2rem}.platform-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.platform-vocab-phrases{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.phrases-section h4,.vocab-section h4{border-bottom:2px solid #4caf50}.tech-scenarios{background:linear-gradient(135deg,#fff3e0,#f8f9fa)}.dialogue-line.support,.dialogue-line.teacher{background:#e3f2fd;margin-right:2rem}.dialogue-line.customer,.dialogue-line.student,.dialogue-line.user{background:#fff3e0;margin-left:2rem}.dialogue-line.seller{background:#e8f5e8;margin-right:1rem}.dialogue-line.person1{background:#f3e5f5}.dialogue-line.person2{background:#e0f2f1}.digital-skills{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.skills-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.skills-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.skills-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1.2rem;transition:all .3s ease}.skills-tab:hover{background:#e9ecef}.skills-tab.active{background:#9c27b0;color:#fff}.skills-icon{font-size:1.2rem}.skills-content{padding:2rem}.skills-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-item{background:#f8f9fa;border-left:4px solid #9c27b0;border-radius:8px;padding:1rem;transition:all .3s ease}.skill-item:hover{background:#e9ecef;box-shadow:0 4px 12px #9c27b033;transform:translateY(-3px)}.skill-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.skill-english{color:#6c757d;font-size:.9rem;font-style:italic}.tech-problems{background:linear-gradient(135deg,#ffebee,#f8f9fa)}.problems-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.problem-card{background:#fff;border-radius:12px;border-top:4px solid #f44336;box-shadow:0 4px 12px #00000014;padding:1.5rem;transition:all .3s ease}.problem-card:hover{box-shadow:0 8px 25px #f4433633;transform:translateY(-5px)}.problem-title{border-bottom:1px solid #e9ecef;margin-bottom:1rem;padding-bottom:1rem}.problem-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.problem-english{color:#6c757d;font-size:.95rem;font-style:italic}.solution h4{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:.5rem}.solution-text{align-items:center;background:#f8f9fa;border-radius:6px;color:#2c3e50;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;padding:.75rem}.tech-culture{background:linear-gradient(135deg,#e1f5fe,#f8f9fa)}.technology-communication-custom .audio-player{display:inline-flex;vertical-align:middle}.technology-communication-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.technology-communication-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.device-tabs,.platform-tabs,.scenario-tabs,.skills-tabs{flex-direction:column}.device-tab,.platform-tab,.scenario-tab,.skills-tab{border-bottom:1px solid #e9ecef}.devices-actions-grid,.platform-vocab-phrases{gap:1.5rem;grid-template-columns:1fr}.dialogue-line.customer,.dialogue-line.person1,.dialogue-line.person2,.dialogue-line.seller,.dialogue-line.student,.dialogue-line.support,.dialogue-line.teacher,.dialogue-line.user{margin:0}.skills-grid{grid-template-columns:1fr}.problems-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.culture-tips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.section h2{font-size:1.5rem}.device-content,.device-item,.platform-content,.scenario-content,.skills-content{padding:1rem}.dialogue-line{flex-direction:column;gap:.5rem;padding:.75rem}.problem-card{padding:1rem}.action-item,.phrase-item,.vocab-item{padding:.75rem}.culture-tips,.problems-grid{grid-template-columns:1fr}.feature-tag{font-size:.7rem;padding:.2rem .4rem}}.directions-places-custom{margin-top:2rem}.city-areas{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.area-details h3{margin-bottom:.5rem}.directions-section h4,.locations-section h4{border-bottom:2px solid #28a745;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.directions-list,.locations-list{display:flex;flex-direction:column;gap:1rem}.location-item{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;padding:1rem;transition:all .3s ease}.location-item:hover{background:#e9ecef;transform:translateX(5px)}.location-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.location-details{align-items:center;display:flex;justify-content:space-between}.location-english{color:#6c757d;font-style:italic}.location-type{background:#28a745;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.2rem .5rem}.direction-item{background:#f8f9fa;border-radius:6px;padding:1rem;transition:all .2s ease}.direction-item:hover{background:#e9ecef;transform:translateX(3px)}.direction-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem;margin-bottom:.3rem}.direction-english{color:#6c757d;font-size:.9rem;font-style:italic}.transport-methods{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.transport-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.transport-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.transport-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1.2rem;transition:all .3s ease}.transport-tab:hover{background:#e9ecef}.transport-tab.active{background:#2196f3;color:#fff}.transport-icon{font-size:1.2rem}.transport-content{padding:2rem}.transport-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.transport-vocab-directions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.phrases-section h4,.vocab-section h4{border-bottom:2px solid #2196f3;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.vocab-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.vocab-item{background:#f8f9fa;border-radius:6px;padding:.75rem;transition:all .2s ease}.vocab-item:hover{background:#e9ecef;transform:translateX(3px)}.vocab-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem;margin-bottom:.3rem}.vocab-english{color:#6c757d;font-size:.9rem;font-style:italic}.navigation-scenarios{background:linear-gradient(135deg,#fff3e0,#f8f9fa)}.dialogue-line.tourist,.dialogue-line.visitor{background:#fff3e0;margin-left:2rem}.dialogue-line.helper,.dialogue-line.local{background:#e8f5e8;margin-right:2rem}.dialogue-line.person1{background:#e3f2fd;margin-right:1rem}.dialogue-line.person2{background:#f3e5f5;margin-left:1rem}.interactive-routes{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.route-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.route-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.route-tab{background:none;border:none;color:#6c757d;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:1.2rem;transition:all .3s ease}.route-tab:hover{background:#e9ecef}.route-tab.active{background:#9c27b0;color:#fff}.route-content{padding:2rem}.route-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem}.route-header{background:#f8f9fa;border-left:4px solid #9c27b0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.route-info{justify-content:space-between;margin-top:1rem}.route-endpoints,.route-info{align-items:center;display:flex}.route-endpoints{gap:1rem}.destination,.start{color:#2c3e50;font-weight:600}.arrow{color:#9c27b0;font-size:1.2rem}.route-stats{display:flex;gap:1rem}.distance,.time{background:#9c27b0;border-radius:12px;color:#fff;font-size:.9rem;font-weight:500;padding:.3rem .6rem}.route-steps h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.step-number{background:#9c27b0;font-weight:600}.step-english{color:#6c757d;font-size:.9rem;font-style:italic}.landmarks{background:linear-gradient(135deg,#ffebee,#f8f9fa)}.landmarks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.landmark-card{background:#fff;border-radius:12px;border-top:4px solid #f44336;box-shadow:0 4px 12px #00000014;padding:1.5rem;text-align:center;transition:all .3s ease}.landmark-card:hover{box-shadow:0 8px 25px #f4433633;transform:translateY(-5px)}.landmark-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.5rem}.landmark-english{color:#6c757d;font-size:.95rem;font-style:italic;margin-bottom:1rem}.landmark-description{align-items:center;background:#f8f9fa;border-radius:6px;color:#2c3e50;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem}.navigation-culture{background:linear-gradient(135deg,#e1f5fe,#f8f9fa)}.directions-places-custom .audio-player{display:inline-flex;vertical-align:middle}.directions-places-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.directions-places-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.area-tabs,.route-tabs,.scenario-tabs,.transport-tabs{flex-direction:column}.area-tab,.route-tab,.scenario-tab,.transport-tab{border-bottom:1px solid #e9ecef}.area-info-grid,.transport-vocab-directions{gap:1.5rem;grid-template-columns:1fr}.dialogue-line.helper,.dialogue-line.local,.dialogue-line.person1,.dialogue-line.person2,.dialogue-line.tourist,.dialogue-line.visitor{margin:0}.route-info{flex-direction:column;gap:1rem;text-align:center}.route-stats{justify-content:center}.landmarks-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.culture-tips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.section h2{font-size:1.5rem}.area-content,.route-content,.scenario-content,.transport-content{padding:1rem}.location-item{padding:.75rem}.dialogue-line,.step-item{flex-direction:column;gap:.5rem;padding:.75rem}.step-item{text-align:center}.landmark-card{padding:1rem}.direction-item,.phrase-item,.vocab-item{padding:.75rem}.culture-tips,.landmarks-grid{grid-template-columns:1fr}.route-endpoints{flex-direction:column;gap:.5rem;text-align:center}.location-details{align-items:flex-start;flex-direction:column;gap:.5rem}}.money-banking-custom{margin-top:2rem}.banking-services{background:linear-gradient(135deg,#e8f4f8,#f8f9fa)}.service-tab{gap:.5rem}.service-tab.active{background:#17a2b8}.service-details h3{margin-bottom:.5rem}.service-description{margin-bottom:1.5rem}.operations-section h4,.vocabulary-section h4{border-bottom:2px solid #17a2b8;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.operations-list,.vocabulary-list{display:flex;flex-direction:column;gap:1rem}.operation-item,.vocabulary-item{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:8px;padding:1rem;transition:all .3s ease}.operation-item:hover,.vocabulary-item:hover{background:#e9ecef;transform:translateX(5px)}.operation-spanish,.vocab-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.operation-english,.vocab-english{color:#6c757d;font-style:italic}.currency-info{background:linear-gradient(135deg,#fff8e1,#f8f9fa)}.currency-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.currency-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.currency-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1.2rem;transition:all .3s ease}.currency-tab:hover{background:#e9ecef}.currency-tab.active{background:#ffc107;color:#212529}.currency-symbol{font-size:1.5rem;font-weight:700}.currency-content{padding:2rem}.currency-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem}.currency-description{color:#6c757d;font-style:italic;margin-bottom:1.5rem}.currency-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.denominations-section h4,.exchange-phrases-section h4{border-bottom:2px solid #ffc107;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.denomination-group{margin-bottom:1.5rem}.denomination-group h5{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:.75rem}.values-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.value-item{background:#ffc107;border-radius:6px;color:#212529;font-size:.9rem;font-weight:600;padding:.5rem;text-align:center}.phrases-list{display:flex;flex-direction:column;gap:1rem}.phrase-item{background:#f8f9fa;border-radius:8px;padding:1rem;transition:all .2s ease}.phrase-item:hover{background:#e9ecef;transform:translateY(-2px)}.phrase-spanish{align-items:center;color:#e74c3c;display:flex;flex-wrap:wrap;font-weight:600;gap:.5rem;margin-bottom:.5rem}.phrase-english{color:#6c757d;font-size:.95rem;font-style:italic}.banking-scenarios{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.scenario-tab{font-size:1rem;font-weight:500;white-space:nowrap}.scenario-tab.active{background:#9c27b0}.scenario-dialogues h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.dialogue-line.customer{background:#e3f2fd;margin-right:2rem}.dialogue-line.banker{background:#e8f5e8;margin-left:2rem}.dialogue-line.exchange{background:#fff3e0;margin-left:1rem}.payment-methods{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.payment-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.payment-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.payment-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1.2rem;transition:all .3s ease}.payment-tab:hover{background:#e9ecef}.payment-tab.active{background:#28a745;color:#fff}.payment-icon{font-size:1.2rem}.payment-content{padding:2rem}.payment-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.payment-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.payment-phrases-section h4,.payment-vocabulary-section h4{border-bottom:2px solid #28a745;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.payment-vocab-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.payment-vocab-item{background:#f8f9fa;border-radius:6px;padding:.75rem;transition:all .2s ease}.payment-vocab-item:hover{background:#e9ecef;transform:translateX(3px)}.payment-vocab-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem;margin-bottom:.3rem}.payment-vocab-english{color:#6c757d;font-size:.9rem;font-style:italic}.payment-phrases-list{display:flex;flex-direction:column;gap:1rem}.payment-phrase-item{background:#f8f9fa;border-radius:8px;padding:1rem;transition:all .2s ease}.payment-phrase-item:hover{background:#e9ecef;transform:translateY(-2px)}.payment-phrase-spanish{align-items:center;color:#e74c3c;display:flex;flex-wrap:wrap;font-weight:600;gap:.5rem;margin-bottom:.5rem}.payment-phrase-english{color:#6c757d;font-size:.95rem;font-style:italic}.banking-culture{background:linear-gradient(135deg,#e1f5fe,#f8f9fa)}.money-banking-custom .audio-player{display:inline-flex;vertical-align:middle}.money-banking-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.money-banking-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.currency-tabs,.payment-tabs,.scenario-tabs,.service-tabs{flex-direction:column}.currency-tab,.payment-tab,.scenario-tab,.service-tab{border-bottom:1px solid #e9ecef}.currency-info-grid,.payment-info-grid,.service-info-grid{gap:1.5rem;grid-template-columns:1fr}.dialogue-line.banker,.dialogue-line.customer,.dialogue-line.exchange{margin:0}.culture-tips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.section h2{font-size:1.5rem}.currency-content,.payment-content,.scenario-content,.service-content{padding:1rem}.operation-item,.payment-phrase-item,.payment-vocab-item,.phrase-item,.vocabulary-item{padding:.75rem}.dialogue-line{flex-direction:column;gap:.5rem;padding:.75rem}.tip-card{padding:1rem}.values-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.culture-tips{grid-template-columns:1fr}}.emergency-safety-custom{margin-top:2rem}.emergency-services{background:linear-gradient(135deg,#ffebee,#f8f9fa)}.service-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.service-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.service-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.3rem;padding:1.2rem;transition:all .3s ease}.service-tab:hover{background:#e9ecef}.service-tab.active{background:#dc3545;color:#fff}.service-icon{font-size:1.5rem}.service-name{font-weight:600}.service-number{background:#dc35451a;border-radius:12px;color:#dc3545;font-size:.8rem;font-weight:700;padding:.2rem .5rem}.service-tab.active .service-number{background:#fff3;color:#fff}.service-content{padding:2rem}.service-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1rem}.service-info{margin-bottom:1.5rem}.emergency-number{background:#dc3545;border-radius:8px;color:#fff;margin-bottom:1rem;padding:1rem;text-align:center}.number-label{display:block;font-size:.9rem;margin-bottom:.5rem}.number{display:block;font-size:2rem;font-weight:700}.service-description{color:#6c757d;font-style:italic;text-align:center}.service-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.phrases-section h4,.vocabulary-section h4{border-bottom:2px solid #dc3545;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.phrases-list,.vocabulary-list{display:flex;flex-direction:column;gap:1rem}.phrase-item,.vocabulary-item{background:#f8f9fa;border-left:4px solid #dc3545;border-radius:8px;padding:1rem;transition:all .3s ease}.phrase-item:hover,.vocabulary-item:hover{background:#e9ecef;transform:translateX(5px)}.phrase-spanish,.vocab-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.phrase-english,.vocab-english{color:#6c757d;font-style:italic}.crisis-scenarios{background:linear-gradient(135deg,#fff3e0,#f8f9fa)}.scenario-tab.active{background:#ff9800}.situation-description{background:#fff3e0;border-left:4px solid #ff9800}.scenario-vocabulary-section h4,.steps-section h4{border-bottom:2px solid #ff9800}.step-number{background:#ff9800}.safety-protocols{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.protocol-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.protocol-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.protocol-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.protocol-tab:hover{background:#e9ecef}.protocol-tab.active{background:#28a745;color:#fff}.protocol-icon{font-size:1.5rem}.protocol-name{font-weight:600;text-align:center}.protocol-content{padding:2rem}.protocol-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.protocol-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.equipment-section h4,.protocol-steps-section h4{border-bottom:2px solid #28a745;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.equipment-list,.protocol-steps-list{display:flex;flex-direction:column;gap:1rem}.equipment-item,.protocol-step-item{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;padding:1rem;transition:all .3s ease}.equipment-item:hover,.protocol-step-item:hover{background:#e9ecef;transform:translateX(5px)}.equipment-spanish,.protocol-step-spanish{align-items:center;color:#e74c3c;display:flex;flex-wrap:wrap;font-weight:600;gap:.5rem;margin-bottom:.5rem}.equipment-english,.protocol-step-english{color:#6c757d;font-style:italic}.emergency-communication{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.communication-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.communication-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.communication-tab{background:none;border:none;color:#6c757d;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:1.2rem;transition:all .3s ease;white-space:nowrap}.communication-tab:hover{background:#e9ecef}.communication-tab.active{background:#2196f3;color:#fff}.communication-content{padding:2rem}.communication-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.communication-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.dialogue-section h4,.tips-section h4{border-bottom:2px solid #2196f3}.dialogue-line.operator,.dialogue-line.police{background:#e3f2fd;margin-left:2rem}.dialogue-line.caller{background:#fff3e0;margin-right:2rem}.emergency-culture{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.emergency-safety-custom .audio-player{display:inline-flex;vertical-align:middle}.emergency-safety-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.emergency-safety-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.communication-tabs,.protocol-tabs,.scenario-tabs,.service-tabs{flex-direction:column}.communication-tab,.protocol-tab,.scenario-tab,.service-tab{border-bottom:1px solid #e9ecef}.communication-info-grid,.protocol-info-grid,.scenario-info-grid,.service-info-grid{gap:1.5rem;grid-template-columns:1fr}.dialogue-line.caller,.dialogue-line.operator,.dialogue-line.police{margin:0}.culture-tips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.emergency-number{padding:.75rem}.number{font-size:1.5rem}}@media (max-width:480px){.section h2{font-size:1.5rem}.communication-content,.protocol-content,.scenario-content,.service-content{padding:1rem}.equipment-item,.phrase-item,.protocol-step-item,.scenario-vocab-item,.tip-item,.vocabulary-item{padding:.75rem}.step-item{text-align:center}.dialogue-line,.step-item{flex-direction:column;gap:.5rem;padding:.75rem}.tip-card{padding:1rem}.communication-info-grid,.culture-tips,.protocol-info-grid,.scenario-info-grid{grid-template-columns:1fr}}.education-school-custom{margin-top:2rem}.section{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem}.section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.8rem;gap:.5rem;margin-bottom:.5rem}.section-intro{color:#6c757d;font-size:1.1rem;margin-bottom:1.5rem}.school-areas{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.area-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.area-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.area-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.area-tab:hover{background:#e9ecef}.area-tab.active{background:#28a745;color:#fff}.area-icon{font-size:1.5rem}.area-name{font-weight:600;text-align:center}.area-content{padding:2rem}.area-details h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1rem}.area-description{background:#e8f5e8;border-left:4px solid #28a745;border-radius:8px;color:#6c757d;font-style:italic;margin-bottom:1.5rem;padding:1rem}.area-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.activities-section h4,.vocabulary-section h4{border-bottom:2px solid #28a745;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.activities-list,.vocabulary-list{display:flex;flex-direction:column;gap:1rem}.activity-item,.vocabulary-item{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;padding:1rem;transition:all .3s ease}.activity-item:hover,.vocabulary-item:hover{background:#e9ecef;transform:translateX(5px)}.activity-spanish,.vocab-spanish{align-items:center;color:#e74c3c;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.activity-english,.vocab-english{color:#6c757d;font-style:italic}.academic-subjects{background:linear-gradient(135deg,#fff3e0,#f8f9fa)}.subject-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.subject-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.subject-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.subject-tab:hover{background:#e9ecef}.subject-tab.active{background:#ff9800;color:#fff}.subject-icon{font-size:1.5rem}.subject-name{font-weight:600;text-align:center}.subject-content{padding:2rem}.subject-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.subject-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.subject-vocabulary-section h4,.tools-section h4{border-bottom:2px solid #ff9800;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.subject-vocab-list,.tools-list{display:flex;flex-direction:column;gap:1rem}.subject-vocab-item,.tool-item{background:#f8f9fa;border-left:4px solid #ff9800;border-radius:8px;padding:1rem;transition:all .3s ease}.subject-vocab-item:hover,.tool-item:hover{background:#e9ecef;transform:translateX(5px)}.subject-vocab-spanish,.tool-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.subject-vocab-english,.tool-english{color:#6c757d;font-style:italic}.student-scenarios{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.scenario-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.scenario-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.scenario-tab{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.scenario-tab:hover{background:#e9ecef}.scenario-tab.active{background:#2196f3;color:#fff}.scenario-icon{font-size:1.5rem}.scenario-name{font-weight:600;text-align:center}.scenario-content{padding:2rem}.scenario-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem}.situation-description{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.scenario-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.scenario-vocabulary-section h4,.steps-section h4{border-bottom:2px solid #2196f3;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.steps-list{display:flex;flex-direction:column;gap:1rem}.step-item{background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.step-item:hover{background:#e9ecef;transform:translateX(5px)}.step-number{align-items:center;background:#2196f3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;width:30px}.step-content{flex:1 1}.step-spanish{align-items:center;color:#e74c3c;display:flex;flex-wrap:wrap;font-weight:600;gap:.5rem;margin-bottom:.3rem}.step-english{color:#2c3e50;font-size:.95rem;margin-bottom:.3rem}.step-detail{color:#6c757d;font-size:.85rem;font-style:italic}.scenario-vocab-list{display:flex;flex-direction:column;gap:.75rem}.scenario-vocab-item{background:#f8f9fa;border-radius:6px;padding:.75rem;transition:all .2s ease}.scenario-vocab-item:hover{background:#e9ecef;transform:translateX(3px)}.scenario-vocab-spanish{align-items:center;color:#e74c3c;display:flex;font-weight:600;gap:.5rem;margin-bottom:.3rem}.scenario-vocab-english{color:#6c757d;font-size:.9rem;font-style:italic}.educational-conversations{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.conversation-selector{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.conversation-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.conversation-tab{background:none;border:none;color:#6c757d;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:1.2rem;transition:all .3s ease;white-space:nowrap}.conversation-tab:hover{background:#e9ecef}.conversation-tab.active{background:#9c27b0;color:#fff}.conversation-content{padding:2rem}.conversation-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.conversation-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.dialogue-section h4,.tips-section h4{border-bottom:2px solid #9c27b0;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.dialogue-lines{display:flex;flex-direction:column;gap:1rem}.dialogue-line{align-items:flex-start;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.dialogue-line.administrator,.dialogue-line.teacher{background:#f3e5f5;margin-left:2rem}.dialogue-line.parent,.dialogue-line.student,.dialogue-line.student1,.dialogue-line.student2,.dialogue-line.student3{background:#e8f5e8;margin-right:2rem}.dialogue-line:hover{transform:translateX(5px)}.speaker-icon{flex-shrink:0;font-size:1.5rem}.dialogue-content{flex:1 1}.dialogue-spanish{align-items:center;color:#e74c3c;display:flex;flex-wrap:wrap;font-weight:600;gap:.5rem;margin-bottom:.5rem}.dialogue-english{color:#6c757d;font-size:.95rem;font-style:italic}.tips-list{display:flex;flex-direction:column;gap:1rem}.tip-item{background:#f8f9fa;border-radius:8px;padding:1rem;transition:all .2s ease}.tip-item:hover{background:#e9ecef;transform:translateY(-2px)}.tip-spanish{align-items:center;color:#e74c3c;display:flex;flex-wrap:wrap;font-weight:600;gap:.5rem;margin-bottom:.5rem}.tip-english{color:#6c757d;font-size:.95rem;font-style:italic}.education-culture{background:linear-gradient(135deg,#fff8e1,#f8f9fa)}.culture-tips{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;text-align:center;transition:all .3s ease}.tip-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.tip-icon{font-size:2.5rem;margin-bottom:1rem}.tip-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.tip-card p{color:#6c757d;font-size:.95rem;line-height:1.5}.education-school-custom .audio-player{display:inline-flex;vertical-align:middle}.education-school-custom .audio-player button{background:#3498db1a;border:1px solid #3498db4d;border-radius:50%;color:#3498db;font-size:.65rem;height:20px;padding:0;transition:all .2s ease;width:20px}.education-school-custom .audio-player button:hover{background:#3498db33;transform:scale(1.1)}@media (max-width:768px){.section{padding:1.5rem}.area-tabs,.conversation-tabs,.scenario-tabs,.subject-tabs{flex-direction:column}.area-tab,.conversation-tab,.scenario-tab,.subject-tab{border-bottom:1px solid #e9ecef}.area-info-grid,.conversation-info-grid,.scenario-info-grid,.subject-info-grid{gap:1.5rem;grid-template-columns:1fr}.dialogue-line.administrator,.dialogue-line.parent,.dialogue-line.student,.dialogue-line.student1,.dialogue-line.student2,.dialogue-line.student3,.dialogue-line.teacher{margin:0}.culture-tips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.section h2{font-size:1.5rem}.area-content,.conversation-content,.scenario-content,.subject-content{padding:1rem}.activity-item,.scenario-vocab-item,.subject-vocab-item,.tip-item,.tool-item,.vocabulary-item{padding:.75rem}.step-item{text-align:center}.dialogue-line,.step-item{flex-direction:column;gap:.5rem;padding:.75rem}.tip-card{padding:1rem}.culture-tips{grid-template-columns:1fr}}.resources-page{background:var(--light-cream);font-family:var(--font-family-primary);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.resources-hero{background:linear-gradient(135deg,var(--primary-blue) 0,#1976d2 100%);border-radius:0 0 2rem 2rem;color:#fff;margin-bottom:3rem;overflow:hidden;padding:4rem 0 3rem;position:relative;text-align:center;z-index:1}.resources-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0Z' opacity='.25' fill='%23fff'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.resources-hero h1{color:#fff;font-size:3rem;font-weight:800;margin-bottom:1rem;position:relative;text-shadow:0 3px 15px #00000080,0 1px 3px #000c;z-index:2}.resources-hero .hero-subtitle{color:#fff;font-size:1.3rem;font-weight:400;margin-bottom:2rem;opacity:1;position:relative;text-shadow:0 2px 8px #0006;z-index:2}.quick-stats{display:flex;gap:2rem;justify-content:center;margin-top:2rem;position:relative;z-index:1}.resources-page .stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:1rem;color:#fff;min-width:140px;padding:1.5rem;text-align:center;transition:all .3s ease}.resources-page .stat-card:hover{background:#fff3;transform:translateY(-5px)}.resources-page .stat-icon{color:#fff;font-size:2rem;margin-bottom:.5rem;text-shadow:0 1px 3px #0000004d}.resources-page .stat-number{color:#fff;display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 2px 6px #0006}.resources-page .stat-label{color:#fff;font-size:.9rem;font-weight:500;opacity:1;text-shadow:0 1px 4px #0006}.featured-section{margin-bottom:4rem;padding:0 1rem}.featured-section h2{color:var(--primary-blue);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.section-subtitle{color:#6c757d;font-size:1.2rem;font-weight:300;margin-bottom:2rem;text-align:center}.featured-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.featured-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #0000;border-radius:1rem;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.featured-card:before{background:linear-gradient(90deg,gold,#ff6b6b,#4ecdc4,#45b7d1);content:"";height:4px;left:0;position:absolute;right:0;top:0}.featured-card:hover{border-color:var(--primary-blue);box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.featured-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.featured-badge{background:linear-gradient(135deg,gold,#ffed4e);border-radius:2rem;color:#333;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.category-icon{font-size:1.5rem}.featured-card h3{color:var(--primary-blue);font-size:1.4rem;font-weight:600;margin-bottom:1rem}.featured-description{color:#495057;line-height:1.6;margin-bottom:1.5rem}.featured-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-tag{background:#0000000d;border:1px solid;border-radius:1rem;font-size:.8rem;font-weight:600;opacity:.8;padding:.3rem .6rem}.featured-link{align-items:center;background:linear-gradient(135deg,var(--primary-blue),#1976d2);border-radius:2rem;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.featured-link:hover{background:linear-gradient(135deg,#1976d2,var(--accent-orange));transform:translateX(5px)}.category-browser{margin-bottom:2rem;padding:0 1rem}.category-browser h2{color:var(--primary-blue);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.browser-layout{grid-gap:2rem;background:#fff;border-radius:1rem;box-shadow:0 5px 20px #00000014;display:grid;gap:2rem;grid-template-columns:1fr 1fr;min-height:500px;overflow:hidden}.category-sidebar{border-right:1px solid #e9ecef;max-height:600px;overflow-y:auto;padding:2rem}.category-group{margin-bottom:2rem}.group-title{border-bottom:2px solid #e9ecef;color:var(--primary-blue);font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding-bottom:.5rem;text-transform:uppercase}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:0 .5rem .5rem 0;cursor:pointer;display:flex;gap:1rem;padding:1rem;position:relative;text-align:left;transition:all .3s ease}.category-item:hover{background:#00000008}.category-item.active{background:#0000000d;transform:translateX(5px)}.item-icon{flex-shrink:0;font-size:1.5rem;text-align:center;width:2rem}.item-content{flex:1 1}.item-name{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:.25rem}.item-count{color:#6c757d;font-size:.85rem}.active-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:1.5rem;justify-content:center;width:1.5rem}.clear-category-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:.5rem;color:#6c757d;cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.clear-category-btn:hover{background:#e9ecef;color:#495057}.clear-icon{align-items:center;background:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:1.2rem;justify-content:center;width:1.2rem}.preview-panel{background:#f8f9fa;display:flex;flex-direction:column;opacity:0;padding:2rem;transform:translateX(20px);transition:all .4s ease}.preview-panel.visible{opacity:1;transform:translateX(0)}.preview-header{border-bottom:2px solid #e9ecef;margin-bottom:1.5rem;padding-bottom:1rem}.preview-header h3{align-items:center;display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.preview-count{background:#0000000d;border-radius:1rem;color:#495057;font-size:.9rem;font-weight:500;padding:.3rem .8rem}.preview-resources{display:flex;flex:1 1;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.preview-resource-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000000f;padding:1rem;transition:all .3s ease}.preview-resource-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.preview-resource-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.preview-resource-header h4{color:var(--primary-blue);flex:1 1;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.preview-rating{color:gold;font-size:.8rem;margin-left:.5rem}.preview-description{color:#6c757d;font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.preview-features{display:flex;flex-wrap:wrap;gap:.5rem}.preview-feature{background:#0000000d;border:1px solid;border-radius:.75rem;font-size:.75rem;font-weight:600;opacity:.8;padding:.2rem .5rem}.preview-more{background:#0000000d;border-radius:.5rem;color:#6c757d;font-size:.9rem;font-weight:500;padding:.75rem;text-align:center}.view-all-btn{align-items:center;background:var(--primary-blue);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.view-all-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.preview-placeholder{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.preview-placeholder h3{color:var(--primary-blue);font-size:1.3rem;margin-bottom:.5rem}.preview-placeholder p{font-size:1rem;line-height:1.5}.scroll-indicator{animation:slideInUp .5s ease,pulse 2s ease-in-out infinite;background:#fff;border-radius:2rem;bottom:2rem;box-shadow:0 10px 40px #00000026;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:100}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.indicator-content{align-items:center;display:flex;gap:1rem}.indicator-text{color:#495057;font-size:.95rem;font-weight:500}.indicator-button{background:var(--primary-blue);border:none;border-radius:1rem;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.indicator-button:hover{background:#1976d2;transform:translateY(-2px)}.floating-nav{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #0000000d;border-radius:2rem;box-shadow:0 5px 30px #0000001f;left:50%;padding:.75rem 1.5rem;position:fixed;top:1rem;transform:translateX(-50%);z-index:100}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-100px)}to{opacity:1;transform:translate(-50%)}}.floating-nav-content{align-items:center;display:flex;gap:2rem}.floating-category{align-items:center;display:flex;font-weight:600;gap:1rem}.floating-count{background:#0000000d;border-radius:1rem;color:#6c757d;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.change-category-btn{background:var(--accent-orange);border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.change-category-btn:hover{background:#e55347;transform:translateY(-1px)}.filter-bar{align-items:center;background:#fff;border-radius:2rem;box-shadow:0 5px 20px #00000014;gap:1rem;justify-content:space-between;margin:2rem 1rem;padding:1rem 2rem}.filter-bar,.filter-left{display:flex;flex-wrap:wrap}.filter-left{gap:.5rem}.filter-pill{background:#f8f9fa;border:2px solid #0000;border-radius:2rem;color:#495057;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.filter-pill:hover{background:#e9ecef}.filter-pill.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.filter-right{align-items:center;display:flex;gap:1rem}.results-count{color:#6c757d}.clear-filters{background:var(--accent-orange);border:none;border-radius:1rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.clear-filters:hover{background:#e55347}.resources-section{margin-top:0;max-height:0;opacity:0;overflow:hidden;padding:0 1rem;transform:translateY(20px);transition:all .5s ease}.resources-section.visible{margin-top:2rem;max-height:none;opacity:1;overflow:visible;transform:translateY(0)}.results-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fffc;border-radius:1rem;box-shadow:0 5px 20px #00000014;margin-bottom:2rem;padding:2rem;position:sticky;top:1rem;z-index:10}.results-title h2{align-items:center;display:flex;font-size:1.8rem;font-weight:600;gap:.5rem;margin:0}.results-summary{align-items:flex-end;flex-direction:column;gap:.5rem}.results-count-large{color:var(--primary-blue);font-size:1.5rem;font-weight:700}.active-filter{background:#0000000d;border-radius:1rem;color:#495057;font-size:.9rem;padding:.3rem .8rem}.resources-modern-grid{grid-gap:1.5rem;align-items:stretch;animation:fadeInGrid .6s ease forwards;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@keyframes fadeInGrid{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resource-modern-card{background:#fff;border-radius:1rem;border-top:4px solid #e0e0e0;box-shadow:0 5px 20px #00000014;display:flex;flex-direction:column;height:100%;overflow:visible;position:relative;transition:all .3s ease}.resource-modern-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-8px)}.resource-top-bar{border-radius:1rem 1rem 0 0;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:600;justify-content:space-between;padding:.75rem 1.5rem}.resource-category-label,.resource-top-bar{align-items:center;display:flex;overflow:hidden}.resource-category-label{gap:.5rem;text-overflow:ellipsis;white-space:nowrap}.resource-rating{color:gold;flex-shrink:0;font-size:.9rem}.resource-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1.5rem 1.5rem 1rem}.resource-title{font-size:1.2rem;font-weight:600;margin:0 0 1rem}.resource-title a{color:var(--primary-blue);text-decoration:none;transition:color .3s ease}.resource-title a:hover{color:var(--accent-orange)}.resource-description{color:#495057;flex:1 1;line-height:1.6;margin-bottom:1rem}.resource-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feature-badge{background:#0000000d;border:1px solid;border-radius:.75rem;opacity:.8}.difficulty-badge,.feature-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem}.difficulty-badge{border-radius:.75rem;text-transform:capitalize}.difficulty-badge.beginner{background:#28a7451a;border:1px solid #28a745;color:#28a745}.difficulty-badge.intermediate{background:#ffc1071a;border:1px solid #ffc107;color:#ffc107}.difficulty-badge.advanced{background:#dc35451a;border:1px solid #dc3545;color:#dc3545}.resource-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem}.resource-tag{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.75rem;color:#495057;font-size:.75rem;font-weight:500;padding:.15rem .5rem}.expand-tags{background:none;border:none;color:var(--primary-blue);cursor:pointer;font-size:.75rem;padding:.15rem .3rem;text-decoration:underline}.expanded-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.resource-actions{flex-shrink:0;margin-top:auto;padding:1rem 1.5rem 1.5rem}.visit-button{align-items:center;border-radius:1.2rem;box-sizing:border-box;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;justify-content:center;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:100%}.visit-button:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.arrow{font-size:1rem;transition:transform .3s ease}.visit-button:hover .arrow{transform:translateX(3px)}.no-results{background:#fff;border-radius:1rem;box-shadow:0 5px 20px #00000014;margin:2rem 1rem;padding:4rem 2rem}.no-results-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-results h3{color:var(--primary-blue);font-size:1.5rem;margin-bottom:.5rem}.no-results p{color:#6c757d;margin-bottom:2rem}.browse-all-btn{background:var(--primary-blue);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.browse-all-btn:hover{background:#1976d2;transform:translateY(-2px)}.success-tips{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:1rem;box-shadow:0 5px 20px #00000014;margin:4rem 1rem 2rem;padding:3rem 2rem}.success-tips h2{color:var(--primary-blue);font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.timeline{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px}.timeline-item{align-items:flex-start;display:flex;gap:1.5rem;position:relative}.timeline-item:not(:last-child):after{background:linear-gradient(180deg,#e9ecef,#0000);content:"";height:2rem;left:1.5rem;position:absolute;top:3rem;width:2px}.timeline-icon{align-items:center;border-radius:50%;box-shadow:0 3px 10px #0003;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:3rem;justify-content:center;width:3rem}.timeline-content h3{color:var(--primary-blue);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.timeline-content p{color:#495057;line-height:1.6}@media (max-width:768px){.resources-hero{border-radius:0 0 1rem 1rem;margin-bottom:1rem;padding:1rem 0 .5rem}.resources-hero h1{font-size:1.6rem;margin-bottom:.5rem}.resources-hero .hero-subtitle{font-size:.95rem;margin-bottom:1rem}.quick-stats{align-items:center;flex-direction:row;gap:.5rem;margin-top:1rem}.resources-page .stat-card{min-width:100px;padding:.75rem .5rem}.resources-page .stat-number{font-size:1.5rem;margin-bottom:.1rem}.resources-page .stat-label{font-size:.75rem}.resources-page .stat-icon{font-size:1.5rem;margin-bottom:.25rem}.browser-layout,.featured-grid{grid-template-columns:1fr}.browser-layout{min-height:auto}.category-sidebar{border-bottom:1px solid #e9ecef;border-right:none;max-height:none}.preview-panel{min-height:300px}.results-header{align-items:stretch;flex-direction:column;gap:1rem;position:static;text-align:center}.results-summary{align-items:center}.filter-bar{align-items:stretch;flex-direction:column;gap:1rem}.filter-left,.filter-right{justify-content:center}.resources-modern-grid{grid-template-columns:1fr}.timeline-item{gap:1rem}.timeline-icon{font-size:1rem;height:2.5rem;width:2.5rem}.timeline-item:not(:last-child):after{left:1.25rem}.scroll-indicator{bottom:1rem;left:1rem;max-width:none;padding:.75rem 1rem;right:1rem}.indicator-content{flex-direction:column;gap:.5rem;text-align:center}.indicator-button{width:100%}.floating-nav{border-radius:1rem;bottom:1rem;left:1rem;padding:.75rem;right:1rem;top:auto;transform:none}@keyframes slideDown{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.floating-nav-content{flex-direction:column;gap:.75rem}.floating-category{flex-direction:column;gap:.5rem;text-align:center}.change-category-btn{width:100%}}@media (max-width:480px){.container{padding:0 .5rem}.resources-hero{border-radius:0 0 .5rem .5rem;margin-bottom:.5rem;padding:.75rem 0 .25rem}.resources-hero h1{font-size:1.4rem;margin-bottom:.25rem}.resources-hero .hero-subtitle{font-size:.85rem;margin-bottom:.75rem}.category-browser,.featured-section,.success-tips{padding:0 .5rem}.category-group,.featured-card{padding:1.5rem}.filter-bar,.resource-content{padding:1rem}.filter-bar{margin:1rem .5rem}.success-tips{padding:2rem 1rem}}.about{background-color:var(--light-cream);min-height:100%}.about h1{color:var(--primary-blue);font-size:2.5rem;margin-bottom:1rem;text-align:center}.page-intro{color:var(--gray);font-size:1.1rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.mission,.page-intro{margin-bottom:3rem}.mission h2{color:var(--primary-blue);font-size:2rem;margin-bottom:2rem;text-align:center}.mission-content{background:var(--white);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem}.mission-content p{color:var(--gray);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.mission-content p:last-child{margin-bottom:0}.why-european{margin-bottom:3rem}.why-european h2{color:var(--primary-blue);font-size:2rem;margin-bottom:2rem;text-align:center}.reasons-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.reason{background:var(--white);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center}.reason h3{color:var(--primary-blue);font-size:1.3rem;margin-bottom:1rem}.reason p{color:var(--gray);line-height:1.6}.what-we-offer{margin-bottom:3rem}.what-we-offer h2{color:var(--primary-blue);font-size:2rem;margin-bottom:2rem;text-align:center}.offerings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.offering{background:var(--white);border-left:4px solid var(--gold);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center}.offering h3{color:var(--primary-blue);font-size:1.3rem;margin-bottom:1rem}.offering p{color:var(--gray);line-height:1.6}.contact-info{background:var(--white);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center}.contact-info h2{color:var(--primary-blue);margin-bottom:1rem}.contact-info p{color:var(--gray);line-height:1.6;margin-bottom:1.5rem}.contact-details{background:var(--light-cream);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.contact-details p{margin-bottom:.5rem}.contact-details p:last-child{margin-bottom:0}.contact-details strong{color:var(--primary-blue)}@media (max-width:768px){.about h1{font-size:2rem}.mission h2,.what-we-offer h2,.why-european h2{font-size:1.5rem}.offerings-grid,.reasons-grid{grid-template-columns:1fr}}.search-results-page{background:linear-gradient(135deg,#f8f9fa,#e3f2fd);min-height:100vh;padding:2rem 0}.search-results-page .container{margin:0 auto;max-width:1200px;padding:0 1rem}.search-header{margin-bottom:3rem;text-align:center}.search-header h1{color:var(--primary-blue);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.search-query{color:var(--gray);font-size:1.2rem;margin-bottom:1rem}.search-query strong{color:var(--primary-blue);font-weight:600}.no-query{background:var(--white);border:1px solid var(--light-gray);border-radius:0;box-shadow:0 5px 15px #0000001a;padding:3rem 2rem;text-align:center}.no-query h2{color:var(--primary-blue);margin-bottom:1rem}.no-query p{color:var(--gray);font-size:1.1rem;margin-bottom:2rem}.search-tips{background:var(--light-cream);border:1px solid var(--gold);border-radius:0;padding:1.5rem}.search-tips h3{color:var(--primary-blue);font-size:1.2rem;margin-bottom:1rem}.search-tips ul{list-style:none;margin:0;padding:0}.search-tips li{color:var(--gray);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.search-tips li:before{color:var(--gold);content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.filters-section{background:var(--white);border:1px solid var(--light-gray);border-radius:0;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem;padding:1.5rem}.filters-section h3{color:var(--primary-blue);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.filter-group,.filter-group:last-child{margin-bottom:0}.filter-group label{color:var(--gray);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:var(--light-cream);border:2px solid var(--light-gray);border-radius:0;color:var(--gray);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.filter-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.filter-btn.active{background:var(--primary-blue);border-color:var(--primary-blue);color:var(--white)}.cefr-filter-btn{background:var(--light-cream);border:2px solid var(--light-gray);border-radius:0;color:var(--gray);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.cefr-filter-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.cefr-filter-btn.active{color:var(--white)}.section-filter-btn{background:var(--light-cream);border:2px solid var(--light-gray);border-radius:0;color:var(--gray);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.section-filter-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.section-filter-btn.active{background:var(--primary-blue);border-color:var(--primary-blue);color:var(--white)}.results-section{margin-bottom:3rem}.results-content{margin-top:2rem}.results-summary{align-items:center;background:var(--white);border:1px solid #00809d1a;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.results-count{align-items:baseline;display:flex;gap:.5rem}.count-number{color:var(--primary-blue);font-size:2rem;font-weight:700}.count-text{color:var(--gray);font-size:1.1rem;font-weight:500}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.results-count{color:var(--gray);font-weight:500}.results-sort{align-items:center;display:flex;gap:.5rem}.sort-label{font-weight:500}.sort-label,.sort-select{color:var(--gray);font-size:.9rem}.sort-select{background:var(--white);border:2px solid var(--light-gray);border-radius:0;cursor:pointer;padding:.5rem}.sort-select:focus{border-color:var(--primary-blue);outline:none}.results-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:2rem}.result-card{background:var(--white);border:1px solid #00809d1a;border-radius:16px;box-shadow:0 6px 20px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.result-card:before{background:linear-gradient(90deg,var(--primary-blue),var(--gold));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.result-card:hover{border-color:#00809d33;box-shadow:0 12px 35px #0000001f;transform:translateY(-5px)}.result-card:hover:before{opacity:1}.result-header{margin-bottom:1rem}.result-title{font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:.8rem}.result-title a{color:var(--primary-blue);display:block;text-decoration:none;transition:all .3s ease}.result-title a:hover{color:var(--dark-gold);text-decoration:none;transform:translateX(2px)}.result-meta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.2rem}.result-category{background:linear-gradient(135deg,var(--primary-blue),#0056b3);box-shadow:0 2px 8px #00809d4d}.cefr-badge,.difficulty-badge,.result-category{border-radius:20px;color:var(--white);font-size:.8rem;font-weight:600;padding:.4rem 1rem;text-transform:uppercase}.cefr-badge,.difficulty-badge{box-shadow:0 2px 8px #0003}.cefr-badge{color:var(--white)}.popularity{color:var(--gold);font-size:.9rem;font-weight:600}.result-excerpt{color:#6c757d;font-style:italic}.result-content,.result-excerpt{font-size:.95rem;line-height:1.6;margin-bottom:1.2rem}.result-content{color:var(--gray)}.result-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.result-tag{background:#00809d1a;border:1px solid #00809d33;border-radius:12px;color:var(--primary-blue);font-size:.8rem;font-weight:500;padding:.3rem .8rem;transition:all .2s ease}.result-tag:hover{background:#00809d26;border-color:#00809d4d}.result-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.result-link{align-items:center;background:linear-gradient(135deg,var(--primary-blue),#0056b3);border-radius:25px;box-shadow:0 4px 15px #00809d4d;color:var(--white);display:inline-flex;font-size:.9rem;font-weight:600;overflow:hidden;padding:.8rem 1.8rem;position:relative;text-decoration:none;transition:all .3s ease}.result-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.result-link:hover:before{left:100%}.result-link:hover{box-shadow:0 6px 20px #00809d66;transform:translateY(-2px)}.related-search-btn{background:#0000;border:2px solid #00809d4d;border-radius:20px;color:var(--primary-blue);cursor:pointer;font-size:.85rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.related-search-btn:hover{background:#00809d1a;border-color:#00809d80}.view-result-btn:hover{background:var(--dark-gold);box-shadow:0 6px 20px #00899d66;color:var(--white);text-decoration:none;transform:translateY(-2px)}.no-results{background:var(--white);border:1px solid var(--light-gray);border-radius:0;box-shadow:0 5px 15px #0000001a;padding:3rem 2rem;text-align:center}.no-results h2{color:var(--primary-blue);margin-bottom:1rem}.no-results p{color:var(--gray);margin-bottom:1.5rem}.suggested-searches{background:var(--light-cream);border:1px solid var(--gold);border-radius:0;margin-top:1.5rem;padding:1.5rem}.suggested-searches h3{color:var(--primary-blue);font-size:1.1rem;margin-bottom:1rem}.suggested-list{display:flex;flex-wrap:wrap;gap:.5rem}.suggested-item{background:var(--white);border:1px solid var(--gold);border-radius:0;color:var(--gray);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.suggested-item:hover{background:var(--gold);color:var(--black);text-decoration:none;transform:translateY(-1px)}@media (max-width:768px){.filter-group{width:100%}.search-results-page{padding:1rem 0}.search-header h1{font-size:2rem}.results-header{align-items:stretch;flex-direction:column}.results-sort{justify-content:center}.results-grid{gap:1rem;grid-template-columns:1fr}.result-card{padding:1.25rem}.filter-buttons,.suggested-list{justify-content:center}}@media (max-width:480px){.filter-group{width:100%}.search-header h1{font-size:1.8rem}.search-query{font-size:1rem}.result-actions,.result-meta{justify-content:center}.cefr-filter-btn,.filter-btn,.section-filter-btn{font-size:.8rem;padding:.375rem .75rem}}