:root{--primary-blue:#000080;--light-cream:#FBF5DE;--warm-beige:#EAC8A6;--accent-orange:#DC3C22;--white:#ffffff;--black:#000000;--gray:#666666;--light-gray:#e0e0e0;--dark-gray:#333333;--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:1rem;--shadow-light:0 2px 4px rgba(0,0,0,0.1);--shadow-medium:0 4px 8px rgba(0,0,0,0.15);--shadow-heavy:0 8px 16px rgba(0,0,0,0.2);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;width:100%}*,body{font-family:var(--font-family-primary)}body{line-height:1.6;color:var(--black);font-weight:400;background-color:var(--light-cream);overflow-y:scroll;overflow-x:hidden;font-synthesis:none;width:100%;position:relative}@media screen and (max-width:768px){input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important}}.container{padding:var(--container-padding)}.btn{display:inline-block;padding:.75rem 1.5rem;background:var(--primary-blue);color:var(--white);border-radius:var(--border-radius);transition:var(--transition-normal);text-align:center}.btn:hover{background:var(--dark-blue);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn-secondary{background:#fff;box-shadow:0 4px 12px #0000000d}.card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-light);padding:1.5rem;transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.form-group{margin-bottom:1rem}.form-control{width:100%;padding:.75rem;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-family:var(--font-family-primary);font-size:1rem;transition:var(--transition-normal);background:var(--white)}.form-control:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(61,116,182,.1)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--primary-blue)}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{margin-bottom:1rem;color:var(--gray)}a{color:var(--primary-blue);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-orange)}ol,ul{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem}code{padding:.2rem .4rem;border-radius:3px;font-family:var(--font-family-mono);font-size:.9rem}code,pre{background:var(--light-gray)}pre{padding:1rem;border-radius:var(--border-radius);overflow-x:auto;margin-bottom:1rem}pre code{background:none;padding:0}table{width:100%;border-collapse:collapse;margin-bottom:1rem}td,th{padding:.75rem;text-align:left;border-bottom:1px solid var(--light-gray)}th{background:var(--light-cream);font-weight:600;color:var(--primary-blue)}blockquote{border-left:4px solid var(--primary-blue);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--gray)}hr{border:none;border-top:1px solid var(--light-gray);margin:2rem 0}::selection{background:var(--warm-beige);color:var(--black)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.audio-player{display:inline-flex;align-items:center;gap:.5rem;margin:.25rem 0;min-height:2rem}.audio-button{position:relative;display:inline-block;width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important;max-width:2rem!important;max-height:2rem!important;border:2px solid var(--primary-blue);background:var(--white);color:var(--primary-blue);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0!important;margin:0;overflow:hidden;flex-shrink:0!important;flex-grow:0!important;flex-basis:auto!important;aspect-ratio:1/1!important;box-sizing:border-box!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;vertical-align:middle;box-shadow:0 1px 3px rgba(0,0,0,.1)}.audio-button,.audio-icon{font-size:.9rem;line-height:1}.audio-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;pointer-events:none}.audio-button:hover{background:var(--primary-blue);color:var(--white);transform:none!important;width:2rem!important;height:2rem!important;box-shadow:0 2px 8px rgba(0,80,255,.3);border-color:var(--primary-blue)}.audio-button:hover .audio-icon{transform:translate(-50%,-50%)!important}.audio-button:active{box-shadow:0 0 0 3px rgba(0,80,255,.15)}.audio-button:active,.audio-button:focus{transform:none!important;width:2rem!important;height:2rem!important}.audio-button:focus{outline:none;box-shadow:0 0 0 3px rgba(0,80,255,.2)}.audio-button:active .audio-icon,.audio-button:focus .audio-icon{transform:translate(-50%,-50%)!important}.audio-button.playing{background:var(--accent-orange);border-color:var(--accent-orange);color:var(--white);transform:none!important;width:2rem!important;height:2rem!important;box-shadow:0 2px 8px rgba(255,102,0,.3);animation:subtlePulse 2s ease-in-out infinite}.audio-button.playing .audio-icon{transform:translate(-50%,-50%)!important}@keyframes subtlePulse{0%,to{box-shadow:0 2px 8px rgba(255,102,0,.3);opacity:1}50%{box-shadow:0 2px 12px rgba(255,102,0,.5);opacity:.95}}.audio-button.loading{opacity:.7;cursor:wait}.audio-button.loading .audio-icon{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.audio-button:disabled{cursor:not-allowed;opacity:.6}.audio-text{font-size:.9rem;color:var(--gray);font-style:italic}.audio-player-not-supported{display:inline-flex;align-items:center;color:var(--gray);font-size:.8rem;font-style:italic}@media (max-width:768px){.audio-player{min-height:1.8rem}.audio-button{min-width:1.8rem!important;min-height:1.8rem!important;max-width:1.8rem!important;max-height:1.8rem!important;font-size:.8rem;aspect-ratio:1/1}.audio-button,.audio-button.playing,.audio-button:active,.audio-button:focus,.audio-button:hover{width:1.8rem!important;height:1.8rem!important;transform:none!important}.audio-text{font-size:.8rem}}.back-to-top{position:fixed;bottom:2rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background-color:white;color:var(--primary-blue);border:2px solid #e0e0e0;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s ease;animation:fadeIn .3s ease}.back-to-top:hover{background-color:var(--primary-blue);color:white;border-color:var(--primary-blue);transform:translateY(-3px);box-shadow:0 6px 20px rgba(61,116,182,.3)}.back-to-top:active{transform:translateY(-1px)}.back-to-top svg{width:24px;height:24px}@media (min-width:769px) and (max-width:1400px){.back-to-top{width:40px;height:40px;bottom:3rem;right:2rem}.back-to-top svg{width:20px;height:20px}}@media (min-width:1401px){.back-to-top{width:40px;height:40px;bottom:3rem;right:calc((100vw - 1200px) / 2 - 60px)}.back-to-top svg{width:20px;height:20px}}@media (min-width:1600px){.back-to-top{right:max(2rem,calc((100vw - 1200px) / 2 - 60px))}}@media (max-width:480px){.back-to-top{bottom:1.5rem;right:1rem;width:44px;height:44px}}.conjugation-table-container{margin:2rem 0;background:var(--white);border:1px solid var(--warm-beige);border-radius:0;overflow:hidden}.verb-header{background:var(--light-cream);padding:1rem 1.5rem;border-bottom:1px solid var(--warm-beige);display:flex;align-items:center;gap:.5rem}.verb-title{margin:0;font-size:1.2rem;font-weight:600;color:var(--dark-blue)}.infinitive,.verb-title{font-family:var(--font-family-primary)}.infinitive{color:var(--gray);font-size:.9rem}.conjugation-table{display:table;width:100%;border-collapse:collapse}.table-header{display:table-row;background:var(--primary-blue);color:var(--white)}.header-cell{display:table-cell;padding:.8rem 1rem;font-weight:600;font-size:.9rem;font-family:var(--font-family-primary);text-align:left;border-right:1px solid var(--warm-beige)}.header-cell:last-child{border-right:none}.table-row{display:table-row;border-bottom:1px solid var(--warm-beige)}.table-row:last-child{border-bottom:none}.table-row:nth-child(2n){background:var(--light-cream)}.table-cell{display:table-cell;padding:.8rem 1rem;font-size:.9rem;font-family:var(--font-family-primary);border-right:1px solid var(--warm-beige);vertical-align:middle}.table-cell:last-child{border-right:none}.person-cell{font-weight:500;color:var(--dark-blue);width:25%}.spanish-cell{font-weight:400;color:var(--dark-blue);width:35%}.spanish-cell code{background:var(--white);padding:.2rem .4rem;border-radius:0;font-family:var(--font-family-mono);color:var(--accent-orange);font-weight:600;font-size:.85rem}.english-cell{font-weight:400;color:var(--gray);width:40%}.conjugation-notes{background:var(--light-cream);padding:1rem 1.5rem;border-top:1px solid var(--warm-beige)}.conjugation-notes p{margin:0;font-size:.85rem;color:var(--dark-blue);font-family:var(--font-family-primary);font-style:italic}@media (max-width:768px){.conjugation-table{display:block}.table-header{display:none}.table-row{display:block;margin-bottom:1rem;border:1px solid var(--warm-beige);border-radius:0;background:var(--white)}.table-cell{display:block;padding:.6rem 1rem;border-right:none;border-bottom:1px solid var(--warm-beige);width:100%}.table-cell:last-child{border-bottom:none}.person-cell{background:var(--primary-blue);color:var(--white);font-weight:600;width:100%}.english-cell,.spanish-cell{width:100%}.verb-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background-color:#ffffff;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:9999;padding:1rem}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.cookie-consent-text{margin:0;color:#333;font-size:.9rem;flex:1 1}.cookie-consent-buttons{display:flex;gap:.5rem}.cookie-consent-button{padding:.5rem 1.5rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cookie-consent-accept{background-color:#E53E3E;color:white}.cookie-consent-accept:hover{background-color:#C53030}.cookie-consent-deny{background-color:#E2E8F0;color:#2D3748}.cookie-consent-deny:hover{background-color:#CBD5E0}@media (max-width:640px){.cookie-consent-content{flex-direction:column;text-align:center}.cookie-consent-buttons{width:100%;justify-content:center}}.family-tree{background:white;border-radius:0}.generation{margin-bottom:2rem}.generation h3{text-align:center;color:var(--primary-blue);font-size:1.3rem;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--warm-beige)}.family-row{justify-content:center;gap:1rem;flex-wrap:wrap}.family-member,.family-row{display:flex;align-items:center}.family-member{flex-direction:column;background:var(--light-cream);border:1px solid var(--warm-beige);border-radius:8px;padding:1rem;min-width:120px;transition:all .3s ease}.family-member:hover{border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,128,.1)}.family-member.male{border-left:4px solid #4a90e2}.family-member.female{border-left:4px solid #e24a90}.family-member.special.me{background:var(--accent-orange);color:white;border-left:4px solid var(--dark-gold)}.family-member.special.me .english-term{color:white}.member-icon{font-size:2.5rem;margin-bottom:.5rem}.member-info{text-align:center;width:100%}.spanish-term{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.3rem}.spanish-term .term{font-size:1.1rem;font-weight:700;color:var(--primary-blue)}.family-member.special.me .spanish-term .term{color:white}.english-term{font-size:.9rem;color:var(--gray);font-style:italic}.connection-line{flex-shrink:0}.connection-line.horizontal{width:30px;height:2px;background:var(--primary-blue);margin:0 .5rem}.family-spacer{width:60px;flex-shrink:0}.generation-connector{display:flex;justify-content:center;margin:1.5rem 0}.vertical-line{width:2px;height:30px;background:var(--primary-blue)}@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{width:20px;margin:0 .25rem}.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}}.food-categories{background:white;border-radius:0;margin:0!important;padding:0!important}.food-categories-header{text-align:center;margin-bottom:2rem}.food-categories-header h2{font-size:2rem;color:var(--primary-blue)}.food-categories-header p{color:var(--gray);margin:0;font-style:italic}.category-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--light-cream);border-radius:8px}.category-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--warm-beige);border-radius:8px;background:white;cursor:pointer;transition:all .3s ease;font-family:var(--font-family-primary)}.category-button:hover{box-shadow:0 4px 8px rgba(0,0,128,.1)}.category-button.active,.category-button:hover{border-color:var(--primary-blue);transform:translateY(-2px)}.category-button.active{background:var(--primary-blue);color:white;box-shadow:0 4px 12px rgba(0,0,128,.2)}.category-icon{margin-bottom:.25rem}.category-title{font-size:.9rem;font-weight:600;text-align:center;line-height:1.2}.category-content{min-height:400px}.category-heading{text-align:center;font-size:1.5rem;color:var(--primary-blue);margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid var(--warm-beige)}.food-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.food-card{background:white;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);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,128,.1)}.food-content{display:flex;flex-direction:column;gap:.8rem}.spanish-food{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.food-text{font-size:1.2rem;font-weight:700;color:var(--primary-blue)}@media (max-width:768px){.food-categories{padding:1.5rem}.food-categories-header h2{font-size:1.5rem}.category-navigation{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding:.75rem}.category-button{padding:.75rem}.category-icon{font-size:1.5rem}.category-title{font-size:.8rem}.food-items{grid-template-columns:1fr;gap:1rem}.food-card{padding:1rem}.spanish-food{flex-direction:column;align-items:flex-start;gap:.5rem}.food-text{font-size:1.1rem}}@media (max-width:480px){.food-categories{padding:1rem}.category-navigation{grid-template-columns:repeat(2,1fr);gap:.5rem;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}}.grammar-topic-page{padding:0;background:var(--light-cream);min-height:100vh;scroll-behavior:smooth;scroll-padding-top:150px;margin-top:2rem}.section-content h3,h4,h5,h6{margin:0 0 1rem!important;padding:.5rem!important}.grammar-topic-page .section-content>div>h3,.grammar-topic-page .section-content>h3{margin-top:1rem!important}.section-content .inner{padding:1rem!important}.section-content .common-mistakes{background-color:#ffebee;margin:1.5rem 0;border:2px solid #e91e63;padding:1.5rem}.grammar-topic-page .topic-header{background:linear-gradient(135deg,var(--white) 0,#fafbfc 100%);padding:2rem 2rem 0 2.5rem;margin-bottom:2rem;border-radius:1rem;box-shadow:0 8px 32px rgba(0,0,0,.08);border:none;position:relative;overflow:hidden}.grammar-topic-page .topic-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue) 0,var(--accent-orange) 50%,var(--gold) 100%)}.topic-meta{margin-bottom:1.2rem}.grammar-topic-page .topic-meta .topic-cefr,.grammar-topic-page .topic-meta .topic-difficulty,.grammar-topic-page .topic-meta .topic-section{border-radius:12px!important;font-size:.65rem!important;color:var(--white)!important;text-transform:uppercase!important;letter-spacing:.3px!important;padding:.25rem .6rem!important;font-weight:500!important;box-shadow:0 1px 4px rgba(0,0,0,.1)!important;position:relative!important;overflow:hidden!important;display:inline-block!important;border:none!important}.grammar-topic-page .topic-meta .topic-cefr:before,.grammar-topic-page .topic-meta .topic-difficulty:before,.grammar-topic-page .topic-meta .topic-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none}.grammar-topic-page .topic-meta .topic-section{margin-bottom:0!important}.grammar-topic-page .topic-title{font-size:3rem;font-weight:700;color:var(--dark-blue);margin:0 0 1.5rem;font-family:var(--font-family-primary);line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,var(--dark-blue) 0,var(--primary-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.grammar-topic-page .topic-navigation-links{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:0;padding:1.5rem;border:none;border-top:1px solid rgba(61,116,182,.1)}.grammar-topic-page .nav-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(61,116,182,.08);color:var(--primary-blue);text-decoration:none;border:1px solid rgba(61,116,182,.2);border-radius:1rem;font-family:var(--font-family-primary);font-size:.85rem;font-weight:600;transition:all .3s ease;position:relative;text-transform:uppercase;letter-spacing:.3px}.grammar-topic-page .nav-link:after{display:none}.nav-icon{font-size:1rem;opacity:.9;transition:all .3s ease}.grammar-topic-page .nav-link:hover{background:var(--primary-blue);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(61,116,182,.3);border-color:var(--primary-blue)}.grammar-topic-page .nav-link:hover .nav-icon{opacity:1;transform:scale(1.05)}.grammar-topic-page .nav-link:active{transform:translateY(0);box-shadow:0 2px 6px rgba(61,116,182,.2)}.topic-content{width:100%;margin:0}.grammar-topic-page .topic-section{background:var(--white);border:1px solid var(--warm-beige);border-radius:1rem;overflow:hidden;margin-left:0;margin-right:0;margin-bottom:2rem;scroll-margin-top:120px}.grammar-topic-page .section-title{background:var(--primary-blue);color:white;padding:1rem 2rem;margin:0;font-size:1.5rem;font-weight:600;font-family:var(--font-family-primary);text-transform:none;scroll-margin-top:150px}.grammar-topic-page .section-content{padding:0 1.5rem 1.5rem;line-height:1.6;font-family:var(--font-family-primary)}#resources .section-content{padding:1.5rem}#resources .resource-grid-container{margin:0 0 1.5rem!important;padding:0!important;width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:1.5rem!important;gap:1.5rem!important}#resources .resource-card{width:100%;height:100%;box-sizing:border-box}@media (max-width:992px){#resources .resource-grid-container{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){#resources .resource-grid-container{display:flex!important;flex-direction:column!important;gap:1rem!important;margin:0!important;width:100%!important;max-width:100%!important}#resources .resource-card{width:100%;margin-bottom:0}}.section-content h3{font-size:1.5rem;margin:0 0 1rem;font-weight:500}.section-content h3,.section-content p{color:var(--dark-blue);font-family:var(--font-family-primary)}.section-content p{margin-bottom:1rem;font-size:1rem;font-weight:400}.section-content ol,.section-content ul{margin:1rem 0;padding-left:2rem;font-family:var(--font-family-primary)}.section-content li{margin-bottom:.5rem;color:var(--dark-blue);font-family:var(--font-family-primary);font-size:1rem;font-weight:400}.section-content code{padding:.2rem .4rem;font-family:var(--font-family-mono);color:var(--accent-orange);font-weight:600}.section-content code,.section-content pre{background:var(--light-cream);border-radius:0}.section-content pre{padding:1rem;overflow-x:auto;margin:1rem 0;border:1px solid var(--warm-beige)}.section-content blockquote{border-left:4px solid var(--accent-orange);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--dark-blue);font-family:var(--font-family-primary);font-size:1rem;font-weight:400}.memory-trick{background:var(--light-cream);border:1px solid var(--warm-beige);border-radius:0;padding:1.5rem;margin:1.5rem 0}.memory-trick h4{margin:0 0 1rem;color:var(--primary-blue);font-size:1.1rem;font-weight:600}.memory-acronym,.memory-trick h4{font-family:var(--font-family-primary)}.memory-acronym{font-size:1rem;line-height:1.8;color:var(--dark-blue);font-weight:400;word-wrap:break-word;overflow-wrap:break-word}.acronym-letter{background:var(--primary-blue);color:var(--white)!important;padding:.2rem .5rem;border-radius:0;font-weight:700;font-size:1.1rem;margin-right:.5rem;display:inline-block;min-width:1.5rem;text-align:center}@media (max-width:480px){.section-content .inner{padding:.5rem!important;border:none!important}.memory-trick{padding:1rem;margin:1rem 0}.memory-acronym{font-size:.9rem;line-height:1.6}.acronym-letter{font-size:1rem;padding:.15rem .4rem;min-width:1.3rem;margin-right:.3rem}.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{display:inline-block;padding:.8rem 1.5rem;background:var(--primary-blue);border-radius:0;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;min-width:120px;font-family:var(--font-family-primary)}.nav-btn,.nav-btn:hover{color:var(--white);text-decoration:none}.nav-btn:hover{background:var(--dark-blue);transform:translateY(-2px);box-shadow:0 4px 8px rgba(61,116,182,.3)}.nav-btn:disabled{background:var(--gray);cursor:not-allowed;transform:none;box-shadow:none}.nav-spacer{flex:1 1}.quiz-questions-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem;color:var(--primary-blue)!important}@media (min-width:768px){.quiz-questions-container{grid-template-columns:repeat(2,1fr);max-width:100%}}.quiz-question{background:var(--light-cream);padding:.8rem;border-radius:0;border:1px solid var(--warm-beige);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.quiz-question p{font-weight:500;margin:0 0 .5rem;color:var(--dark-blue);font-family:var(--font-family-primary);font-size:.9rem;line-height:1.3}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.4rem;gap:.4rem;margin-top:.5rem}.quiz-option{padding:.5rem .8rem;background:var(--white);border:2px solid var(--warm-beige);border-radius:0;cursor:pointer;transition:all .3s ease;font-family:var(--font-family-primary);font-size:.9rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-option:hover{background:var(--primary-blue);color:white;transform:translateY(-2px);box-shadow:0 4px 8px rgba(61,116,182,.3)}.quiz-option.correct{background:#4CAF50;border-color:#4CAF50;color:white}.quiz-option.incorrect{background:#f44336;border-color:#f44336;color:white}.quiz-option.selected{background:var(--accent-orange);border-color:var(--accent-orange);color:white}@media (max-width:768px){.quiz-questions-container{grid-template-columns:1fr;gap:.8rem}.quiz-options{grid-template-columns:1fr}.quiz-option{text-align:center;white-space:normal}}.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;margin-top:0}.grammar-topic-page .topic-header{padding:1.5rem;margin-bottom:1.5rem}.grammar-topic-page .topic-navigation-links{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem;padding:1.5rem 0 0}.grammar-topic-page .nav-link{padding:.6rem .5rem;font-size:.8rem;gap:.3rem;justify-content:center;text-align:center;flex-direction:row}.grammar-topic-page .nav-link .nav-icon{font-size:1rem}.grammar-topic-page .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{flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.grammar-topic-page .topic-meta .topic-cefr,.grammar-topic-page .topic-meta .topic-difficulty,.grammar-topic-page .topic-meta .topic-section{font-size:.6rem!important;padding:.2rem .5rem!important}.section-title{padding:1rem 1.5rem;font-size:1.2rem}.topic-navigation{flex-direction:column;gap:1rem;align-items:center}.nav-btn{width:100%;max-width:300px}}@media (max-width:480px){.topic-header{padding:.5rem!important}.topic-header .topic-meta,.topic-header h1{padding-left:.5rem;padding-bottom:.5rem;margin-bottom:.5rem}.topic-header .topic-meta{justify-content:left!important}.grammar-topic-page .topic-title{font-size:1.8rem}.section-title{padding:.8rem 1rem;font-size:1.1rem}.section-content{padding:0 .75rem .75rem!important;border:none!important}#resources .section-content{padding:1rem!important}.section-content h3,h4{margin:0 0 1rem!important;padding:.5rem!important}.topic-meta{gap:.3rem}.grammar-topic-page .topic-meta .topic-cefr,.grammar-topic-page .topic-meta .topic-difficulty,.grammar-topic-page .topic-meta .topic-section{font-size:.55rem!important;padding:.15rem .4rem!important;border-radius:10px!important}}.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{margin:.8rem 0;padding:.8rem;border-left:3px solid;background-color:#f8f9fa!important}.conjugation-row.blue{border-left-color:#2196f3}.conjugation-row.pink{border-left-color:#e91e63}.conjugation-row.green{border-left-color:#4caf50}.example-box{margin:1rem 0;border-left:4px solid}.comparison-box,.example-box{padding:1rem;background-color:#f8f9fa!important}.comparison-box{border-radius:0;border:1px solid}.comparison-box *{font-size:1rem!important}.comparison-box strong{font-weight:700!important;margin-bottom:.5rem!important;display:inline-block}.info-card{padding:1.5rem;margin:1.5rem 0;border-radius:0;border:2px solid}.info-card h4{margin:0 0 1rem!important;font-size:1.2rem!important}.info-card p{margin:0 0 1rem!important;color:#333!important;font-size:1rem!important}.grammar-content{padding:1rem!important;border-radius:0!important}.topic-content .example{font-weight:700!important}.topic-content .translation{font-style:italic!important;font-weight:400!important}.grammar-content *{font-size:1rem!important;color:#333}.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-meta .topic-cefr,.grammar-topic-page .topic-meta .topic-difficulty,.grammar-topic-page .topic-meta .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:white!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:white!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}.topic-nav-link:hover{background-color:#f0f0f0!important;box-shadow:0 4px 12px rgba(0,0,128,.1)}@media (max-width:768px){.topic-nav-link{max-width:100%!important;width:100%}}.grid-three-desktop,.grid-two-desktop{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.grid-three-desktop,.grid-two-desktop{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-three-desktop{grid-template-columns:repeat(3,1fr)}.grid-two-desktop{grid-template-columns:repeat(2,1fr)}}header.header{background-color:var(--primary-blue);color:var(--white);padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:1000;width:100vw;margin-left:calc(-50vw + 50%);left:0;right:0}header .container{padding:0;position:relative}.header-content{display:flex;justify-content:space-between;align-items:center;gap:5rem;max-width:1200px;margin:0 auto;padding:0 2rem;flex-wrap:nowrap}nav ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}nav a{color:var(--white);font-weight:500;transition:color .3s ease;padding:.5rem 1rem;border-radius:0}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;max-width:450px;margin:0 auto}.desktop-search{display:block}.mobile-search-toggle{display:none;background:#f0f0f0;border:2px solid var(--primary-blue);color:var(--primary-blue);padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .3s ease;flex-shrink:0;width:40px;height:40px}.mobile-search-toggle.active{background:var(--warm-beige)!important;border-color:var(--primary-blue)!important}@media (hover:hover) and (pointer:fine){.mobile-search-toggle:hover:not(.active){background:var(--warm-beige);border-color:var(--primary-blue)}}@media (hover:none) and (pointer:coarse){.mobile-search-toggle:active:not(.active){background:rgba(234,200,166,.5);transition:background .1s ease}}.mobile-search-dropdown{position:absolute;top:100%;margin-top:.4rem;left:0;right:0;background:var(--white);border-top:2px solid var(--primary-blue);box-shadow:0 4px 15px rgba(0,0,0,.1);z-index:999;padding:1rem}.mobile-controls{display:none;align-items:center;gap:.5rem;z-index:10}.mobile-menu-toggle{display:none;background:#f0f0f0;border:2px solid var(--primary-blue);border-radius:4px;cursor:pointer;padding:0;width:40px;height:40px;position:relative;transition:all .3s ease}.mobile-menu-toggle.active{background:var(--warm-beige)!important;border-color:var(--primary-blue)!important}@media (hover:hover) and (pointer:fine){.mobile-menu-toggle:hover:not(.active){background:var(--warm-beige);border-color:var(--primary-blue)}}@media (hover:none) and (pointer:coarse){.mobile-menu-toggle:active:not(.active){background:rgba(234,200,166,.5);transition:background .1s ease}}.mobile-menu-toggle.active .hamburger-line:first-child{transform:translateX(-50%) rotate(45deg);top:50%}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateX(-50%) rotate(-45deg);top:50%}.hamburger-line{display:block;width:22px;height:2px;background:var(--primary-blue);border-radius:2px;position:absolute;left:50%;transform:translateX(-50%);transition:all .3s ease;pointer-events:none}.hamburger-line:first-child{top:12px}.hamburger-line:nth-child(2){top:50%;transform:translateX(-50%) translateY(-50%)}.hamburger-line:nth-child(3){bottom:12px}.mobile-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;box-shadow:0 4px 20px rgba(0,0,0,.15);border-top:2px solid var(--primary-blue);z-index:9999;animation:slideDown .3s ease}.mobile-nav{display:block!important}.mobile-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.mobile-nav li{border-bottom:1px solid #e0e0e0;list-style:none}.mobile-nav li:last-child{border-bottom:none}.mobile-nav a{display:block;padding:1.2rem 1.5rem;color:#333;text-decoration:none;font-weight:600;transition:all .3s ease;font-size:1.1rem;background:transparent}.mobile-nav a:hover{background:var(--light-cream);color:var(--primary-blue)}@media (max-width:1024px){.header-content,nav ul{gap:1rem}nav a{padding:.5rem .75rem;font-size:.9rem}}@media (max-width:768px){.header-content{gap:.25rem;padding:0 .75rem;flex-direction:row!important;justify-content:space-between;align-items:center;flex-wrap:nowrap!important}.logo{flex-shrink:0}.desktop-search,nav{display:none}.mobile-controls{display:flex}.mobile-search-toggle{padding:0;font-size:1.1rem}.mobile-menu-toggle,.mobile-search-toggle{display:block;width:44px;height:44px}}@media (max-width:480px){header{padding:.75rem 0}.header-content{gap:.125rem;padding:0 .5rem}.mobile-search-toggle{padding:0;font-size:1.05rem}.mobile-menu-toggle,.mobile-search-toggle{width:40px;height:40px}.hamburger-line{width:20px;height:2px}.hamburger-line:first-child{top:10px}.hamburger-line:nth-child(3){bottom:10px}.mobile-search-dropdown{padding:.75rem}}@media (max-width:360px){.header-content{gap:.3rem;padding:0 .25rem}.mobile-search-toggle{font-size:1rem}.mobile-menu-toggle,.mobile-search-toggle{padding:0;width:36px;height:36px}.hamburger-line{width:18px;height:2px}.hamburger-line:first-child{top:9px}.hamburger-line:nth-child(3){bottom:9px}}@media (max-width:896px) and (max-height:414px) and (orientation:landscape){header{padding:.5rem 0}.header-content{gap:.5rem}nav a{padding:.3rem .5rem;font-size:.8rem}}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1;padding:0 0 2rem;background-color:var(--light-cream)}.loading-screen{background:var(--light-cream,#FBF5DE);width:100%;font-family:var(--font-family-primary,"Work Sans",sans-serif)}.loading-content,.loading-screen{display:flex;align-items:center;justify-content:center}.loading-content{flex-direction:column;text-align:center;gap:1.5rem}.loading-spinner-container{display:flex;align-items:center;justify-content:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,128,.1);border-top:4px solid var(--primary-blue,#000080);animation:loading-spin 1s linear infinite}.loading-message{color:var(--primary-blue,#000080);font-size:1.1rem;font-weight:500;margin:0;letter-spacing:.5px}@keyframes loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.loading-spinner{width:35px;height:35px;border-width:3px}.loading-message{font-size:1rem}.loading-content{gap:1.25rem}}@media (max-width:480px){.loading-spinner{width:30px;height:30px}.loading-message{font-size:.95rem}.loading-content{gap:1rem;padding:1rem}}.logo-link{text-decoration:none;color:inherit}.logo,.logo-link{display:flex;align-items:center}.logo{gap:.75rem;flex-shrink:0}.logo-icon,.speech-bubble{display:flex;align-items:center;justify-content:center}.speech-bubble{width:2.5rem;height:2rem;background:#DC3C22;border-radius:.5rem;position:relative;box-shadow:0 2px 4px rgba(220,60,34,.3)}.speech-bubble:after{content:"";position:absolute;bottom:-.25rem;left:.5rem;width:0;height:0;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top:.5rem solid #dc3c22}.checkmark{color:#FFD700;font-size:1.2rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);transform:scale(1.1)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-line{font-weight:700;font-family:var(--font-family-primary)}.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}.mp3-player{flex-direction:column;gap:.5rem;padding:1rem;background:var(--white);border:2px solid var(--primary-blue);border-radius:0;margin:.5rem 0}.mp3-controls,.mp3-player{display:flex;align-items:center}.mp3-controls{gap:1rem;width:100%;max-width:300px}.play-button{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:2px solid var(--primary-blue);background:var(--white);color:var(--primary-blue);border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:1.2rem;flex-shrink:0}.play-button:hover{background:var(--primary-blue);color:var(--white);transform:scale(1.1)}.play-button.playing{background:var(--accent-orange);border-color:var(--accent-orange);color:var(--white);animation:pulse 1.5s infinite}.mp3-progress{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.progress-bar{width:100%;height:6px;background:var(--warm-beige);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary-blue);border-radius:50%;cursor:pointer}.progress-bar::-moz-range-thumb{width:16px;height:16px;background:var(--primary-blue);border-radius:50%;cursor:pointer;border:none}.time-display{justify-content:space-between;font-size:.8rem;color:var(--gray)}.mp3-title{font-weight:600;color:var(--primary-blue);text-align:center;font-size:.9rem}@media (max-width:768px){.mp3-player{padding:.75rem}.mp3-controls{gap:.75rem}.play-button{width:2.5rem;height:2.5rem;font-size:1rem}.time-display{font-size:.7rem}.mp3-title{font-size:.8rem}}.resources-section{margin:2rem 0}.featured-section h1{text-align:center}.resources-title{font-size:1.4rem;font-weight:500;color:var(--dark-blue);margin-bottom:1.5rem;font-family:var(--font-family-primary)}.resources-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-select{padding:.5rem 1rem;border:2px solid var(--warm-beige);font-family:var(--font-family-primary);font-size:.9rem;min-width:150px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.resource-card{background:var(--white);border:1px solid var(--warm-beige);border-radius:0;padding:1rem;box-shadow:0 2px 6px rgba(0,0,0,.06)}.resource-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.resource-header{margin-bottom:.8rem}.resource-title{margin:0 0 .6rem;font-size:1rem;font-weight:500;font-family:var(--font-family-primary)}.resource-badges{display:flex;gap:.5rem;flex-wrap:wrap}.resource-category,.resource-difficulty,.resource-free{padding:.2rem .6rem;border-radius:0;font-size:.7rem;font-weight:700;color:var(--white);text-transform:none;letter-spacing:.3px}.resource-free{background:#28a745!important}.resource-rating{color:#ffc107;margin-left:.5rem;display:flex;align-items:center}.resource-description{color:var(--dark-blue);font-size:.85rem;line-height:1.4;margin-bottom:.8rem;font-family:var(--font-family-primary)}.resource-tags{margin-bottom:.8rem}.resource-tag{background:var(--light-cream)}.resource-tag,.resource-tag-more{padding:.2rem .5rem;color:var(--dark-blue);border-radius:0;font-size:.7rem;font-family:var(--font-family-primary)}.resource-tag-more{background:var(--warm-beige);font-weight:500;font-style:italic}.resource-footer{border-top:1px solid var(--warm-beige);padding-top:.8rem}.resource-link{display:inline-block;padding:.5rem 1rem;background:var(--primary-blue);color:var(--white);border-radius:0;font-size:.9rem;font-weight:500;font-family:var(--font-family-primary);transition:all .3s ease}.resource-link:hover{background:var(--accent-orange);transform:translateY(-1px);box-shadow:0 2px 8px rgba(220,60,34,.3)}@media (max-width:768px){.resources-grid{grid-template-columns:1fr;gap:1rem}.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}}.header .search-bar{position:relative;max-width:400px;margin:0 auto}.header .search-input-container{position:relative;max-width:100%}.header .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--gray);pointer-events:none;z-index:1}.search-bar .search-input{padding:.5rem .5rem .5rem 3rem;box-sizing:border-box;font-size:1rem;border:2px solid var(--light-gray);background:var(--white);color:var(--black);transition:all .3s ease;border-radius:0;box-shadow:0 4px 15px rgba(0,0,0,.1);width:100%}.search-bar .search-input:focus{outline:none;border-color:var(--gold);box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-2px)}.header .search-input::placeholder{color:var(--gray);opacity:.7}.search-dropdown-loading{background:white;border:1px solid var(--light-gray);border-radius:8px;padding:1rem;margin-top:.5rem;box-shadow:0 6px 20px rgba(0,0,0,.15);color:var(--gray);text-align:center;font-size:.9rem;opacity:0;animation:fadeIn .2s ease-in-out forwards}.result-item.coming-soon{opacity:.5}.result-item.coming-soon .result-title{color:#6c757d!important;display:flex;gap:.5rem;font-weight:600!important;margin-bottom:.25rem!important;font-size:1rem!important;line-height:1.3!important}.result-item.coming-soon.selected{background-color:#e6f3ff!important;border-left:4px solid #6c757d!important}.header .result-item.coming-soon.selected .result-title{color:#6c757d!important}.coming-soon-badge{background:#6c757d;color:#ffffff;font-size:.6rem;font-weight:500;padding:.15rem .4rem;border-radius:.75rem;text-transform:uppercase}.result-item.coming-soon .result-excerpt{color:#9ca3af!important;font-size:.85rem!important;line-height:1.4!important;margin-bottom:.5rem!important;text-align:left!important}.result-item.coming-soon:hover{background-color:#f0f8ff!important}.search-results{position:absolute!important;top:100%!important;left:0!important;right:0!important;background:var(--white)!important;border:2px solid var(--light-gray)!important;border-top:none!important;max-height:400px!important;overflow-y:auto!important;z-index:1000!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important;border-radius:0!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{padding:1rem 1.5rem!important;border-bottom:1px solid var(--light-gray)!important;cursor:pointer!important;transition:background-color .2s ease!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:1rem!important;background:var(--white)!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-weight:600!important;margin-bottom:.25rem!important;font-size:1rem!important;line-height:1.3!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{display:flex!important;align-items:flex-start!important;flex-shrink:0!important;margin-top:.25rem!important}.result-category{padding:.2rem .5rem!important;background:#f8f9fa!important;color:var(--gray)!important;font-size:.65rem!important;font-weight:600!important;text-transform:uppercase!important;border-radius:0!important;letter-spacing:.5px!important;border:1px solid var(--light-gray)!important}.result-item.selected .result-category{background:var(--primary-blue)!important;color:var(--white)!important;border-color:var(--primary-blue)!important}.search-suggestions{padding:1rem 1.5rem!important;border-bottom:1px solid var(--light-gray)!important;background:var(--light-cream)!important}.suggestions-title{font-weight:600!important;color:var(--primary-blue)!important;margin-bottom:.75rem!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.5px!important}.suggestions-list{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.suggestion-tag{padding:.5rem 1rem!important;background:var(--white)!important;border:1px solid var(--gold)!important;color:var(--gray)!important;text-decoration:none!important;font-size:.85rem!important;font-weight:500!important;transition:all .3s ease!important;border-radius:0!important;cursor:pointer!important}.suggestion-tag:hover{background:var(--gold)!important;color:var(--black)!important;text-decoration:none!important;transform:translateY(-1px)!important}.search-tips{padding:1rem 1.5rem!important;background:var(--light-cream)!important;border-top:1px solid var(--light-gray)!important}.tips-title{font-weight:600!important;color:var(--primary-blue)!important;margin-bottom:.5rem!important;font-size:.9rem!important}.tips-list{list-style:none!important;padding:0!important;margin: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{content:"•"!important;position:absolute!important;left:0!important;color:var(--gold)!important;font-weight:700!important}.no-results{padding:2rem 1.5rem!important;text-align:center!important;color:var(--gray)!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){.header .search-bar{max-width:100%}.header .search-icon{left:.875rem;font-size:.9rem}.header .search-input{padding:.875rem 1.25rem .875rem 2.5rem;font-size:1rem}.result-item{padding:.875rem 1.25rem!important;gap:.75rem!important}.result-meta{margin-top:0!important}.suggestions-list{gap:.375rem!important}.suggestion-tag{padding:.375rem .75rem!important;font-size:.8rem!important}}@media (max-width:480px){.header .search-icon{left:.75rem;font-size:.85rem}.header .search-input{padding:.75rem 1rem .75rem 2.5rem;font-size:16px}.header .result-item{padding:.75rem 1rem!important;gap:.5rem!important}.header .result-title{font-size:.95rem!important}.result-excerpt{font-size:.8rem!important}.result-category{font-size:.6rem!important;padding:.15rem .4rem!important}.suggestion-tag{padding:.25rem .5rem!important;font-size:.75rem!important}}.vocabulary-download{max-width:800px;margin:0 auto;padding:20px;background:#ffffff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.features-highlight{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}.feature{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.1)}.upgrade-note{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border:2px solid #fdcb6e;padding:12px 16px;border-radius:8px;margin-top:20px;font-size:.95rem;color:#2d3436;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px rgba(253,203,110,.5)}to{box-shadow:0 0 20px rgba(253,203,110,.8)}}.download-header{text-align:center;margin-bottom:30px}.download-header h2{color:#2c3e50;font-size:2rem;margin-bottom:10px;font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.download-header p{color:#7f8c8d;font-size:1.1rem;line-height:1.5}.template-selection{margin:25px 0;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.template-selection h3{color:#2c3e50;margin-bottom:15px;font-size:1.2rem}.template-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:15px;gap:15px;margin-bottom:15px}.template-option{cursor:pointer;display:block}.template-option input[type=radio]{display:none}.template-card{padding:15px;border:2px solid #e1e8ed;border-radius:6px;background:white;transition:all .3s ease;height:100%}.template-option input[type=radio]:checked+.template-card{border-color:#3498db;background:#ebf3fd;box-shadow:0 2px 8px rgba(52,152,219,.2)}.template-card:hover{border-color:#3498db;box-shadow:0 2px 4px rgba(52,152,219,.1)}.template-name{font-weight:600;color:#2c3e50;font-size:1.1rem;margin-bottom:5px}.template-description{color:#7f8c8d;font-size:.9rem;line-height:1.4}.template-preview-btn{padding:8px 16px;border:1px solid #bdc3c7;background:white;color:#2c3e50;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.template-preview-btn:hover{background:#ecf0f1;border-color:#95a5a6}.template-details{margin-top:15px;padding:15px;background:white;border-radius:6px;border:1px solid #ddd}.template-detail{display:none;padding:15px;border-radius:4px;margin-bottom:10px}.template-detail.active{display:block;background:#f8f9fa;border:1px solid #3498db}.template-detail h4{color:#2c3e50;margin-bottom:10px;font-size:1rem}.template-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px}.feature-group strong{color:#34495e;display:block;margin-bottom:5px}.feature-group ul{list-style:none;padding:0;margin:0}.feature-group li{color:#7f8c8d;font-size:.85rem;padding:2px 0 2px 12px;position:relative}.feature-group li:before{content:"•";color:#3498db;position:absolute;left:0}.download-options{display:grid;grid-gap:25px;gap:25px;margin-bottom:30px}.download-option{padding:20px;border:2px solid #ecf0f1;border-radius:8px;background:#f8f9fa;transition:all .3s ease}.download-option:hover{border-color:#3498db;background:#ffffff;box-shadow:0 2px 8px rgba(52,152,219,.1)}.download-option h3{color:#2c3e50;font-size:1.3rem;margin-bottom:8px;font-weight:600}.download-option p{color:#7f8c8d;margin-bottom:15px;line-height:1.4}.download-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:48px;justify-content:center}.download-btn:disabled{opacity:.6;cursor:not-allowed}.download-btn.primary{background:linear-gradient(135deg,#3498db,#2980b9);color:white;box-shadow:0 2px 4px rgba(52,152,219,.3)}.download-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 4px 8px rgba(52,152,219,.4)}.download-btn.secondary{background:#ecf0f1;color:#2c3e50;border:2px solid #bdc3c7}.download-btn.secondary:hover:not(:disabled){background:#d5dbdb;border-color:#95a5a6}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor}.category-selector{margin-top:20px;padding:20px;border-radius:8px;border:1px solid #ddd}.selector-controls{display:flex;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.control-btn{padding:6px 12px;border:1px solid #bdc3c7;background:#ecf0f1;color:#2c3e50;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.control-btn:hover{background:#d5dbdb;border-color:#95a5a6}.selected-count{color:#7f8c8d;font-size:.9rem;font-weight:500;padding:6px 12px;background:#f8f9fa;border-radius:4px;margin-left:auto}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px;margin-bottom:25px}.category-checkbox{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e1e8ed;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#f8f9fa}.category-checkbox:hover{background:#ffffff;border-color:#3498db;box-shadow:0 2px 4px rgba(52,152,219,.1)}.category-checkbox input[type=checkbox]{display:none}.categories-grid .checkmark{width:20px;height:20px;border:2px solid #bdc3c7;border-radius:3px;position:relative;flex-shrink:0;transition:all .2s ease}.category-checkbox input[type=checkbox]:checked+.checkmark{background:#3498db;border-color:#3498db}.category-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.category-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1}.category-icon{font-size:1.2rem;flex-shrink:0}.category-name{font-weight:500;color:#2c3e50;flex:1 1;min-width:0}.category-count{color:#7f8c8d;font-size:.85rem;flex-shrink:0}.download-info{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #3498db}.download-info h4{color:#2c3e50;margin-bottom:12px;font-size:1.1rem}.download-info ul{list-style:none;padding:0}.download-info li{color:#34495e;margin-bottom:8px;line-height:1.4;font-size:.95rem}@media (max-width:768px){.vocabulary-download{padding:15px;margin:10px}.download-header h2{font-size:1.6rem}.categories-grid,.template-features,.template-options{grid-template-columns:1fr}.selector-controls{flex-direction:column;align-items:stretch}.selected-count{margin-left:0;text-align:center}.download-btn{width:100%;padding:14px 20px}}@media (max-width:480px){.category-checkbox{padding:10px}.category-info{flex-direction:column;align-items:flex-start;gap:4px}.download-header h2{font-size:1.4rem}.download-option h3{font-size:1.1rem}}.grammar-tooltip-wrapper{position:relative;display:inline}.grammar-tooltip-trigger{color:var(--primary-blue,#2563eb);text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:2px;cursor:help;transition:all .2s ease}.grammar-tooltip-trigger:hover{color:var(--primary-blue-dark,#1d4ed8);text-decoration-thickness:2px}.grammar-tooltip-trigger:focus{outline:2px solid var(--primary-blue,#2563eb);outline-offset:2px;border-radius:2px}.grammar-tooltip{position:fixed;background:white;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);z-index:9999;min-width:280px;max-width:350px;opacity:0;transition:opacity .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;text-align:left;letter-spacing:normal}.grammar-tooltip-arrow-border{position:absolute;bottom:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #e5e7eb;z-index:1}.grammar-tooltip-arrow-border[style*="top: -"]{border-top:none;border-bottom:9px solid #e5e7eb;top:-9px!important;bottom:auto}.grammar-tooltip-arrow{position:absolute;bottom:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white;z-index:2}.grammar-tooltip-arrow[style*="top: -"]{border-top:none;border-bottom:8px solid white}.grammar-tooltip-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:20px;line-height:1;color:#6b7280;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.grammar-tooltip-close:hover{background-color:#f3f4f6;color:#374151}.grammar-tooltip-header{margin-bottom:8px!important;padding-bottom:8px!important;border-bottom:1px solid #f3f4f6;color:var(--primary-blue,#2563eb)!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important}.grammar-tooltip-content{color:#374151;text-transform:none!important}.grammar-tooltip-content,.grammar-tooltip-content p{font-size:.9rem!important;line-height:1.5!important;font-weight:400!important;letter-spacing:normal!important}.grammar-tooltip-content p{margin:0 0 8px!important;padding:0!important;color:#374151!important;text-align:left!important}.grammar-tooltip-examples{margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6}.grammar-tooltip-examples small{color:#6b7280;font-weight:600;display:block;margin-bottom:4px;font-size:.85rem}.grammar-tooltip-examples ul{list-style:none;padding:0;margin:4px 0 0}.grammar-tooltip-examples li{padding:2px 0!important;color:#4b5563!important;font-style:italic!important;font-size:.85rem!important;line-height:1.3!important;margin:0!important}.grammar-tooltip-loading{padding:8px;text-align:center;color:#6b7280}.grammar-tooltip-error{padding:8px;text-align:center;color:#ef4444}.grammar-tooltip-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:9998}.grammar-tooltip-backdrop-desktop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);z-index:9998;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@media (max-width:640px){.grammar-tooltip{position:fixed;z-index:10000}}.vocabulary-template{background:var(--light-cream);min-height:100vh;padding:0;position:relative;z-index:1;margin-top:2rem;font-family:var(--font-family-primary)}.vocabulary-template .container{max-width:1200px;margin:0 auto;padding:0 1rem}.vocabulary-header{background:linear-gradient(135deg,var(--white) 0,#fafbfc 100%);padding:3rem 2.5rem 0;margin-bottom:2rem;border-radius:1rem;box-shadow:0 8px 32px rgba(0,0,0,.08);border:none;position:relative;overflow:hidden}.vocabulary-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue) 0,var(--accent-orange) 50%,var(--gold) 100%)}.back-link{display:inline-block;color:var(--primary-blue);font-family:var(--font-family-primary)}.back-link:hover{color:var(--accent-orange)}.topic-meta{margin-bottom:1rem}.vocabulary-template .section h2{background:var(--primary-blue);color:white;padding:1rem 2rem;margin:0;font-size:1.5rem;font-weight:600;font-family:var(--font-family-primary);text-transform:none;scroll-margin-top:150px;border-radius:1rem 1rem 0 0!important}.topic-meta .topic-difficulty,.topic-meta .topic-section,.topic-meta .word-count-badge{border-radius:0;font-size:.75rem!important;color:var(--white);text-transform:none;letter-spacing:.3px;padding:.2rem!important}.topic-meta .topic-section{margin-bottom:0!important}.vocabulary-template .section{padding:0 0 1.5rem!important;background:var(--white)}.vocabulary-template .section>div.family-tree,.vocabulary-template .section>div.food-categories{margin:0!important;padding:0!important}.vocabulary-template .section>:not(h2),.vocabulary-template .section>div.family-tree>:not(h2),.vocabulary-template .section>div.food-categories>:not(h2){margin:1.5rem 1.5rem 0!important}.vocabulary-template .topic-title{font-size:3rem;font-weight:700;color:var(--dark-blue);margin:0 0 2rem;font-family:var(--font-family-primary);line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,var(--dark-blue) 0,var(--primary-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:flex;align-items:center;gap:1rem}.category-icon{font-size:2.5rem;margin-bottom:0}.category-description{color:var(--gray);font-size:1.1rem;margin-bottom:2rem;line-height:1.6;opacity:.9}.topic-navigation-links{display:flex;gap:0;flex-wrap:wrap;margin-bottom:1rem;border:2px solid var(--primary-blue);border-radius:0;overflow:hidden;background:white}.vocabulary-template .nav-link{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:white;color:var(--primary-blue);text-decoration:none;border:none;border-right:1px solid var(--primary-blue);border-radius:0;font-family:var(--font-family-primary);font-size:1rem;font-weight:600;transition:all .3s ease;cursor:pointer}.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:white}.vocabulary-template .nav-link:after,.vocabulary-template .nav-link:hover:after{display:none!important}.vocabulary-content{margin-bottom:3rem}.section-header{text-align:center}.section-header h2{font-size:2rem;margin:0 0 .5rem}.section-header p{font-size:1.1rem;color:var(--gray);margin:0}.word-category-group{margin-bottom:3rem}.word-category-group:last-child{margin-bottom:0}.category-header{font-size:1.5rem;font-weight:600;color:var(--primary-blue);margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--warm-beige);position:relative}.category-header:before{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--primary-blue)}.words-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.word-card{background:white;border:2px solid var(--warm-beige);border-radius:0;padding:.5rem 1.5rem;transition:all .3s ease;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.word-card:hover{border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,128,.1)}.word-content{display:flex;flex-direction:column;gap:.25rem}.spanish-word{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.word-text{font-size:1.3rem;font-weight:700;color:var(--primary-blue)}.english-translation{font-size:1rem;color:var(--gray);font-family:var(--font-family-primary)}.word-example{margin-top:.5rem;padding-top:.8rem;border-top:1px solid var(--light-gray)}.example-spanish{font-size:.95rem;color:var(--primary-blue);margin-bottom:.3rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.example-english{font-size:.9rem;color:var(--gray);font-style:italic}.phrases-list{gap:1.5rem}.phrase-card{background:white;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 rgba(0,0,128,.1)}.phrase-content{display:flex;flex-direction:column;gap:.8rem}.spanish-phrase{display:flex;align-items:center;justify-content:space-between;gap:1rem}.phrase-text{font-size:1.4rem;font-weight:700;color:var(--primary-blue)}.phrase-example{margin-top:.5rem;padding-top:.8rem;border-top:1px solid var(--light-gray)}.example-header{font-size:.9rem;font-weight:600;color:var(--primary-blue);margin-bottom:.5rem}.no-results{color:var(--gray)}.no-results p{font-size:1.1rem;margin:0}.vocabulary-footer{border-top:2px solid var(--primary-blue);padding:2rem 0;margin-top:3rem}.footer-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.btn-primary:disabled{background:var(--gray);cursor:not-allowed}@media (max-width:768px){.vocabulary-header{padding:.75rem}.header-content{flex-direction:column;gap:.5rem}.category-icon,.header-text h1{font-size:1.5rem}.words-grid{grid-template-columns:1fr;gap:1rem}.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{padding:.8rem 1rem;font-size:.9rem}.vocabulary-header{margin-left:1rem;margin-right:1rem;padding:2rem 1.5rem 1.5rem}.vocabulary-template .topic-title{font-size:2.2rem}.category-icon{font-size:2rem}.vocabulary-template .nav-link{padding:.8rem 1rem;font-size:.9rem}}@media (max-width:480px){.vocabulary-template .container{padding:0 .5rem}.topic-title{margin-bottom:0!important;margin-top:.5rem!important}.vocabulary-header{margin-left:.5rem;margin-right:.5rem;padding:1.5rem 1rem 1rem}.vocabulary-template .topic-title{font-size:1.8rem;flex-direction:column;text-align:center;gap:.5rem}.category-icon{font-size:1.8rem}.category-description{font-size:1rem;text-align:center;margin-bottom:0}.vocabulary-template .nav-link{padding:.8rem 1rem;font-size:.9rem}.phrase-card,.word-card{padding:.75rem}.search-input{padding:.8rem 2.5rem .8rem .8rem}}.topic-nav-link:hover{background-color:#fff!important;border-color:var(--primary-blue)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.voice-selector{position:relative;display:inline-block}.voice-selector-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--white);border:2px solid var(--primary-blue);color:var(--primary-blue);border-radius:0;cursor:pointer;font-size:.9rem;transition:all .3s ease}.voice-selector-button:hover{background:var(--primary-blue);color:var(--white)}.voice-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:2px solid var(--primary-blue);border-top:none;border-radius:0 0 0 0;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.1)}.voice-option{display:flex;align-items:center;border-bottom:1px solid var(--warm-beige)}.voice-option:last-child{border-bottom:none}.voice-option-button{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;padding:.75rem;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease}.voice-option-button:hover{background:var(--light-cream)}.voice-option-button.selected{background:var(--primary-blue);color:var(--white)}.voice-name{font-weight:600;font-size:.9rem}.voice-lang{font-size:.8rem;opacity:.7;margin-top:.2rem}.test-voice-button{padding:.5rem;background:none;border:none;cursor:pointer;font-size:1rem;transition:all .2s ease}.test-voice-button:hover{background:var(--accent-orange);color:var(--white)}@media (max-width:768px){.voice-selector-button{font-size:.8rem;padding:.4rem .8rem}.voice-dropdown{max-height:150px}.voice-option-button{padding:.6rem}.voice-name{font-size:.8rem}.voice-lang{font-size:.7rem}}.footer{background-color:var(--primary-blue);color:var(--white);padding:2rem 0 1rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:3rem;gap:3rem;margin-bottom:2rem}@media (max-width:1024px){.footer-content{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem}}.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);padding-top:1rem;text-align:center;color:var(--light-cream)}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center;gap:2rem}.footer-section{display:flex;flex-direction:column;align-items:center}.footer-section h3,.footer-section h4{text-align:center;width:100%}.footer-section ul{padding:0;margin:0;width:100%;display:flex;flex-direction:column;align-items:center}.footer-section ul li{text-align:center;width:100%}.footer-section p{text-align:center;max-width:300px}}.interactive-world-map{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.1)}.countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.country-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.country-card.hovered,.country-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:var(--accent-orange);background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.country-card.selected{border-color:#dc3545;background:linear-gradient(135deg,#ffebee,#ffcdd2);transform:translateY(-6px);box-shadow:0 10px 30px rgba(220,53,69,.3)}.country-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.country-flag-large{font-size:2.5rem;line-height:1}.country-name{margin:0;font-size:1.3rem;font-weight:600;color:var(--primary-blue);flex:1 1}.country-card-info{margin-bottom:1rem}.country-region{font-size:.9rem;color:var(--accent-orange);font-weight:500;margin-bottom:.3rem}.country-population{font-size:.85rem;color:var(--gray)}.click-indicator{font-size:.8rem;color:var(--primary-blue);opacity:.7;transition:opacity .3s ease}.country-card:hover .click-indicator{opacity:1}.visual-map-container{background:linear-gradient(135deg,#f0f8ff,#e3f2fd);border:2px solid var(--primary-blue);border-radius:12px;padding:2rem;margin-bottom:2rem}.continent-sections{display:grid;grid-gap:2rem;gap:2rem}.continent-section{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.continent-header{font-size:1.2rem;font-weight:700;color:var(--primary-blue);margin-bottom:1rem;text-align:center}.continent-countries{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.mini-country-pill{background:var(--primary-blue);color:white;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.mini-country-pill:hover{background:var(--accent-orange)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.map-legend{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.legend-color{width:20px;height:20px;border-radius:4px;border:1px solid #dee2e6}.legend-color.spanish-speaking{background:var(--primary-blue)}.legend-color.non-spanish{background:#e0e0e0}.legend-note{margin-left:auto;font-style:italic;color:var(--gray);font-size:.9rem}.country-details{background:linear-gradient(135deg,var(--primary-blue),#1976d2);color:white;border-radius:12px;padding:0;margin-bottom:2rem;box-shadow:0 6px 20px rgba(0,0,0,.15);animation:slideIn .3s ease-out}.country-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(255,255,255,.1);border-radius:12px 12px 0 0;border-bottom:1px solid rgba(255,255,255,.2)}.country-flag{font-size:2rem}.country-header h3{flex:1 1;margin:0;font-size:1.5rem;font-weight:600}.close-btn{background:rgba(255,255,255,.2);border:none;color:white;width:30px;height:30px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.country-info{padding:1.5rem}.info-row{display:flex;margin-bottom:.8rem;font-size:1rem;line-height:1.6}.info-row:last-child{margin-bottom:0}.info-row strong{min-width:100px;margin-right:1rem;color:rgba(255,255,255,.9)}.map-stats{display:flex;justify-content:center;gap:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:2px solid var(--primary-blue)}.stat-item{text-align:center}.stat-number{line-height:1}.stat-label{color:var(--gray);text-transform:uppercase;letter-spacing:.5px}@media (max-width:768px){.interactive-world-map{padding:1rem}.countries-grid{grid-template-columns:1fr;gap:1rem}.country-card{padding:1rem}.country-flag-large{font-size:2rem}.country-name{font-size:1.1rem}.continent-section,.visual-map-container{padding:1rem}.continent-countries{gap:.5rem}.mini-country-pill{font-size:.8rem;padding:.4rem .8rem}.map-legend{flex-direction:column;align-items:flex-start;gap:1rem}.legend-note{margin-left:0;align-self:center}.country-header{padding:1rem}.country-header h3{font-size:1.3rem}.map-stats{gap:1rem}.stat-number{font-size:1.5rem}.info-row{flex-direction:column;gap:.3rem}.info-row strong{min-width:auto;margin-right:0}}@media (max-width:480px){.country-card-header{flex-direction:column;text-align:center;gap:.5rem}.close-btn{position:absolute;top:1rem;right:1rem}.map-stats{flex-direction:column;gap:1rem}.continent-sections{gap:1rem}}@media (prefers-reduced-motion:reduce){.close-btn,.country,.country-details{transition:none}.country.spanish-speaking.selected{animation:none}}.country:focus{outline:3px solid var(--accent-orange);outline-offset:2px}.close-btn:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.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{text-align:center;font-size:1.1rem;color:var(--gray);max-width:800px;margin:2rem auto 0}.mission{margin-bottom:3rem}.mission h2{color:var(--primary-blue);font-size:2rem;margin-bottom:2rem;text-align:center}.mission-content{background:var(--white);padding:2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.mission-content p{color:var(--gray);line-height:1.8;margin-bottom:1.5rem;font-size:1.1rem;text-align:center}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.reason{background:var(--white);padding:2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}.reason h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.3rem}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.offering{background:var(--white);padding:2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center;border-left:4px solid var(--gold)}.offering h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.3rem}.offering p{color:var(--gray);line-height:1.6}.contact-info{background:var(--white);padding:2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);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);padding:1.5rem;border-radius:8px;margin-top: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}}.greetings-custom{margin-top:2rem}.section{background:white;overflow:hidden}.section h2{background:#1a2e5f;color:white;font-size:1.3rem;margin:0;padding:.75rem 1.25rem;font-weight:600}.section-intro{font-size:.95rem;padding:1rem 1.25rem .75rem;margin:0;background:#f8f9fa}.formality-wrapper,.situation-selector,.time-selector{background:white}.formality-toggle,.situation-tabs,.time-selector{display:flex;background:white;padding:0;margin:0;border-radius:8px;overflow:hidden}.formality-btn,.situation-tab,.time-button{flex:1 1;background:#f8f9fa;border:none;border-right:1px solid #e9ecef;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:#495057;font-weight:500;min-height:60px}.time-button{flex-direction:column;padding:1rem .75rem}.formality-btn:first-child,.situation-tab:first-child,.time-button:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.formality-btn:last-child,.situation-tab:last-child,.time-button:last-child{border-right:none;border-top-right-radius:8px;border-bottom-right-radius:8px}.formality-btn:hover,.situation-tab:hover,.time-button:hover{background:#e9ecef}.formality-btn.active,.situation-tab.active,.time-button.active{background:#ff9800;color:white;position:relative}.formality-btn.active:after,.situation-tab.active:after,.time-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#e67e00}.tab-icon,.time-icon{font-size:1.5rem}.tab-title,.time-title{font-weight:600;font-size:.95rem}.time-range{font-size:.8rem;opacity:.9;margin-top:.25rem}.comparison-table,.dialogue-container,.time-greetings-display{padding:1.25rem;background:white}.dialogue-container h3,.time-greetings-display h3{color:#2c3e50;margin:0 0 1.25rem;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.greetings-list{display:grid;grid-gap:.75rem;gap:.75rem}.greeting-card{padding:1rem;background:#fff8f0;border-radius:6px;border-left:3px solid #ff9800;transition:all .2s ease}.greeting-card:hover{transform:translateX(5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.greeting-spanish{font-size:1.15rem;font-weight:600;color:#e74c3c;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.greeting-phonetic{color:#718096;font-style:italic;margin-bottom:.4rem;font-size:.85rem}.greeting-english{color:#2d3748;font-size:.95rem}.dialogue-line{background:#f8f9fa}.dialogue-line.you{border-left:3px solid #3498db}.dialogue-line.caller,.dialogue-line.clerk,.dialogue-line.friend,.dialogue-line.them{border-left:3px solid #e74c3c}.speaker{font-weight:600;color:#2c3e50;min-width:70px}.speech{flex:1 1}.spanish{font-size:1.1rem;font-weight:500;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.phonetic{color:#718096;font-style:italic;margin-bottom:.25rem;font-size:.85rem}.english{color:#2d3748;font-size:.95rem}.comparison-row{display:grid;grid-template-columns:120px 1fr 1fr;grid-gap:1rem;gap:1rem;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:.75rem}.situation-label{font-weight:600;color:#2c3e50;font-size:.95rem}.comparison-item{padding:1rem;background:white;border-radius:6px;transition:all .3s ease;border:2px solid transparent}.comparison-item.highlighted{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#ff9800}.comparison-item.dimmed{opacity:.5}.comparison-item .spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem}.comparison-item .english{color:#6c757d;font-size:.9rem}.formality-tips{padding:1.5rem;background:#f8f9fa;margin-top:1rem}.formality-tips h4{color:#2c3e50;margin-bottom:1rem;font-size:1.1rem}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tip-card{border-radius:10px;border-top:3px solid #3498db}.tip-card.informal{border-top-color:#e74c3c}.tip-card h5{color:#2c3e50;margin-bottom:1rem;font-size:1.05rem}.tip-card ul{list-style:none;padding:0;margin:0}.tip-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#495057;font-size:.95rem}.tip-card li:before{content:"•";position:absolute;left:0;color:#3498db;font-weight:700}.phrases-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1.5rem}.phrase-card-enhanced{padding:1.5rem;background:white;border:1px solid #e9ecef;border-radius:10px;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.phrase-card-enhanced:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1);border-color:#ff9800}.phrase-icon{font-size:2.5rem;margin-bottom:1rem}.phrase-content,.phrase-icon{text-align:center}.spanish-large{font-size:1.3rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;justify-content:center}.memory-tip,.spanish-large{display:flex;align-items:center;gap:.5rem}.memory-tip{padding:.75rem;background:#fff8f0;border-radius:6px;font-size:.85rem;color:#718096;margin-top:1rem;text-align:left}.tip-icon{font-size:1rem}.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;padding:1.5rem}@media (max-width:992px){.insights-grid{grid-template-columns:1fr}}.insight-card{padding:1.5rem;background:white;border-radius:10px;transition:all .3s ease;border:1px solid #e9ecef}.insight-card:hover{transform:translateX(5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.insight-card h3{color:#2c3e50;margin:0 0 .75rem;font-size:1.1rem}.insight-card p{color:#495057;line-height:1.6;margin:0;font-size:.95rem}.practice-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;padding:1.5rem}.scenario-card{padding:1.5rem;background:white;border-radius:10px;border:1px solid #e9ecef;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.scenario-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.scenario-card h4{color:#2c3e50;margin:0 0 1rem;font-size:1.05rem}.question{color:#718096;margin-bottom:1rem;font-style:italic;font-size:.95rem}.answer{padding:1rem;background:#e8f5e9;border-radius:6px;display:flex;align-items:center;gap:.75rem}.correct{color:#27ae60;font-weight:600;font-size:1rem}.cultural-insights,.essential-phrases,.formality-section,.practice-quiz,.situation-scenarios,.time-greetings{background:white}@media (max-width:768px){.formality-toggle,.situation-tabs,.time-selector{flex-direction:column}.formality-btn,.situation-tab,.time-button{width:100%;border-right:none;border-bottom:1px solid #e9ecef}.formality-btn:last-child,.situation-tab:last-child,.time-button:last-child{border-bottom:none}.comparison-row{grid-template-columns:1fr;gap:.5rem}.situation-label{text-align:center;padding:.5rem;background:#f8f9fa;border-radius:6px}.insights-grid,.practice-scenarios,.tips-grid{grid-template-columns:1fr}.dialogue-line{flex-direction:column}.speaker{min-width:auto}.phrases-grid{grid-template-columns:1fr}}@media (max-width:992px){.phrases-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.body-health-custom{margin-top:2rem}.body-explorer{background:linear-gradient(135deg,#ffe6e6,#f8f9fa)}.body-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.system-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.system-tab-wrapper{flex:1 1;position:relative;display:flex;align-items:center;justify-content:center}.system-details h3 .audio-player{margin-left:.5rem}.system-tab{flex:1 1;width:100%;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.system-tab:hover{background:#e9ecef}.system-tab.active{background:#e74c3c;color:white}.system-icon{font-size:1.5rem}.system-name{display:flex;align-items:center;gap:.3rem;font-weight:600}.system-content{padding:2rem}.system-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.body-parts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}@media (max-width:992px){.body-parts-grid{grid-template-columns:repeat(2,1fr)}}.body-part-card{background:#f8f9fa;padding:1rem;border-radius:8px;text-align:center;transition:all .3s ease;border:2px solid transparent}.body-part-card:hover{background:#e9ecef;transform:translateY(-3px);border-color:#e74c3c;box-shadow:0 4px 12px rgba(231,76,60,.2)}.part-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.part-english{color:#6c757d;font-style:italic;font-size:.9rem}.symptoms-section{background:linear-gradient(135deg,#fff0e6,#f8f9fa)}.symptoms-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.symptom-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.symptom-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;color:#6c757d}.symptom-tab:hover{background:#e9ecef}.symptom-tab.active{background:#f39c12;color:white}.symptom-icon{font-size:1.2rem}.symptom-content{padding:2rem}.symptom-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.symptoms-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.symptom-item{background:#f8f9fa;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.symptom-item:hover{background:#e9ecef;transform:translateX(5px)}.symptom-spanish{font-weight:600;color:#e74c3c;display:flex;align-items:center;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{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.emergency-card{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center;transition:all .3s ease;border:2px solid #e74c3c}.emergency-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(231,76,60,.2);background:#fee}.emergency-spanish{font-size:1.1rem;font-weight:700;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.emergency-english{color:#6c757d;font-size:.95rem}.healthy-lifestyle{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.lifestyle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.lifestyle-category{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease}.lifestyle-category:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #27ae60}.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{background:#f8f9fa;padding:.75rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.lifestyle-item:hover{background:#e9ecef;transform:translateX(5px)}.healthcare-tips{background:linear-gradient(135deg,#fff0f5,#f8f9fa)}@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,.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{padding:.75rem;flex-direction:column;gap:.5rem}.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{flex-direction:column;align-items:flex-start;gap:.5rem}.tips-grid{grid-template-columns:1fr}}.clothing-appearance-custom{margin-top:2rem}.fashion-categories{background:linear-gradient(135deg,#ffeef8,#f8f9fa)}.category-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.category-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.category-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.category-tab:hover{background:#e9ecef}.category-tab.active{background:#e91e63;color:white}.category-tab.active .category-name{color:white}.category-name{font-weight:600}.category-content{padding:2rem}.category-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.clothing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.clothing-item{background:#f8f9fa;padding:1rem;border-radius:8px;text-align:center;transition:all .3s ease;border:2px solid transparent}.clothing-item:hover{background:#e9ecef;transform:translateY(-3px);border-color:#e91e63;box-shadow:0 4px 12px rgba(233,30,99,.2)}.item-spanish{margin-bottom:.5rem;justify-content:center}.seasonal-wardrobe{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.season-tab{-webkit-user-select:none;user-select:none;outline:none}.season-tab:focus-visible{box-shadow:inset 0 0 0 2px #27ae60}.season-details h3{margin-bottom:1rem}.season-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #27ae60}.temperature{background:#27ae60;color:white;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.season-recommendations h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.recommendation-item{background:#f8f9fa;padding:.75rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.recommendation-item:hover{background:#e9ecef;transform:translateX(5px)}.rec-spanish{font-weight:600;color:#e74c3c;display:flex;align-items:center;gap:.5rem}.rec-english{color:#6c757d;font-style:italic;font-size:.9rem}.style-advice{background:#e8f5e8;padding:1.5rem;border-radius:8px;border-left:4px solid #27ae60}.advice-text{font-size:1.1rem;line-height:1.5}.advice-spanish{color:#2c3e50;font-weight:500;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.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:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.appearance-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.appearance-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;color:#6c757d}.appearance-tab:hover{background:#e9ecef}.appearance-tab.active{background:#3498db;color:white}.appearance-icon{font-size:1.2rem}.appearance-content{padding:2rem}.appearance-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.feature-category{background:#f8f9fa;padding:1.5rem;border-radius:8px;transition:all .3s ease}.feature-category:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.feature-category h4{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #3498db;font-weight:600}.feature-options{display:flex;flex-direction:column;gap:.75rem}.feature-option{background:white;padding:.75rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.feature-option:hover{background:#e9ecef;transform:translateX(5px)}.option-spanish{font-weight:600;color:#e74c3c;display:flex;align-items:center;gap:.5rem}.option-english{color:#6c757d;font-style:italic;font-size:.9rem}.size-fit{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.size-fit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.size-fit-item{background:white;padding:1rem;border-radius:8px;text-align:center;transition:all .3s ease;border:2px solid transparent}.size-fit-item:hover{transform:translateY(-3px);border-color:#3498db;box-shadow:0 4px 12px rgba(52,152,219,.2)}.fit-spanish{font-size:1.1rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.fit-english{color:#6c757d;font-style:italic;font-size:.95rem}.fashion-culture{background:linear-gradient(135deg,#fffbf0,#f8f9fa)}@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{padding:.75rem;flex-direction:column;gap:.5rem}.size-fit-item{padding:.75rem}.feature-category{padding:1rem}.feature-option,.recommendation-item{flex-direction:column;align-items:flex-start;gap:.5rem}.culture-tips,.size-fit-grid{grid-template-columns:1fr}}.colors-numbers-custom{margin-top:2rem}.color-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.color-item{text-align:center;transition:transform .2s ease}.color-item:hover{transform:translateY(-5px)}.color-swatch{width:100%;height:100px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:.75rem;cursor:pointer;position:relative;transition:box-shadow .2s ease}.color-swatch:hover{box-shadow:0 6px 20px rgba(0,0,0,.25)}.white-border{position:absolute;inset:0;border:2px solid #e0e0e0;border-radius:8px}.color-info{text-align:center}.color-spanish{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.color-phonetics{font-size:.9rem;color:#6c757d;font-style:italic;margin-bottom:.25rem}.color-english{font-size:1rem;color:#495057}.color-combinations{margin-top:2rem}.color-combinations h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem}.combo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.combo-item{background:white;padding:1rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);gap:1rem}.combo-item,.combo-spanish{display:flex;align-items:center}.combo-spanish{font-weight:600;color:#e74c3c;flex:1 1;gap:.5rem}.combo-english{color:#6c757d;flex:1 1}.combo-demo{width:60px;height:30px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.15)}.counting-nav{text-align:center;margin-bottom:2rem}.lesson-btn{background:#3498db;color:white;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.lesson-btn:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.3)}.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:white;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}.lesson-block h3{color:#2c3e50;font-size:1.5rem;margin-bottom:.5rem}.lesson-description{color:#6c757d;margin-bottom:1.5rem}.numbers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.number-card{background:#f8f9fa;padding:1.5rem 1rem;border-radius:8px;text-align:center;transition:all .2s ease;border:2px solid transparent}.number-card:hover{background:#e9ecef;border-color:#3498db;transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.number-digit{font-size:2rem;font-weight:700;color:#3498db;margin-bottom:.5rem}.number-spanish{font-size:1.1rem;font-weight:600;color:#e74c3c;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;word-break:break-word;line-height:1.3}.number-phonetics{font-size:.9rem;color:#6c757d;font-style:italic}.compound-examples{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-top:1.5rem}.compound-examples h4{color:#2c3e50;margin-bottom:1rem}.compound-list{display:grid;grid-gap:.75rem;gap:.75rem}.compound-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:white;border-radius:6px;font-size:1.1rem}.compound-number{font-weight:700;color:#3498db;min-width:40px}.compound-arrow{color:#95a5a6}.compound-spanish{font-weight:600;color:#e74c3c;flex:1 1;display:flex;align-items:center;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{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.pattern-card{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.pattern-card h4{color:#e74c3c;margin-bottom:.5rem;font-size:1.2rem}.pattern-card p{color:#6c757d;font-size:.95rem;margin-bottom:.75rem}.pattern-card ul{list-style:none;padding:0}.pattern-card li{padding:.25rem 0;color:#495057}.practice-tips{background:#fff4e6;padding:1.5rem;border-radius:8px;margin-top:2rem;border-left:4px solid #f39c12}.practice-tips h3{color:#f39c12;margin-bottom:1rem}.practice-tips ul{list-style:none;padding:0}.practice-tips li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#495057}.practice-tips li:before{content:"✓";position:absolute;left:0;color:#f39c12;font-weight:700}.quick-reference{background:#e8f4fd}.reference-card li{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.reference-card .audio-player{margin-left:.25rem}.reference-card .audio-player button{width:18px;height:18px;font-size:.6rem}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.reference-card{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.reference-card h3{color:#2c3e50;margin-bottom:1rem;font-size:1.3rem}.reference-card ul{list-style:none;padding:0}.reference-card li{padding:.5rem 0;color:#495057;border-bottom:1px solid #f0f0f0}.reference-card li:last-child{border-bottom:none}.reference-card p{color:#6c757d;margin-bottom:.75rem}@media (max-width:768px){.section{padding:1.5rem}.color-palette{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.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{width:100%;margin-top:.5rem}}.culture-leisure-custom{margin-top:2rem}.venues-explorer{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.venue-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.venue-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.venue-tab-wrapper{flex:1 1;position:relative;display:flex;align-items:center;justify-content:center}.venue-details h3 .audio-player{margin-left:.5rem}.venue-tab{flex:1 1;width:100%;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.venue-tab:hover{background:#e9ecef}.venue-tab.active{background:#f39c12;color:white}.venue-icon{font-size:1.5rem}.venue-name{display:flex;align-items:center;gap:.3rem;font-weight:600}.venue-content{padding:2rem}.venue-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.venue-activities{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}@media (max-width:992px){.venue-activities{grid-template-columns:repeat(2,1fr)}}.venue-activity{background:#f8f9fa;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.venue-activity:hover{background:#e9ecef;transform:translateX(5px)}.hobbies-activities{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.activity-tab{justify-content:center;font-size:1rem;font-weight:500}.activity-tab.active{background:#3498db}.activity-icon{font-size:1.2rem}.activity-details h3{display:flex;align-items:center;gap:.5rem}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}@media (max-width:992px){.activity-grid{grid-template-columns:repeat(2,1fr)}}.activity-card{background:#f8f9fa;padding:1rem;border-radius:8px;text-align:center;transition:all .3s ease;border:2px solid transparent}.activity-card:hover{background:#e9ecef;transform:translateY(-3px);border-color:#3498db;box-shadow:0 4px 12px rgba(52,152,219,.2)}.activity-card .activity-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.activity-card .activity-english{color:#6c757d;font-style:italic;font-size:.9rem}.festivals-calendar{background:linear-gradient(135deg,#fff0f5,#f8f9fa)}.season-tab.active{background:#e91e63}.season-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.festivals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.festival-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;transition:all .3s ease;border:2px solid transparent}.festival-card:hover{background:white;transform:translateY(-5px);border-color:#e91e63;box-shadow:0 8px 25px rgba(233,30,99,.15)}.festival-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.festival-spanish{font-size:1.2rem;font-weight:700;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.festival-english{color:#6c757d;font-style:italic;font-size:1rem}.festival-description{color:#2c3e50;margin-bottom:1rem;line-height:1.5}.festival-info{display:flex;justify-content:space-between;font-size:.9rem;color:#6c757d}.festival-location,.festival-month{display:flex;align-items:center;gap:.3rem}.weekend-plans{background:linear-gradient(135deg,#f0f8ff,#f8f9fa)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.plans-category{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease}.plans-category:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.plans-category h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #3498db}.phrases-list{gap:.75rem}.weekend-phrase{background:#f8f9fa;padding:.75rem;border-radius:6px;transition:all .2s ease}.weekend-phrase:hover{background:#e9ecef;transform:translateX(5px)}.cultural-tips{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}@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{padding:1rem;font-size:.9rem}.venue-activities .venue-activity,.weekend-phrase{flex-direction:column;align-items:flex-start;gap:.5rem}.activity-card .activity-spanish{flex-direction:column;gap:.3rem}.tips-grid{grid-template-columns:1fr}}.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{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #28a745}.directions-list,.locations-list{display:flex;flex-direction:column;gap:1rem}.location-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .3s ease;border-left:4px solid #28a745}.location-item:hover{background:#e9ecef;transform:translateX(5px)}.location-spanish{font-size:1.1rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.location-details{display:flex;justify-content:space-between;align-items:center}.location-english{color:#6c757d;font-style:italic}.location-type{background:#28a745;color:white;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.direction-item{background:#f8f9fa;padding:1rem;border-radius:6px;transition:all .2s ease}.direction-item:hover{background:#e9ecef;transform:translateX(3px)}.direction-spanish{font-weight:600;color:#e74c3c;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.direction-english{color:#6c757d;font-style:italic;font-size:.9rem}.transport-methods{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.transport-tab{justify-content:center;font-size:1rem;font-weight:500}.transport-tab.active{background:#2196f3}.transport-icon{font-size:1.2rem}.transport-details h3{margin-bottom:1.5rem}.transport-vocab-directions{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.phrases-section h4,.vocab-section h4{border-bottom:2px solid #2196f3}.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}.dialogue-line.person2{background:#f3e5f5}.interactive-routes{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.route-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.route-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.route-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:#6c757d}.route-tab:hover{background:#e9ecef}.route-tab.active{background:#9c27b0;color:white}.route-content{padding:2rem}.route-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem}.route-header{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #9c27b0}.route-info{justify-content:space-between;margin-top:1rem}.route-endpoints,.route-info{display:flex;align-items:center}.route-endpoints{gap:1rem}.destination,.start{font-weight:600;color:#2c3e50}.arrow{color:#9c27b0;font-size:1.2rem}.route-stats{display:flex;gap:1rem}.distance,.time{background:#9c27b0;color:white;padding:.3rem .6rem;border-radius:12px;font-size:.9rem;font-weight:500}.route-steps h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.step-number{background:#9c27b0;font-weight:600}.step-english{color:#6c757d;font-style:italic;font-size:.9rem}.landmarks{background:linear-gradient(135deg,#ffebee,#f8f9fa)}.landmarks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.landmark-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;border-top:4px solid #f44336;text-align:center}.landmark-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(244,67,54,.2)}.landmark-spanish{font-size:1.2rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.landmark-english{color:#6c757d;font-style:italic;margin-bottom:1rem;font-size:.95rem}.landmark-description{background:#f8f9fa;padding:.75rem;border-radius:6px;color:#2c3e50;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.navigation-culture{background:linear-gradient(135deg,#e1f5fe,#f8f9fa)}@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{grid-template-columns:1fr;gap:1.5rem}.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{padding:.75rem;flex-direction:column;gap:.5rem}.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{flex-direction:column;gap:.5rem;align-items:flex-start}}.education-school-custom{margin-top:2rem}.school-areas{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.area-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.area-tab{flex:1 1}.area-tab.active{background:#28a745}.area-name{text-align:center}.area-details h3{margin-bottom:1rem}.area-description{color:#6c757d;font-style:italic;margin-bottom:1.5rem;padding:1rem;background:#e8f5e8;border-radius:8px;border-left:4px solid #28a745}.area-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.academic-subjects{background:linear-gradient(135deg,#fff3e0,#f8f9fa)}.subject-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.subject-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.subject-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.subject-tab:hover{background:#e9ecef}.subject-tab.active{background:#ff9800;color:white}.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{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem}.subject-vocabulary-section h4,.tools-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #ff9800}.subject-vocab-list,.tools-list{display:flex;flex-direction:column;gap:1rem}.subject-vocab-item,.tool-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .3s ease;border-left:4px solid #ff9800}.subject-vocab-item:hover,.tool-item:hover{background:#e9ecef;transform:translateX(5px)}.subject-vocab-spanish,.tool-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.subject-vocab-english,.tool-english{color:#6c757d;font-style:italic}.student-scenarios{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.scenario-tab.active{background:#2196f3}.situation-description{background:#e3f2fd;border-left:4px solid #2196f3}.scenario-vocabulary-section h4,.steps-section h4{border-bottom:2px solid #2196f3}.step-number{background:#2196f3}.educational-conversations{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.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}.education-culture{background:linear-gradient(135deg,#fff8e1,#f8f9fa)}@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{grid-template-columns:1fr;gap:1.5rem}.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{padding:.75rem;flex-direction:column;gap:.5rem}.tip-card{padding:1rem}.culture-tips{grid-template-columns:1fr}}.emergency-safety-custom{margin-top:2rem}.emergency-services{background:linear-gradient(135deg,#ffebee,#f8f9fa)}.service-tab{gap:.3rem}.service-tab.active{background:#dc3545}.service-number{background:rgba(220,53,69,.1);color:#dc3545;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:700}.service-tab.active .service-number{background:rgba(255,255,255,.2);color:white}.service-details h3{margin-bottom:1rem}.service-info{margin-bottom:1.5rem}.emergency-number{background:#dc3545;color:white;padding:1rem;border-radius:8px;text-align:center;margin-bottom:1rem}.number-label{display:block;font-size:.9rem;margin-bottom:.5rem}.number{font-size:2rem;font-weight:700;display:block}.service-description{text-align:center}.phrases-section h4,.vocabulary-section h4{border-bottom:2px solid #dc3545}.phrase-item,.vocabulary-item{border-left:4px solid #dc3545}.crisis-scenarios{background:linear-gradient(135deg,#fff3e0,#f8f9fa)}.scenario-tab{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem}.scenario-icon{font-size:1.5rem}.scenario-name{font-weight:600;text-align:center}.scenario-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem}.situation-description{background:#fff3e0;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #ff9800;font-weight:500}.scenario-info-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem}.scenario-vocabulary-section h4,.steps-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #ff9800}.steps-list{display:flex;flex-direction:column;gap:1rem}.step-item{display:flex;gap:1rem;background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .2s ease}.step-item:hover{background:#e9ecef;transform:translateX(5px)}.step-number{background:#ff9800;color:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content{flex:1 1}.step-spanish{font-weight:600;color:#e74c3c;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.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;padding:.75rem;border-radius:6px;transition:all .2s ease}.scenario-vocab-item:hover{background:#e9ecef;transform:translateX(3px)}.scenario-vocab-spanish{font-weight:600;color:#e74c3c;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.scenario-vocab-english{color:#6c757d;font-style:italic;font-size:.9rem}.safety-protocols{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.protocol-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.protocol-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.protocol-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.protocol-tab:hover{background:#e9ecef}.protocol-tab.active{background:#28a745;color:white}.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{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem}.equipment-section h4,.protocol-steps-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #28a745}.equipment-list,.protocol-steps-list{display:flex;flex-direction:column;gap:1rem}.equipment-item,.protocol-step-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .3s ease;border-left:4px solid #28a745}.equipment-item:hover,.protocol-step-item:hover{background:#e9ecef;transform:translateX(5px)}.equipment-spanish,.protocol-step-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.equipment-english,.protocol-step-english{color:#6c757d;font-style:italic}.emergency-communication{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.communication-tab{white-space:nowrap}.communication-tab.active{background:#2196f3}.communication-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.communication-info-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem}.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)}@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{grid-template-columns:1fr;gap:1.5rem}.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{padding:.75rem;flex-direction:column;gap:.5rem}.tip-card{padding:1rem}.communication-info-grid,.culture-tips,.protocol-info-grid,.scenario-info-grid{grid-template-columns:1fr}}.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:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.restaurant-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.restaurant-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.restaurant-tab:hover{background:#e9ecef}.restaurant-tab.active{background:#28a745;color:white}.restaurant-icon{font-size:1.5rem}.restaurant-name{font-weight:600;text-align:center}.restaurant-content{padding:2rem}.restaurant-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.restaurant-description{color:#6c757d;font-style:italic;margin-bottom:1.5rem;padding:1rem;background:#e8f5e8;border-radius:8px;border-left:4px solid #28a745}.restaurant-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.phrases-section h4,.vocabulary-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #28a745}.phrases-list,.vocabulary-list{display:flex;flex-direction:column;gap:1rem}.phrase-item,.vocabulary-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .3s ease;border-left:4px solid #28a745}.phrase-item:hover,.vocabulary-item:hover{background:#e9ecef;transform:translateX(5px)}.phrase-spanish,.vocab-spanish{font-size:1.1rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.phrase-english,.vocab-english{color:#6c757d;font-style:italic}.spanish-cuisine{background:linear-gradient(135deg,#fff3e0,#f8f9fa)}.cuisine-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.cuisine-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.cuisine-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.cuisine-tab:hover{background:#e9ecef}.cuisine-tab.active{background:#ff9800;color:white}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.dish-card{background:#f8f9fa;padding:1.5rem;border-radius:12px;transition:all .3s ease;border-left:4px solid #ff9800}.dish-card:hover{background:#e9ecef;transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.dish-header{margin-bottom:1rem}.region-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ff9800,#f57c00);color:white}.dish-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.dish-english{color:#2c3e50;margin-bottom:.5rem;font-weight:500}.dish-description{color:#6c757d;font-size:.9rem;font-style:italic}.cooking-methods{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.cooking-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.cooking-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.cooking-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.cooking-tab:hover{background:#e9ecef}.cooking-tab.active{background:#2196f3;color:white}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.method-item{background:#f8f9fa;padding:1.5rem;border-radius:12px;transition:all .3s ease;border-left:4px solid #2196f3}.method-item:hover{background:#e9ecef;transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.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}@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{grid-template-columns:1fr;gap:1.5rem}.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{padding:.75rem;flex-direction:column;gap:.5rem}.tip-card{padding:1rem}.culture-tips{grid-template-columns:1fr}.dish-spanish,.method-spanish{font-size:1rem}}.grammar{background:var(--light-cream);min-height:100vh;font-family:var(--font-family-primary)}.grammar-categories{margin-bottom:3rem}.grammar-categories h1{text-align:center;font-size:3.5rem;font-weight:800;color:var(--primary-blue);margin-bottom:.5rem}.grammar .categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;margin-bottom:2rem}.grammar .category-card-link{text-decoration:none;color:inherit;display:block;transition:transform .3s ease;height:100%}.grammar .category-card{background:white;border-radius:1rem;padding:1.5rem 1.5rem 1rem;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:all .3s ease;display:flex;flex-direction:column;min-height:340px;height:340px;border-top:4px solid #e0e0e0;position:relative;width:100%;box-sizing:border-box;overflow:hidden}@media (max-width:768px){.grammar-categories h1{font-size:2.5rem!important}.grammar .section-subtitle{font-size:1rem!important;margin-bottom:0!important}.grammar .category-card{height:auto;min-height:280px}}.grammar .category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));opacity:0;transition:opacity .3s ease}.grammar .category-card-link:hover .category-card{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.grammar .category-card-link:hover .category-card:before{opacity:1}.grammar .card-header{display:flex;justify-content:flex-end;align-items:center}.grammar .category-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,rgba(61,116,182,.1),rgba(220,60,34,.1))}.grammar .word-count{background:linear-gradient(135deg,var(--primary-blue),#1976d2);color:white;padding:.25rem .6rem;border-radius:12px;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.grammar .word-count.beginner{background:linear-gradient(135deg,#28a745,#20c997)}.grammar .word-count.intermediate{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529}.grammar .word-count.advanced{background:linear-gradient(135deg,#dc3545,#c82333)}.grammar .category-card h3{color:var(--primary-blue);margin-bottom:.75rem;font-size:1.4rem;font-weight:600;min-height:3.5rem;line-height:1.4rem;overflow:hidden}.grammar .card-description,.grammar .category-card h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.grammar .card-description{color:#495057;margin-bottom:1rem;line-height:1.6;flex:1 1;font-size:.95rem;min-height:3.8rem}@media (max-width:768px){.grammar .card-description,.grammar .category-card h3{min-height:auto}}.grammar .card-action{margin-top:auto;padding:1rem 0;border-top:1px solid #e9ecef;color:var(--primary-blue);font-weight:600;font-size:.95rem;text-align:right;transition:all .3s ease;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.grammar .category-card-link:hover .card-action{color:var(--accent-orange);transform:translateX(5px)}.grammar .search-filters-section{background:white;padding:2rem;border-radius:1rem;box-shadow:0 5px 20px rgba(0,0,0,.08);margin-bottom:2rem}.grammar .search-box{position:relative;margin-bottom:1.5rem}.grammar .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d;z-index:2;pointer-events:none;font-size:1rem}.grammar .search-box .search-input{width:100%;padding:1rem 1rem 1rem 3rem!important;border:2px solid #e9ecef;border-radius:.5rem;font-size:16px;transition:border-color .3s ease;background:white;box-sizing:border-box}@media screen and (max-width:768px){.grammar .search-input{font-size:16px!important;transform:none}}.grammar .search-box .search-input:focus{outline:none;border-color:var(--gold)}.grammar .filters-row{align-items:center;margin-bottom:1rem}.grammar .filters-row,.grammar .filters-sub-row{display:flex;gap:1rem;flex-wrap:wrap}.grammar .filter-group{flex:1 1;min-width:200px}.grammar .filter-select{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:.5rem;font-size:1rem;background:white;transition:border-color .3s ease;appearance:none;color:black;-moz-appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat,repeat;background-position:right .7em top 50%;background-size:.65em auto}.grammar .filter-select:focus{outline:none;border-color:var(--gold)}.grammar .clear-filters-btn{background:var(--accent-orange);color:white;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.grammar .clear-filters-btn:hover{background:#dc5a00;transform:translateY(-2px)}.grammar .results-info{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#6c757d}.grammar .results-count{font-weight:600}.grammar .category-card-link.topic-disabled .category-card{background:#f8f9fa;opacity:.7}.grammar .category-card-link.topic-disabled .category-card:before{background:#dee2e6}.grammar .category-card-link.topic-disabled:hover .category-card{transform:none;box-shadow:0 5px 20px rgba(0,0,0,.08)}.grammar .category-card-link.topic-disabled .word-count{background:#6c757d!important;opacity:.8;padding:.25rem .6rem;border-radius:12px;font-size:.65rem;font-weight:500}.grammar .category-card-link.topic-disabled h3{color:#6c757d}.grammar .coming-soon-badge{background:#f0f0f0;color:#666;font-size:.7rem;padding:.15rem .4rem;border-radius:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem}.grammar .no-results{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:#6c757d}.grammar .no-results-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.grammar .no-results h2{color:var(--primary-blue);margin-bottom:1rem}.learning-path{margin-bottom:3rem}.learning-path h2{text-align:center;font-size:2.5rem;color:var(--primary-blue);margin-bottom:.5rem;font-weight:700}.grammar .tips-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.grammar .tip-card{background:white;padding:2rem;border-radius:1rem;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:all .3s ease;border-top:4px solid var(--primary-blue)}.grammar .tip-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.12)}.grammar .tip-card h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.grammar .tip-icon{font-size:1.5rem}.grammar .tip-card p{color:#495057;line-height:1.6}.grammar .coming-soon{background:white;padding:3rem 2rem;border-radius:1rem;box-shadow:0 5px 20px rgba(0,0,0,.08);text-align:center;margin-bottom:3rem}.grammar .coming-soon h2{color:var(--primary-blue);margin-bottom:1rem;font-size:2rem;font-weight:700}.grammar .coming-soon p{color:#495057;font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}@media (max-width:768px){.search-input-wrapper{flex:1 1 auto!important;width:auto!important}.desktop-filter-controls{display:none!important}.mobile-filter-controls{display:flex!important}.mobile-clear-btn{display:block!important}.search-input-wrapper select{display:none}.grammar .filters-row{flex-direction:column;align-items:stretch}.grammar .filters-sub-row{flex-direction:column}.grammar .filter-group{min-width:auto}.grammar .tips-grid{grid-template-columns:1fr}.grammar .category-card,.grammar .search-filters-section{padding:1.5rem}}@media (max-width:480px){.grammar{padding:0 1rem}.grammar-categories h1{font-size:2rem!important}.learning-path h2{font-size:2rem}.grammar .coming-soon h2{font-size:1.8rem}.grammar .category-card{min-height:240px}.grammar .search-filters-section{padding:1rem}}.grammar-section{padding:2rem 0;min-height:100vh;background-color:var(--light-cream)}.grammar-section .container{max-width:1100px;margin:0 auto;padding:0 1rem}.section-header{border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid var(--light-gray)}.back-link{display:inline-flex;align-items:center;color:var(--gray);text-decoration:none;font-weight:500;margin-bottom:1rem;transition:color .3s ease}.back-link:hover{color:var(--primary-blue);text-decoration:none}.section-title{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.section-icon,.section-title h1{font-size:2.5rem;color:var(--primary-blue)}.section-title h1{margin:0;font-weight:700}.section-description{color:var(--gray);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.section-stats{display:flex;gap:1rem;flex-wrap:wrap}.cefr-range,.topic-count{padding:.5rem 1rem;border-radius:25px;font-weight:600;font-size:.9rem}.cefr-range{background:var(--gold);color:var(--black)}.section-not-found{text-align:center;padding:4rem 2rem;background:var(--white);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid var(--light-gray)}.section-not-found h1{color:var(--primary-blue);margin-bottom:1rem}.cefr-level-group{margin-bottom:3rem}.grammar-section .level-header{color:var(--white);padding:1rem 2rem;border-radius:15px;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.2);background:var(--primary-blue)}.topic-card{box-shadow:0 8px 25px rgba(0,0,0,.1)}.topic-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.topic-header{margin:0 0 1rem!important}.topic-header h3{color:var(--primary-blue)}.cefr-level,.difficulty{border-radius:12px}.difficulty{background:var(--primary-blue)}.cefr-level{background:var(--gold)}.tag{border-radius:15px}.view-topic-btn{border-radius:25px}.section-navigation{background:var(--white);border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid var(--light-gray)}.section-navigation h3{color:var(--primary-blue);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.section-links{display:flex;gap:1rem;flex-wrap:wrap}.section-link{padding:.75rem 1.5rem;background:var(--light-cream);border:2px solid var(--gold);border-radius:25px;color:var(--gray);text-decoration:none;font-weight:500;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{padding:1.5rem;margin-bottom:1.5rem}.section-icon,.section-title h1{font-size:2rem}.topics-grid{grid-template-columns:1fr;gap:1rem}.topic-card{padding:1.25rem}.section-links{flex-direction:column}.section-link{text-align:center}}@media (max-width:480px){.section-title{flex-direction:column;text-align:center;gap:.5rem}.section-stats{justify-content:center}.topic-meta{justify-content:left}.topic-actions{justify-content:center}}.grammar-dictionary-page{background:var(--light-cream);min-height:100vh;font-family:var(--font-family-primary)}.grammar-dictionary-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.grammar-dictionary-page h1{text-align:center;font-size:3.5rem;font-weight:800;color:var(--primary-blue);margin-bottom:.5rem}.grammar-dictionary-page .page-intro{text-align:center;font-size:1.25rem;color:#64748b;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;font-weight:300}.terms-controls{background:white;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.grammar-dictionary-page .search-box{flex:1 1;min-width:250px;position:relative}.grammar-dictionary-page .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d;z-index:2;pointer-events:none;font-size:1rem}.grammar-dictionary-page .search-input{width:100%;padding:1rem 1rem 1rem 3rem!important;border:2px solid #e9ecef;border-radius:.5rem;font-size:16px;transition:border-color .3s ease;background:white;box-sizing:border-box}.grammar-dictionary-page .search-input:focus{outline:none;border-color:var(--gold)}.category-filter{display:flex;align-items:center;gap:10px;min-width:200px}.category-filter label{font-weight:600;color:#495057}.category-select{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:.5rem;font-size:1rem;background:white;transition:border-color .3s ease;appearance:none;color:black;-moz-appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat,repeat;background-position:right .7em top 50%;background-size:.65em auto;min-width:180px;cursor:pointer}.category-select:focus{outline:none;border-color:var(--gold)}.terms-count{font-size:.9rem;color:#6c757d;font-weight:600}.terms-table-wrapper{background:white;border-radius:1rem;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.08);margin-bottom:3rem;overflow-x:auto}.grammar-terms-table{width:100%;border-collapse:collapse}.grammar-terms-table th,.grammar-terms-table thead,.grammar-terms-table thead tr{background:#000080!important;background-color:#000080!important}.grammar-terms-table th{padding:1.25rem;text-align:left;font-weight:600;font-size:1rem;letter-spacing:.3px;color:white!important}.grammar-terms-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.grammar-terms-table tbody tr:hover{background-color:#f8f9fa}.grammar-terms-table tbody tr:last-child{border-bottom:none}.grammar-terms-table td{padding:1.25rem;vertical-align:top}.term-name strong{color:var(--primary-blue);font-size:1.1rem;font-weight:600}.term-link{text-decoration:none;color:inherit;transition:all .2s ease;display:inline-block;border-bottom:1px dotted var(--primary-blue);padding-bottom:1px}.term-link:hover{border-bottom-style:solid}.term-link:hover strong{color:var(--accent-orange)}.term-link strong{transition:color .2s ease}.category-badge{display:inline-block;padding:.25rem .6rem;border-radius:12px;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,var(--primary-blue),#1976d2);color:white}.category-badge:contains("Parts of Speech"){background:linear-gradient(135deg,#28a745,#20c997)}.category-badge:contains("Verb Forms"){background:linear-gradient(135deg,#17a2b8,#138496)}.category-badge:contains("Tenses"){background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529}.category-badge:contains("Moods"){background:linear-gradient(135deg,#6610f2,#6f42c1)}.term-definition{color:#495057;line-height:1.6;max-width:400px;font-size:.95rem}.term-examples ul{margin:0;padding-left:0;list-style:none}.term-examples li{color:#6c757d;font-size:.9rem;line-height:1.5;margin-bottom:5px;position:relative;padding-left:15px}.term-examples li:before{content:"•";position:absolute;left:0;color:var(--accent-orange);font-weight:700}.loading{text-align:center;padding:4rem 2rem;color:var(--primary-blue)}.no-results{grid-column:1/-1;color:#6c757d}.related-resources{background:white;border-radius:1rem;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08);margin-bottom:3rem}.related-resources h2{color:var(--primary-blue);font-size:2.5rem;margin-bottom:.5rem;text-align:center;font-weight:700}.resource-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;margin-top:2rem}.resource-link{text-decoration:none;display:block;transition:transform .3s ease}.resource-link:hover{transform:translateY(-8px)}.resource-card{display:flex;align-items:center;padding:1.5rem;background:white;border:2px solid #f0f0f0;border-radius:1rem;color:inherit;text-decoration:none;transition:all .3s ease;box-shadow:0 5px 20px rgba(0,0,0,.08);position:relative;overflow:hidden}.resource-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));opacity:0;transition:opacity .3s ease}.resource-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.15);border-color:var(--primary-blue)}.resource-card:hover:before{opacity:1}.resource-icon{font-size:1.5rem;font-weight:700;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-blue),#1976d2);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.resource-info{display:flex;flex-direction:column;gap:.25rem;flex:1 1}.resource-info h3{font-size:1.2rem;font-weight:600;color:var(--primary-blue);margin:0}.resource-info p{font-size:.95rem;color:#6c757d;margin:0;line-height:1.4}@media (max-width:768px){.grammar-dictionary-page h1{font-size:2rem!important;padding-top:1rem}.grammar-dictionary-page .page-intro{font-size:.95rem!important;padding:0 1rem;margin-bottom:1.5rem}.terms-controls{flex-direction:column;align-items:stretch;padding:1rem;margin:0 1rem 1.5rem;gap:.75rem}.grammar-dictionary-page .search-box{width:100%}.grammar-dictionary-page .search-input{padding:.75rem .75rem .75rem 2.5rem!important;font-size:16px!important}.category-filter{width:100%;flex-direction:row;align-items:center;gap:.5rem}.category-filter label{font-size:.9rem;white-space:nowrap}.category-select{flex:1 1;padding:.6rem;font-size:16px!important}.terms-count{text-align:center;width:100%;font-size:.85rem;padding-top:.5rem}.terms-table-wrapper{margin:0 1rem;padding:0;background:transparent;box-shadow:none}.grammar-terms-table{display:block}.grammar-terms-table thead{display:none}.grammar-terms-table tbody{display:block}.grammar-terms-table tr{display:block;margin-bottom:1rem;background:white;border-radius:.75rem;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.08);border:none}.grammar-terms-table td{display:block;padding:.5rem 0;border:none;text-align:left}.grammar-terms-table td:before{content:attr(data-label);font-weight:600;color:var(--primary-blue);display:block;font-size:.8rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.term-name{border-bottom:1px solid #e9ecef;padding-bottom:.75rem!important;margin-bottom:.5rem}.term-name:before{display:none!important}.term-name strong{font-size:1.1rem}.term-category{padding:.5rem 0!important}.category-badge{font-size:.65rem}.term-definition{padding:.5rem 0!important;font-size:.9rem;line-height:1.5;max-width:100%}.term-examples{padding:.5rem 0 0!important}.term-examples ul{padding-left:15px}.term-examples li{font-size:.85rem}.related-resources{padding:1.5rem 1rem;margin:1rem 1rem 2rem}.related-resources h2{font-size:1.75rem}.resource-links{grid-template-columns:1fr;gap:.75rem}.resource-card{padding:1rem}.resource-icon{width:40px;height:40px;font-size:1.2rem}.resource-info h3{font-size:1.05rem}.resource-info p{font-size:.85rem}}@media (max-width:480px){.grammar-dictionary-page h1{font-size:2rem!important}.grammar-terms-table{font-size:.85rem}.term-name strong{font-size:1rem}.category-badge{font-size:.6rem;padding:.2rem .5rem}.term-examples li{font-size:.85rem}.related-resources h2{font-size:1.8rem}.resource-card h3{font-size:1.2rem}.terms-controls{padding:1rem}}.hero,.home{background-color:var(--white)}.hero{text-align:center;padding:4rem 0 5rem;border-bottom:1px solid var(--warm-beige)}.hero-content{max-width:900px;margin:0 auto;padding:0 2rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--light-cream);border:2px solid var(--primary-blue);border-radius:50px;padding:.5rem 1.5rem;margin-bottom:2rem;font-weight:600;color:var(--primary-blue)}.hero-badge .flag{font-size:1.2rem}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;margin-top:1rem;color:var(--dark-blue);font-weight:700;line-height:1.1}.features-header h2{margin-top:0}.hero-subtitle{font-size:1.3rem;margin-bottom:3rem;color:var(--secondary-text);line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;padding:2rem;background:var(--light-cream);border-radius:12px;border:1px solid var(--warm-beige)}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-blue);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--secondary-text);font-weight:500}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-icon{margin-right:.5rem}.features-showcase{padding:3rem 0 4rem;background:var(--white)}.features-header{text-align:center;margin-bottom:3rem;padding:0 2rem}.features-header h2{font-size:2.5rem;color:var(--dark-blue);margin-bottom:1rem}.features-header p{font-size:1.1rem;color:var(--secondary-text);margin-bottom:1.5rem}.build-notice{display:inline-flex;align-items:center;gap:.5rem;background:#fff4e6;border:1px solid #ffb74d;border-radius:8px;padding:.75rem 1.5rem;color:#e65100;font-size:.95rem}.notice-icon{font-size:1.2rem}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.feature-card{background:var(--white);border:1px solid var(--warm-beige);border-radius:12px;padding:2rem;transition:all .3s ease;position:relative}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1);border-color:var(--primary-blue)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon{font-size:2rem}.card-header h3{flex:1 1;font-size:1.3rem;color:var(--dark-blue)}.card-badge{background:var(--light-cream);color:var(--primary-blue);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.card-description{color:var(--secondary-text);margin-bottom:1.5rem;line-height:1.5}.topics-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.topic-tag{background:var(--light-cream);padding:.4rem .8rem;border-radius:6px;font-size:.85rem;color:var(--dark-blue);border:1px solid transparent}.topic-tag.more-tag{background:transparent;border:1px dashed var(--warm-beige);color:var(--secondary-text)}.feature-link{color:var(--primary-blue);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;transition:gap .3s ease}.feature-link:hover{gap:.5rem}.practice-features{margin-bottom:1.5rem}.practice-item{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--light-cream);border-radius:8px}.practice-icon{font-size:1.5rem}.practice-item h4{font-size:1rem;color:var(--dark-blue);margin-bottom:.25rem}.practice-item p{font-size:.85rem;color:var(--secondary-text)}.practice-links{display:flex;gap:1rem}.btn-small{padding:.5rem 1rem;background:var(--primary-blue);color:white;border-radius:6px;text-decoration:none;font-size:.9rem;transition:background .3s ease}.btn-small:hover{background:var(--dark-blue);color:white}.features-list{list-style:none;padding:0}.features-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--secondary-text);font-size:.95rem}.feature-check{color:#4caf50;font-weight:700;font-size:1.1rem}.quick-start{padding:4rem 0;background:var(--light-cream)}.quick-start-header{text-align:center;margin-bottom:3rem;padding:0 2rem}.quick-start-header h2{font-size:2rem;color:var(--dark-blue);margin-bottom:.75rem}.quick-start-header p{color:var(--secondary-text);font-size:1.05rem}.quick-start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.5rem;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem}@media (min-width:769px){.quick-start-grid{grid-template-columns:repeat(3,1fr)}}.quick-start-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:white;border:1px solid var(--warm-beige);border-radius:10px;text-decoration:none;transition:all .3s ease}.quick-start-item:hover{transform:translateX(5px);border-color:var(--primary-blue);box-shadow:0 5px 15px rgba(0,0,0,.08)}.start-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-blue);color:white;border-radius:50%;font-weight:700;font-size:1.1rem;flex-shrink:0}.quick-start-item h4{color:var(--dark-blue);margin-bottom:.25rem;font-size:1.05rem}.quick-start-item p{color:var(--secondary-text);font-size:.85rem}.coming-soon{padding:4rem 0;background:linear-gradient(135deg,#f5f5f5,#fafafa);border-top:1px solid var(--warm-beige)}.coming-soon-content{max-width:1000px;margin:0 auto;padding:0 2rem;text-align:center}.coming-soon h2{font-size:2rem;color:var(--dark-blue);margin-bottom:1rem}.coming-soon>div>p{color:var(--secondary-text);font-size:1.05rem;margin-bottom:3rem}.upcoming-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:2rem;gap:2rem}.upcoming-item{text-align:center}.upcoming-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.upcoming-item h4{color:var(--dark-blue);margin-bottom:.5rem;font-size:1.1rem}.upcoming-item p{color:var(--secondary-text);font-size:.9rem;line-height:1.4}.roadmap{padding:5rem 0;background:linear-gradient(135deg,#e8f4fd,#f0f8ff);position:relative;overflow:hidden}.roadmap:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.1) 0,transparent 50%);pointer-events:none}.roadmap-header{text-align:center;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.roadmap-header h2{font-size:2.5rem;margin-bottom:1rem;color:var(--dark-blue);font-weight:700}.roadmap-header p{font-size:1.1rem;color:var(--secondary-text);line-height:1.6}.roadmap-container{max-width:1000px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.road-path{position:relative;min-height:600px;margin-bottom:3rem}.road-svg{width:100%;height:600px;position:absolute;top:0;left:0;z-index:1}.mobile-path{display:none}.waypoint{position:absolute;z-index:3;transform:translate(-50%,-50%)}.waypoint-1{top:13%;left:50%}.waypoint-2{top:20%;left:68%}.waypoint-3{top:44%;left:75%}.waypoint-4{top:49%;left:55%}.waypoint-5{top:65%;left:25%}.waypoint-6{top:85%;left:35%}.waypoint-7{top:93%;left:50%}.waypoint-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:var(--white);border:3px solid var(--primary-blue);border-radius:20px;padding:.5rem;min-width:120px;box-shadow:0 6px 20px rgba(0,0,0,.15);transition:all .3s ease;position:relative}.waypoint-link:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.2);border-color:var(--accent-orange)}.waypoint-link.final-destination{background:linear-gradient(135deg,#ffd700,#ffed4e);border-color:#d97706;cursor:default}.waypoint-link.final-destination:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(217,119,6,.3)}.waypoint-icon{font-size:2.5rem;margin-bottom:.5rem;display:block}.waypoint-info h3{font-size:.9rem;font-weight:700;color:var(--dark-blue);margin:0 0 .25rem;text-align:center;line-height:1.1}.waypoint-info p{font-size:.75rem;color:var(--secondary-text);margin:0;text-align:center;line-height:1.2}.final-destination .waypoint-info h3,.final-destination .waypoint-info p{color:#92400e}.roadmap-legend{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;background:var(--white);padding:1.5rem 2rem;border-radius:12px;border:1px solid var(--warm-beige);box-shadow:0 4px 12px rgba(0,0,0,.08)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--secondary-text);font-weight:500}.legend-icon{font-size:1.2rem}@media (max-width:768px){.feature-grid{grid-template-columns:1fr}.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;padding:1.25rem;margin-bottom:2rem}.stat-number{font-size:1.6rem}.hero-buttons{flex-direction:column;align-items:center;gap:.75rem}.roadmap{padding:2rem 0}.roadmap-header h2{font-size:1.8rem}.roadmap-container{padding:0 .5rem}.road-path{min-height:700px;margin-bottom:2rem}.desktop-path{display:none}.mobile-path{display:block;height:700px}.waypoint-1{top:7%;left:50%}.waypoint-2{top:24%;left:37%}.waypoint-3{top:35%;left:55%}.waypoint-4{top:48%;left:68%}.waypoint-5{top:60%;left:35%}.waypoint-6{top:73%;left:52%}.waypoint-7{top:93%;left:50%;right:auto}.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{gap:1.5rem;padding:1.5rem;flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.hero h1{font-size:2rem;margin-top:0}.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{top:7%;left:50%}.waypoint-2{top:22%;left:25%}.waypoint-3{top:33%;left:59%}.waypoint-4{top:47%;left:75%}.waypoint-5{top:60%;left:25%}.waypoint-6{top:77%;left:62%}.waypoint-7{top:93%;left:50%;right:auto}.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-template-columns:1fr 1fr;display:grid;grid-gap:1rem;gap:1rem;text-align:center}}.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:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.room-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.room-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.room-tab:hover{background:#e9ecef}.room-tab.active{background:#28a745;color:white}.room-icon{font-size:1.5rem}.room-name{font-weight:600;text-align:center}.room-content{padding:2rem}.room-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.room-description{color:#6c757d;font-style:italic;margin-bottom:1.5rem;padding:1rem;background:#e8f5e8;border-radius:8px;border-left:4px solid #28a745}.room-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.activities-section h4,.vocabulary-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #28a745}.activities-list,.vocabulary-list{display:flex;flex-direction:column;gap:1rem}.activity-item,.vocabulary-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .3s ease;border-left:4px solid #28a745}.activity-item:hover,.vocabulary-item:hover{background:#e9ecef;transform:translateX(5px)}.activity-spanish,.vocab-spanish{font-size:1.1rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.activity-english,.vocab-english{color:#6c757d;font-style:italic}.family-relationships{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.relationship-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.relationship-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.relationship-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.relationship-tab:hover{background:#e9ecef}.relationship-tab.active{background:#2196f3;color:white}.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{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.descriptions-section h4,.relationships-vocabulary-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #2196f3}.descriptions-list,.relationships-vocab-list{display:flex;flex-direction:column;gap:1rem}.description-item,.relationship-vocab-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .3s ease;border-left:4px solid #2196f3}.description-item:hover,.relationship-vocab-item:hover{background:#e9ecef;transform:translateX(5px)}.description-spanish,.relationship-vocab-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.description-english,.relationship-vocab-english{color:#6c757d;font-style:italic}.household-activities{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.activity-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.activity-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.activity-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.activity-tab:hover{background:#e9ecef}.activity-tab.active{background:#9c27b0;color:white}.activity-icon{font-size:1.5rem}.activity-name{font-weight:600;text-align:center}.activity-content{padding:2rem}.activity-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.household-activity-item{background:#f8f9fa;padding:1.5rem;border-radius:12px;transition:all .3s ease;border-left:4px solid #9c27b0}.household-activity-item:hover{background:#e9ecef;transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.activity-header{margin-bottom:1rem}.chore-badge,.family-badge,.time-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.time-badge{background:linear-gradient(135deg,#ff9800,#f57c00);color:white}.chore-badge{background:linear-gradient(135deg,#4caf50,#388e3c);color:white}.family-badge{background:linear-gradient(135deg,#e91e63,#c2185b);color:white}.household-activity-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.household-activity-english{color:#2c3e50;margin-bottom:.5rem;font-weight:500}.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)}@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{grid-template-columns:1fr;gap:1.5rem}.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{padding:.75rem;flex-direction:column;gap:.5rem}.tip-card{padding:1rem}.culture-tips{grid-template-columns:1fr}.household-activity-spanish{font-size:1rem}.activities-grid{grid-template-columns:1fr}}.hispanic-world-page{min-height:100vh;background:var(--light-cream);font-family:var(--font-family-primary)}.hispanic-world-page .container{max-width:1200px;margin:0 auto;padding:2rem}.hispanic-world-page .page-header{text-align:center;margin-bottom:3rem}.hispanic-world-page .back-link{display:inline-block;margin-bottom:1rem;color:var(--primary-blue);text-decoration:none;font-weight:500;transition:color .3s ease}.hispanic-world-page .back-link:hover{color:var(--accent-orange)}.hispanic-world-page .page-title{font-size:2.5rem;color:var(--primary-blue);margin-bottom:1rem;line-height:1.2}.hispanic-world-page .content-section{margin-bottom:3rem}.hispanic-world-page table{box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.hispanic-world-page table td,.hispanic-world-page table th{border:none}.hispanic-world-page .btn-primary:hover{background-color:var(--accent-orange);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}@media (max-width:768px){.hispanic-world-page .container{padding:1rem}.hispanic-world-page .page-title{font-size:2rem}.hispanic-world-page table{font-size:.9rem}.hispanic-world-page table td,.hispanic-world-page table th{padding:.5rem}.hispanic-world-page [style*="grid-template-columns: repeat(2, 1fr)"],.hispanic-world-page [style*="grid-template-columns: repeat(3, 1fr)"],.hispanic-world-page [style*="gridTemplateColumns: 'repeat(2, 1fr)"],.hispanic-world-page [style*="gridTemplateColumns: 'repeat(3, 1fr)"]{grid-template-columns:1fr!important}.hispanic-world-page .content-section:not(.identity) div[style*="backgroundColor: 'white', padding: '2rem'"],.hispanic-world-page .content-section:not(.identity)>div[style*="background: white"][style*=padding],.hispanic-world-page .content-section:not(.identity)>div[style*="backgroundColor: 'white'"][style*=padding]{padding:1rem!important}.hispanic-world-page table{font-size:.8rem}.hispanic-world-page table td,.hispanic-world-page table th{padding:.5rem .3rem;min-width:60px}.hispanic-world-page table td:first-child,.hispanic-world-page table th:first-child{min-width:80px}}@media (max-width:480px){.hispanic-world-page .page-title{font-size:1.8rem}.hispanic-world-page .content-section h2{font-size:1.5rem}.hispanic-world-page table{font-size:.7rem}.hispanic-world-page table td,.hispanic-world-page table th{padding:.3rem .2rem;font-size:.7rem;min-width:50px}.hispanic-world-page table td:first-child,.hispanic-world-page table th:first-child{min-width:70px;font-weight:700}}.hispanic-world-page .content-section>div{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hispanic-world-page .content-section>div:hover{transform:translateY(-2px);transition:transform .3s ease}.hispanic-world-page ul li{transition:color .3s ease}.hispanic-world-page ul li:hover{color:var(--accent-orange);cursor:default}.money-banking-custom{margin-top:2rem}.banking-services{background:linear-gradient(135deg,#e8f4f8,#f8f9fa)}.service-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.service-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.service-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.service-tab:hover{background:#e9ecef}.service-tab.active{background:#17a2b8;color:white}.service-icon{font-size:1.5rem}.service-name{font-weight:600}.service-content{padding:2rem}.service-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.service-description{color:#6c757d;font-style:italic;margin-bottom:1.5rem}.service-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.operations-section h4,.vocabulary-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #17a2b8}.operations-list,.vocabulary-list{display:flex;flex-direction:column;gap:1rem}.operation-item,.vocabulary-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .3s ease;border-left:4px solid #17a2b8}.operation-item:hover,.vocabulary-item:hover{background:#e9ecef;transform:translateX(5px)}.operation-spanish,.vocab-spanish{font-size:1.1rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.operation-english,.vocab-english{color:#6c757d;font-style:italic}.currency-info{background:linear-gradient(135deg,#fff8e1,#f8f9fa)}.currency-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.currency-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.currency-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;color:#6c757d}.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{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.denominations-section h4,.exchange-phrases-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #ffc107}.denomination-group{margin-bottom:1.5rem}.denomination-group h5{color:#2c3e50;font-size:1.1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-gap:.5rem;gap:.5rem}.value-item{background:#ffc107;color:#212529;padding:.5rem;border-radius:6px;text-align:center;font-weight:600;font-size:.9rem}.banking-scenarios{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.scenario-tab.active{background:#9c27b0}.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{overflow:hidden}.payment-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.payment-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;color:#6c757d}.payment-tab:hover{background:#e9ecef}.payment-tab.active{background:#28a745;color:white}.payment-icon{font-size:1.2rem}.payment-content{padding:2rem}.payment-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.payment-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.payment-phrases-section h4,.payment-vocabulary-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #28a745}.payment-vocab-grid{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}.payment-vocab-item{background:#f8f9fa;padding:.75rem;border-radius:6px;transition:all .2s ease}.payment-vocab-item:hover{background:#e9ecef;transform:translateX(3px)}.payment-vocab-spanish{font-weight:600;color:#e74c3c;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.payment-vocab-english{color:#6c757d;font-style:italic;font-size:.9rem}.payment-phrases-list{display:flex;flex-direction:column;gap:1rem}.payment-phrase-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .2s ease}.payment-phrase-item:hover{background:#e9ecef;transform:translateY(-2px)}.payment-phrase-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.payment-phrase-english{color:#6c757d;font-style:italic;font-size:.95rem}.banking-culture{background:linear-gradient(135deg,#e1f5fe,#f8f9fa)}@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{grid-template-columns:1fr;gap:1.5rem}.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{padding:.75rem;flex-direction:column;gap:.5rem}.tip-card{padding:1rem}.values-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.culture-tips{grid-template-columns:1fr}}.not-found-page{background:linear-gradient(135deg,var(--light-cream) 0,#fafbfc 100%);min-height:100vh;padding:2rem 0;display:flex;align-items:center;justify-content:center}.not-found-content{text-align:center;max-width:800px;margin:0 auto;padding:2rem}.error-illustration{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;font-size:6rem;font-weight:900;font-family:var(--font-family-primary)}.error-number{color:var(--primary-blue);text-shadow:0 4px 8px rgba(0,0,0,.1);animation:bounce 2s infinite}.error-icon{font-size:5rem;animation:pulse 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.error-title{font-size:3rem;font-weight:700;color:var(--primary-blue);margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.error-subtitle,.error-title{font-family:var(--font-family-primary)}.error-subtitle{font-size:2rem;font-weight:600;color:var(--dark-blue);margin:0 0 2rem}.error-message{font-size:1.2rem;color:var(--gray);line-height:1.6;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:1rem;font-family:var(--font-family-primary);font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-primary{background:var(--primary-blue);color:white;box-shadow:0 4px 12px rgba(61,116,182,.3)}.btn-primary:hover{background:var(--dark-blue);transform:translateY(-2px);box-shadow:0 6px 20px rgba(61,116,182,.4);text-decoration:none;color:white}.btn-secondary{background:white;color:var(--primary-blue);border:2px solid var(--primary-blue);box-shadow:0 4px 12px rgba(0,0,0,.05)}.btn-secondary:hover{background:var(--primary-blue);color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(61,116,182,.3);text-decoration:none}.helpful-links{margin-bottom:3rem}.helpful-links h3{font-size:1.5rem;color:var(--primary-blue);margin-bottom:1.5rem;font-family:var(--font-family-primary)}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;max-width:600px;margin:0 auto}.helpful-link{display:flex;align-items:center;gap:.75rem;padding:1rem;background:white;border:2px solid var(--warm-beige);border-radius:.75rem;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.helpful-link:hover{border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 15px rgba(61,116,182,.2);text-decoration:none}.link-icon{font-size:1.5rem;flex-shrink:0}.link-text{color:var(--dark-blue);font-weight:600;font-family:var(--font-family-primary)}.helpful-link:hover .link-text{color:var(--primary-blue)}.spanish-tip{background:linear-gradient(135deg,#fff0e6,#fafbfc);border:2px solid var(--accent-orange);border-radius:1rem;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;text-align:left;max-width:600px;margin:0 auto}.tip-icon{font-size:2rem;flex-shrink:0}.tip-content{font-size:1rem;line-height:1.6;color:var(--dark-blue)}.tip-content strong{color:var(--accent-orange);font-weight:700}@media (max-width:768px){.not-found-page{padding:1rem 0}.not-found-content{padding:1rem}.error-illustration{font-size:4rem;gap:.5rem}.error-icon{font-size:3.5rem}.error-title{font-size:2rem}.error-subtitle{font-size:1.5rem}.error-message{font-size:1rem}.error-actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}.links-grid{grid-template-columns:1fr}.spanish-tip{flex-direction:column;text-align:center}}@media (max-width:480px){.error-illustration{font-size:3rem}.error-icon{font-size:2.5rem}.error-title{font-size:1.5rem}.error-subtitle{font-size:1.2rem}.helpful-link{padding:.75rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}}.resources-page .category-browser-compact{margin:3rem 0;padding:2rem;background:#ffffff;border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.08);display:block!important;visibility:visible!important;opacity:1!important}.resources-page h1{text-align:center}.category-browser-compact h2{text-align:center;margin-bottom:.5rem;color:#2d3748;font-size:2rem;font-weight:700}.category-browser-compact .section-subtitle{text-align:center;margin-bottom:2rem;color:#718096;font-size:1.1rem}.resources-page .category-tags-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:2rem;opacity:1!important;visibility:visible!important}.resources-page .category-tag{display:flex!important;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff;border:2px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .2s ease;font-size:.9rem;text-align:left;position:relative;overflow:hidden;min-height:60px;box-shadow:0 2px 8px rgba(0,0,0,.06);opacity:1!important;visibility:visible!important}.category-tag:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.12);border-color:#cbd5e0}.category-tag.active{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);font-weight:600}.category-tag .tag-icon{font-size:1.2rem;flex-shrink:0}.category-tag .tag-name{flex:1 1;font-weight:500}.category-tag .tag-count{background:#f7fafc;color:#4a5568;padding:.2rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600;min-width:1.5rem;text-align:center}.category-tag.active .tag-count{background:rgba(255,255,255,.9);color:inherit}.inline-preview{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preview-header-compact{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.preview-header-compact h3{margin:0;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.preview-count-badge{color:white;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600}.preview-cards-horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.preview-card-mini{background:white;padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0;transition:all .2s ease}.preview-card-mini:hover{border-color:#cbd5e0;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.mini-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.mini-card-header h4{margin:0;font-size:.9rem;font-weight:600;color:#2d3748;line-height:1.3;flex:1 1}.mini-rating{font-size:.7rem;color:#f6ad55;white-space:nowrap;font-weight:500}.mini-description{color:#718096;font-size:.8rem;line-height:1.4;margin-bottom:.75rem}.mini-features{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.mini-badge{padding:.15rem .4rem;border-radius:.3rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.mini-badge.free{background:#c6f6d5;color:#22543d}.mini-badge.level{background:#e6fffa;color:#2c7a7b}.mini-badge.featured{background:#ffd93d;color:#8b5a00}.preview-card-mini.featured{border-left:3px solid #ffd93d}.featured-star{font-size:.8rem;color:#ffd93d}.mini-link{font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s ease}.mini-link:hover{text-decoration:underline}.preview-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.view-all-compact{background:#e53e3e;color:white;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.view-all-compact:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15);filter:brightness(1.05)}.more-indicator{color:#718096;font-size:.8rem;font-style:italic}@media (max-width:768px){.category-tags-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.category-tag{padding:.6rem .8rem;font-size:.85rem}.preview-cards-horizontal{grid-template-columns:1fr;gap:.75rem}.preview-header-compact{flex-direction:column;align-items:flex-start}.preview-actions{flex-direction:column;align-items:stretch}.view-all-compact{width:100%;text-align:center}}@media (max-width:480px){.category-tags-grid{grid-template-columns:1fr}.category-browser-compact{padding:1.5rem;margin:2rem 0}}.resources-page{min-height:100vh;background:var(--light-cream);font-family:var(--font-family-primary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.resources-hero{text-align:center;padding:4rem 0 3rem;background:linear-gradient(135deg,var(--primary-blue) 0,#1976d2 100%);color:white;margin-bottom:3rem;border-radius:0 0 2rem 2rem;position:relative;overflow:hidden;z-index:1}.resources-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.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="%23ffffff"></path></svg>') no-repeat bottom;background-size:cover}.resources-hero h1{font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 3px 15px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.8);position:relative;z-index:2;color:#ffffff}.resources-hero .hero-subtitle{font-size:1.3rem;font-weight:400;margin-bottom:2rem;opacity:1;position:relative;z-index:2;color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.quick-stats{display:flex;justify-content:center;gap:2rem;margin-top:2rem;position:relative;z-index:1}.resources-page .stat-card{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease;min-width:140px;color:#ffffff}.resources-page .stat-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.2)}.resources-page .stat-icon{font-size:2rem;margin-bottom:.5rem;color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.resources-page .stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem;color:#ffffff;text-shadow:0 2px 6px rgba(0,0,0,.4)}.resources-page .stat-label{font-size:.9rem;opacity:1;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.4);font-weight:500}.featured-section{margin-bottom:4rem;padding:0 1rem}.featured-section h2{text-align:center;font-size:2.5rem;color:var(--primary-blue);margin-bottom:.5rem;font-weight:700}.section-subtitle{font-size:1.2rem;color:#6c757d;font-weight:300}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.featured-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:1rem;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;position:relative;overflow:hidden;border:2px solid transparent}.featured-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffd700,#ff6b6b,#4ecdc4,#45b7d1)}.featured-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15);border-color:var(--primary-blue)}.featured-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.featured-badge{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#333;padding:.3rem .8rem;border-radius:2rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-icon{font-size:1.5rem}.featured-card h3{font-size:1.4rem;font-weight:600;color:var(--primary-blue);margin-bottom:1rem}.featured-description{color:#495057;line-height:1.6;margin-bottom:1.5rem}.featured-features{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.feature-tag{font-size:.8rem;font-weight:600;padding:.3rem .6rem;background:rgba(0,0,0,.05);border-radius:1rem;border:1px solid;opacity:.8}.featured-link{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary-blue),#1976d2);color:white;text-decoration:none;padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;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{text-align:center;font-size:2.5rem;color:var(--primary-blue);margin-bottom:.5rem;font-weight:700}.browser-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;background:white;border-radius:1rem;box-shadow:0 5px 20px rgba(0,0,0,.08);overflow:hidden;min-height:500px}.category-sidebar{padding:2rem;border-right:1px solid #e9ecef;overflow-y:auto;max-height:600px}.category-group{margin-bottom:2rem}.group-title{font-size:1.1rem;font-weight:600;color:var(--primary-blue);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef;text-transform:uppercase;letter-spacing:.5px}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-item{background:transparent;border:none;border-left:3px solid transparent;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;text-align:left;border-radius:0 .5rem .5rem 0;position:relative}.category-item:hover{background:rgba(0,0,0,.03)}.category-item.active{background:rgba(0,0,0,.05);transform:translateX(5px)}.item-icon{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.item-content{flex:1 1}.item-name{font-weight:600;font-size:1rem;color:#2c3e50;margin-bottom:.25rem}.item-count{font-size:.85rem;color:#6c757d}.active-indicator{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:.8rem;font-weight:600}.clear-category-btn{background:#f8f9fa;border:1px solid #e9ecef;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin-top:1rem;width:100%;color:#6c757d;font-weight:500}.clear-category-btn:hover{background:#e9ecef;color:#495057}.clear-icon{background:#dc3545;color:white;width:1.2rem;height:1.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.preview-panel{padding:2rem;background:#f8f9fa;display:flex;flex-direction:column;opacity:0;transform:translateX(20px);transition:all .4s ease}.preview-panel.visible{opacity:1;transform:translateX(0)}.preview-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.preview-header h3{font-size:1.4rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.preview-count{background:rgba(0,0,0,.05);padding:.3rem .8rem;border-radius:1rem;font-size:.9rem;color:#495057;font-weight:500}.preview-resources{flex:1 1;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.preview-resource-card{background:white;border-radius:.5rem;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease}.preview-resource-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.preview-resource-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.preview-resource-header h4{color:var(--primary-blue);font-size:1rem;font-weight:600;margin:0;flex:1 1;line-height:1.3}.preview-rating{color:#ffd700;font-size:.8rem;margin-left:.5rem}.preview-description{color:#6c757d;font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.preview-features{display:flex;gap:.5rem;flex-wrap:wrap}.preview-feature{font-size:.75rem;font-weight:600;padding:.2rem .5rem;background:rgba(0,0,0,.05);border-radius:.75rem;border:1px solid;opacity:.8}.preview-more{text-align:center;padding:.75rem;background:rgba(0,0,0,.05);border-radius:.5rem;color:#6c757d;font-weight:500;font-size:.9rem}.view-all-btn{background:var(--primary-blue);color:white;border:none;padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:#6c757d}.placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.preview-placeholder h3{font-size:1.3rem;color:var(--primary-blue);margin-bottom:.5rem}.preview-placeholder p{font-size:1rem;line-height:1.5}.scroll-indicator{position:fixed;bottom:2rem;right:2rem;background:white;border-radius:2rem;box-shadow:0 10px 40px rgba(0,0,0,.15);padding:1rem 1.5rem;z-index:100;animation:slideInUp .5s ease,pulse 2s ease-in-out infinite;max-width:400px}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.indicator-content{display:flex;align-items:center;gap:1rem}.indicator-text{color:#495057;font-size:.95rem;font-weight:500}.indicator-button{background:var(--primary-blue);color:white;border:none;padding:.5rem 1rem;border-radius:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.indicator-button:hover{background:#1976d2;transform:translateY(-2px)}.floating-nav{position:fixed;top:1rem;left:50%;transform:translateX(-50%);background:white;border-radius:2rem;box-shadow:0 5px 30px rgba(0,0,0,.12);padding:.75rem 1.5rem;z-index:100;animation:slideDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05)}@keyframes slideDown{0%{transform:translate(-50%,-100px);opacity:0}to{transform:translate(-50%);opacity:1}}.floating-nav-content{display:flex;align-items:center;gap:2rem}.floating-category{display:flex;align-items:center;gap:1rem;font-weight:600}.floating-count{background:rgba(0,0,0,.05);padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;color:#6c757d;font-weight:500}.change-category-btn{background:var(--accent-orange);color:white;border:none;padding:.5rem 1rem;border-radius:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.change-category-btn:hover{background:#e55347;transform:translateY(-1px)}.filter-bar{justify-content:space-between;align-items:center;background:white;padding:1rem 2rem;border-radius:2rem;margin:2rem 1rem;box-shadow:0 5px 20px rgba(0,0,0,.08);gap:1rem}.filter-bar,.filter-left{display:flex;flex-wrap:wrap}.filter-left{gap:.5rem}.filter-pill{background:#f8f9fa;border:2px solid transparent;padding:.5rem 1rem;border-radius:2rem;cursor:pointer;transition:all .3s ease;font-weight:500;color:#495057}.filter-pill:hover{background:#e9ecef}.filter-pill.active{background:var(--primary-blue);color:white;border-color:var(--primary-blue)}.filter-right{display:flex;align-items:center;gap:1rem}.results-count{color:#6c757d}.clear-filters{background:var(--accent-orange);color:white;border:none;padding:.5rem 1rem;border-radius:1rem;cursor:pointer;font-weight:500;transition:all .3s ease}.clear-filters:hover{background:#e55347}.resources-section{padding:0 1rem;transition:all .5s ease}.resources-section,.resources-section.visible{opacity:1;transform:translateY(0);margin-top:2rem;max-height:none;overflow:visible}.results-header{background:white;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08);position:-webkit-sticky;position:sticky;top:1rem;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8)}.results-title h2{font-size:1.8rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.results-summary{flex-direction:column;align-items:flex-end;gap:.5rem}.results-count-large{font-size:1.5rem;font-weight:700;color:var(--primary-blue)}.active-filter{background:rgba(0,0,0,.05);padding:.3rem .8rem;border-radius:1rem;font-size:.9rem;color:#495057}.resources-modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem;animation:fadeInGrid .6s ease forwards;align-items:stretch}@keyframes fadeInGrid{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resource-modern-card{background:white;border-radius:1rem;overflow:visible;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:all .3s ease;border-top:4px solid #e0e0e0;display:flex;flex-direction:column;height:100%;position:relative}.resource-modern-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.resource-top-bar{padding:.75rem 1.5rem;color:white;justify-content:space-between;font-weight:600;font-size:.9rem;flex-shrink:0;border-radius:1rem 1rem 0 0}.resource-category-label,.resource-top-bar{display:flex;align-items:center;overflow:hidden}.resource-category-label{gap:.5rem;text-overflow:ellipsis;white-space:nowrap}.resource-rating{color:#ffd700;font-size:.9rem;flex-shrink:0}.resource-content{padding:1.5rem 1.5rem 1rem;display:flex;flex-direction:column;flex:1 1;overflow:hidden}.resource-title{margin:0 0 1rem;font-size:1.2rem;font-weight:600}.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;line-height:1.6;margin-bottom:1rem;flex:1 1}.resource-features{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.feature-badge{background:rgba(0,0,0,.05);border-radius:.75rem;border:1px solid;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:rgba(40,167,69,.1);color:#28a745;border:1px solid #28a745}.difficulty-badge.intermediate{background:rgba(255,193,7,.1);color:#ffc107;border:1px solid #ffc107}.difficulty-badge.advanced{background:rgba(220,53,69,.1);color:#dc3545;border:1px solid #dc3545}.resource-tags{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}.resource-tag{background:#f8f9fa;color:#495057;padding:.15rem .5rem;border-radius:.75rem;font-size:.75rem;font-weight:500;border:1px solid #e9ecef}.expand-tags{background:none;border:none;color:var(--primary-blue);font-size:.75rem;cursor:pointer;text-decoration:underline;padding:.15rem .3rem}.expanded-tags{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.5rem}.resource-actions{padding:1rem 1.5rem 1.5rem;margin-top:auto;flex-shrink:0}.visit-button{display:flex;align-items:center;gap:.4rem;color:white;text-decoration:none;padding:.5rem 1rem;border-radius:1.2rem;font-weight:600;font-size:.85rem;transition:all .3s ease;width:100%;justify-content:center;text-align:center;box-sizing:border-box;white-space:nowrap}.visit-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.arrow{transition:transform .3s ease;font-size:1rem}.visit-button:hover .arrow{transform:translateX(3px)}.no-results{padding:4rem 2rem;background:white;border-radius:1rem;margin:2rem 1rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.no-results-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-results h3{font-size:1.5rem;color:var(--primary-blue);margin-bottom:.5rem}.no-results p{color:#6c757d}.browse-all-btn{background:var(--primary-blue);color:white;border:none;padding:.75rem 2rem;border-radius:2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.browse-all-btn:hover{background:#1976d2;transform:translateY(-2px)}.success-tips{margin:4rem 1rem 2rem;padding:3rem 2rem;background:linear-gradient(135deg,#f8f9fa,white);border-radius:1rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.success-tips h2{text-align:center;font-size:2.5rem;color:var(--primary-blue);margin-bottom:3rem;font-weight:700}.timeline{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.timeline-item{display:flex;align-items:flex-start;gap:1.5rem;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:1.5rem;top:3rem;width:2px;height:2rem;background:linear-gradient(180deg,#e9ecef,transparent)}.timeline-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1.2rem;flex-shrink:0;box-shadow:0 3px 10px rgba(0,0,0,.2)}.timeline-content h3{font-size:1.3rem;color:var(--primary-blue);margin-bottom:.5rem;font-weight:600}.timeline-content p{color:#495057;line-height:1.6}@media (max-width:768px){.resources-hero{padding:1rem 0 .5rem;margin-bottom:1rem;border-radius:0 0 1rem 1rem}.resources-hero h1{font-size:1.6rem;margin-bottom:.5rem}.resources-hero .hero-subtitle{font-size:.95rem;margin-bottom:1rem}.quick-stats{flex-direction:row;gap:.5rem;align-items:center;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-right:none;border-bottom:1px solid #e9ecef;max-height:none}.preview-panel{min-height:300px}.results-header{flex-direction:column;align-items:stretch;gap:1rem;text-align:center;position:static}.results-summary{align-items:center}.filter-bar{flex-direction:column;align-items:stretch;gap:1rem}.filter-left,.filter-right{justify-content:center}.resources-modern-grid{grid-template-columns:1fr}.timeline-item{gap:1rem}.timeline-icon{width:2.5rem;height:2.5rem;font-size:1rem}.timeline-item:not(:last-child):after{left:1.25rem}.scroll-indicator{bottom:1rem;right:1rem;left:1rem;max-width:none;padding:.75rem 1rem}.indicator-content{flex-direction:column;gap:.5rem;text-align:center}.indicator-button{width:100%}.floating-nav{top:auto;bottom:1rem;left:1rem;right:1rem;transform:none;border-radius:1rem;padding:.75rem}@keyframes slideDown{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.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{padding:.75rem 0 .25rem;border-radius:0 0 .5rem .5rem;margin-bottom:.5rem}.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}}.search-results-page{padding:2rem 0;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e3f2fd)}.search-results-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.search-header{text-align:center;margin-bottom:3rem}.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{text-align:center;padding:3rem 2rem;background:var(--white);border-radius:0;box-shadow:0 5px 15px rgba(0,0,0,.1);border:1px solid var(--light-gray)}.no-query h2{color:var(--primary-blue);margin-bottom:1rem}.no-query p{color:var(--gray);margin-bottom:2rem;font-size:1.1rem}.search-tips{background:var(--light-cream);border:1px solid var(--gold);padding:1.5rem;border-radius:0}.search-tips h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.2rem}.search-tips ul{list-style:none;padding:0;margin:0}.search-tips li{color:var(--gray);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.search-tips li:before{content:"•";position:absolute;left:0;color:var(--gold);font-weight:700;font-size:1.2rem}.filters-section{background:var(--white);border-radius:0;padding:1.5rem;margin-bottom:2rem;box-shadow:0 5px 15px rgba(0,0,0,.1);border:1px solid var(--light-gray)}.filters-section h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.2rem;font-weight:600}.filter-group,.filter-group:last-child{margin-bottom:0}.filter-group label{display:block;color:var(--gray);margin-bottom:.5rem}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;background:var(--light-cream);border:2px solid var(--light-gray);color:var(--gray);cursor:pointer;transition:all .3s ease;border-radius:0;font-size:.9rem;font-weight:500}.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{padding:.5rem 1rem;background:var(--light-cream);border:2px solid var(--light-gray);color:var(--gray);cursor:pointer;transition:all .3s ease;border-radius:0;font-size:.9rem;font-weight:600}.cefr-filter-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.cefr-filter-btn.active{color:var(--white)}.section-filter-btn{padding:.5rem 1rem;background:var(--light-cream);border:2px solid var(--light-gray);color:var(--gray);cursor:pointer;transition:all .3s ease;border-radius:0;font-size:.9rem;font-weight:500}.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{margin-bottom:2rem;padding:1.5rem;background:var(--white);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);border:1px solid rgba(0,128,157,.1)}.results-count{display:flex;align-items:baseline;gap:.5rem}.count-number{font-size:2rem;font-weight:700;color:var(--primary-blue)}.count-text{font-size:1.1rem;color:var(--gray);font-weight:500}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.results-count{color:var(--gray);font-weight:500}.results-sort{display:flex;align-items:center;gap:.5rem}.sort-label{font-weight:500}.sort-label,.sort-select{color:var(--gray);font-size:.9rem}.sort-select{padding:.5rem;border:2px solid var(--light-gray);border-radius:0;background:var(--white);cursor:pointer}.sort-select:focus{outline:none;border-color:var(--primary-blue)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.result-card{background:var(--white);border-radius:16px;padding:2rem;box-shadow:0 6px 20px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid rgba(0,128,157,.1);position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--gold));opacity:0;transition:opacity .3s ease}.result-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,.12);border-color:rgba(0,128,157,.2)}.result-card:hover:before{opacity:1}.result-header{margin-bottom:1rem}.result-title{font-size:1.3rem;font-weight:700;margin-bottom:.8rem;line-height:1.3}.result-title a{color:var(--primary-blue);text-decoration:none;transition:all .3s ease;display:block}.result-title a:hover{color:var(--dark-gold);text-decoration:none;transform:translateX(2px)}.result-meta{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.2rem}.result-category{background:linear-gradient(135deg,var(--primary-blue),#0056b3);box-shadow:0 2px 8px rgba(0,128,157,.3)}.cefr-badge,.difficulty-badge,.result-category{padding:.4rem 1rem;color:var(--white);font-size:.8rem;font-weight:600;text-transform:uppercase;border-radius:20px}.cefr-badge,.difficulty-badge{box-shadow:0 2px 8px rgba(0,0,0,.2)}.cefr-badge{color:var(--white)}.result-excerpt{color:#6c757d;font-style:italic}.result-content,.result-excerpt{line-height:1.6;margin-bottom:1.2rem;font-size:.95rem}.result-content{color:var(--gray)}.result-tags{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.5rem}.result-tag{padding:.3rem .8rem;background:rgba(0,128,157,.1);border:1px solid rgba(0,128,157,.2);color:var(--primary-blue);font-size:.8rem;font-weight:500;border-radius:12px;transition:all .2s ease}.result-tag:hover{background:rgba(0,128,157,.15);border-color:rgba(0,128,157,.3)}.result-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.result-link{display:inline-flex;align-items:center;padding:.8rem 1.8rem;background:linear-gradient(135deg,var(--primary-blue),#0056b3);color:var(--white);text-decoration:none;border-radius:25px;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,128,157,.3);position:relative;overflow:hidden}.result-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.result-link:hover:before{left:100%}.result-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,128,157,.4)}.related-search-btn{background:transparent;border:2px solid rgba(0,128,157,.3);color:var(--primary-blue);padding:.6rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.related-search-btn:hover{background:rgba(0,128,157,.1);border-color:rgba(0,128,157,.5)}.view-result-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,137,157,.4);color:var(--white);text-decoration:none;background:var(--dark-gold)}.no-results{border:1px solid var(--light-gray)}.suggested-searches{background:var(--light-cream);border:1px solid var(--gold);padding:1.5rem;border-radius:0;margin-top:1.5rem}.suggested-searches h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.1rem}.suggested-list{display:flex;gap:.5rem;flex-wrap:wrap}.suggested-item{padding:.5rem 1rem;background:var(--white);border:1px solid var(--gold);color:var(--gray);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;border-radius:0;cursor:pointer}.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{flex-direction:column;align-items:stretch}.results-sort{justify-content:center}.results-grid{grid-template-columns:1fr;gap:1rem}.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{padding:.375rem .75rem;font-size:.8rem}}.shopping-custom{margin-top:2rem}.shop-explorer{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.shops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.shop-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;border:2px solid transparent}.shop-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.shop-card.active{border-color:#f39c12;background:#fffaf0}.shop-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.shop-icon{font-size:2.5rem}.shop-name{flex:1 1}.shop-spanish{font-size:1.2rem;font-weight:600;color:#e74c3c;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.shop-english{color:#6c757d;font-size:.9rem}.shop-items{margin-top:1rem;padding-top:1rem;border-top:2px solid #f0f0f0}.shop-items h4{color:#2c3e50;font-size:1rem;margin-bottom:.75rem}.shop-item{display:flex;align-items:center;padding:.5rem;margin-bottom:.5rem;background:#f8f9fa;border-radius:6px;transition:all .2s ease}.shop-item:hover{background:#e9ecef;transform:translateX(5px)}.item-info{display:flex;align-items:center;gap:1rem;flex:1 1}.item-english{font-size:.9rem}.dialogue-practice{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.dialogues-container{display:grid;grid-gap:2rem;gap:2rem}.dialogue-scenario{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08)}.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;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.size-btn{background:white;border:2px solid #3498db;color:#3498db;padding:1rem 1.5rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:60px;text-align:center}.size-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.3)}.size-btn.active,.size-btn:hover{background:#3498db;color:white}.size-conversions{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:2rem}.conversion-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #f0f0f0}.conversion-item:last-child{border-bottom:none}.conversion-label{color:#6c757d;font-weight:500}.conversion-value{font-weight:700;color:#2c3e50;font-size:1.2rem}.size-phrases{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.size-phrases h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.phrase-list{gap:.75rem}.size-phrase{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:all .2s ease}.size-phrase:hover{background:#e9ecef;transform:translateX(5px)}.payment-methods{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.payment-selector{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.payment-options{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}.payment-btn{background:white;border:2px solid #27ae60;color:#27ae60;padding:1.5rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px}.payment-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(39,174,96,.3)}.payment-btn.active,.payment-btn:hover{background:#27ae60;color:white}.payment-icon{font-size:2rem}.payment-phrases{display:flex;flex-direction:column;gap:1rem}.payment-phrase{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;transition:all .2s ease}.payment-phrase:hover{background:#e9ecef;transform:translateX(5px)}.shopping-tips{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}@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{flex-direction:column;align-items:center}.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{padding:.75rem;flex-direction:column}.dialogue-line.clerk,.dialogue-line.customer{margin:0}.size-btn{padding:.75rem 1rem;font-size:1rem}.payment-phrase,.size-phrase{flex-direction:column;align-items:flex-start;gap:.5rem}}.technology-communication-custom{margin-top:2rem}.device-categories{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.device-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.device-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.device-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.device-tab:hover{background:#e9ecef}.device-tab.active{background:#2196f3;color:white}.device-icon{font-size:1.5rem}.device-name{font-weight:600}.device-content{padding:2rem}.device-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.devices-actions-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.actions-section h4,.devices-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #2196f3}.actions-list,.devices-list{display:flex;flex-direction:column;gap:1rem}.device-item{background:#f8f9fa;padding:1.5rem;border-radius:8px;transition:all .3s ease;border-left:4px solid #2196f3}.device-item:hover{background:#e9ecef;transform:translateX(5px)}.device-name-spanish{font-size:1.1rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.device-name-english{color:#6c757d;font-style:italic;margin-bottom:1rem}.device-features{display:flex;flex-wrap:wrap;gap:.5rem}.technology-communication-custom .feature-tag{background:#2196f3;color:white;padding:.3rem .6rem;border-radius:12px;font-size:.8rem;display:flex;align-items:center;gap:.3rem}.action-item{background:#f8f9fa;padding:1rem;border-radius:6px;transition:all .2s ease}.action-item:hover{background:#e9ecef;transform:translateX(3px)}.action-spanish{font-weight:600;color:#e74c3c;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.action-english{color:#6c757d;font-style:italic;font-size:.9rem}.communication-platforms{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.platform-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.platform-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.platform-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;color:#6c757d}.platform-tab:hover{background:#e9ecef}.platform-tab.active{background:#4caf50;color:white}.platform-icon{font-size:1.2rem}.platform-content{padding:2rem}.platform-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.platform-vocab-phrases{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.phrases-section h4,.vocab-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #4caf50}.vocab-grid{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}.vocab-item{background:#f8f9fa;padding:.75rem;border-radius:6px;transition:all .2s ease}.vocab-item:hover{background:#e9ecef;transform:translateX(3px)}.vocab-spanish{font-weight:600;color:#e74c3c;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.vocab-english{color:#6c757d;font-style:italic;font-size:.9rem}.phrases-list{display:flex;flex-direction:column;gap:1rem}.phrase-item{background:#f8f9fa;transition:all .2s ease}.phrase-item:hover{background:#e9ecef;transform:translateY(-2px)}.phrase-spanish{flex-wrap:wrap}.phrase-english{font-size:.95rem}.tech-scenarios{background:linear-gradient(135deg,#fff3e0,#f8f9fa)}.scenario-tab{white-space:nowrap}.scenario-tab.active{background:#ff9800}.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;margin-right:1rem}.dialogue-line.person2{background:#e0f2f1;margin-left:1rem}.digital-skills{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.skills-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.skills-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.skills-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;color:#6c757d}.skills-tab:hover{background:#e9ecef}.skills-tab.active{background:#9c27b0;color:white}.skills-icon{font-size:1.2rem}.skills-content{padding:2rem}.skills-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.skill-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .3s ease;border-left:4px solid #9c27b0}.skill-item:hover{background:#e9ecef;transform:translateY(-3px);box-shadow:0 4px 12px rgba(156,39,176,.2)}.skill-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.skill-english{color:#6c757d;font-style:italic;font-size:.9rem}.tech-problems{background:linear-gradient(135deg,#ffebee,#f8f9fa)}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.problem-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;border-top:4px solid #f44336}.problem-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(244,67,54,.2)}.problem-title{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.problem-spanish{font-size:1.1rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.problem-english{color:#6c757d;font-style:italic;font-size:.95rem}.solution h4{color:#2c3e50;font-size:1rem;margin-bottom:.5rem;font-weight:600}.solution-text{background:#f8f9fa;padding:.75rem;border-radius:6px;color:#2c3e50;font-size:.9rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tech-culture{background:linear-gradient(135deg,#e1f5fe,#f8f9fa)}@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{grid-template-columns:1fr;gap:1.5rem}.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{padding:.75rem;flex-direction:column;gap:.5rem}.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}}.time-weather-custom{margin-top:2rem}.clock-section{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.clock-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;background:white;box-shadow:0 4px 12px rgba(0,0,0,.08)}.clock-container,.time-display{border-radius:12px;padding:2rem}.time-display{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:linear-gradient(135deg,#3498db,#2980b9);color:white}.time-display .day-english{color:white}.digital-time{font-size:3rem;font-weight:700;font-family:Courier New,monospace;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{display:flex;align-items:center}.current-day{font-size:1.2rem;flex-direction:column;gap:.3rem}.day-text{display:flex;align-items:center;gap:.5rem;font-weight:600}.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{background:#f8f9fa;padding:.75rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.time-phrase:hover{background:#e9ecef;transform:translateX(5px)}.phrase-time{background:#3498db;color:white;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.weather-section{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.weather-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.weather-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.weather-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.weather-tab:hover{background:#e9ecef}.weather-tab.active{background:#f39c12;color:white}.weather-icon{font-size:1.5rem}.weather-name{display:flex;align-items:center;gap:.3rem;font-weight:600}.weather-content{padding:2rem}.weather-main{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px}.weather-icon-large{font-size:4rem}.weather-text h3{color:#2c3e50;font-size:1.5rem;margin-bottom:.5rem}.weather-description{font-size:1.2rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.weather-temperature{font-size:2rem;font-weight:700;color:#3498db}.weather-activities h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.activity-item{background:#f8f9fa;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.activity-item:hover{background:#e9ecef;transform:translateX(5px)}.activity-spanish{font-weight:600;color:#e74c3c;display:flex;align-items:center;gap:.5rem}.activity-english{color:#6c757d;font-style:italic}.calendar-section{background:linear-gradient(135deg,#f0f8ff,#f8f9fa)}.season-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.season-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.season-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;color:#6c757d}.season-tab:hover{background:#e9ecef}.season-tab.active{background:#27ae60;color:white}.season-icon{font-size:1.2rem}.season-name{display:flex;align-items:center;gap:.3rem}.season-content{padding:2rem}.season-header h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.season-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.season-activities h4,.season-months h4,.season-weather h4{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.activities-list,.months-list,.weather-list{display:flex;flex-direction:column;gap:.75rem}.month-item,.season-activity,.weather-item{background:#f8f9fa;padding:.75rem;border-radius:6px;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.month-item:hover,.season-activity:hover,.weather-item:hover{background:#e9ecef;transform:translateX(3px)}.month-spanish,.season-activity .activity-spanish,.weather-spanish{font-weight:600;color:#e74c3c;display:flex;align-items:center;gap:.5rem}.month-english,.weather-english{color:#6c757d;font-style:italic;font-size:.9rem}.season-activity{display:flex;justify-content:space-between;align-items:center}.season-activity .activity-english{color:#6c757d;font-style:italic;font-size:.9rem}.days-section{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.day-card{background:white;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;position:relative;border:2px solid transparent}.day-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.day-card.today{border-color:#27ae60;background:linear-gradient(135deg,#d5f4e6,#ffffff)}.day-spanish{font-size:1.2rem;font-weight:700;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.day-english{color:#6c757d;font-size:.9rem;margin-bottom:1rem}.day-activity{color:#2c3e50;font-size:.85rem;font-style:italic;display:flex;align-items:center;justify-content:center;gap:.3rem}.today-indicator{position:absolute;top:-10px;right:-10px;background:#27ae60;color:white;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;box-shadow:0 2px 8px rgba(39,174,96,.3)}.phrases-section{background:linear-gradient(135deg,#fff0f5,#f8f9fa)}.phrases-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.phrase-category{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease}.phrase-category:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.phrase-category h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e91e63}.category-phrases{display:flex;flex-direction:column;gap:.75rem}.conversation-phrase{background:#f8f9fa;padding:.75rem;border-radius:6px;transition:all .2s ease}.conversation-phrase:hover{background:#e9ecef;transform:translateX(5px)}.conversation-phrase .phrase-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.conversation-phrase .phrase-english{color:#6c757d;font-style:italic;font-size:.95rem}.culture-section{background:linear-gradient(135deg,#fffbf0,#f8f9fa)}.time-display .audio-player button{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.5)!important;color:white!important}.time-display .audio-player button:hover{background:rgba(255,255,255,.3)!important}@media (max-width:768px){.section{padding:1.5rem}.clock-container{grid-template-columns:1fr;gap:1.5rem}.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;text-align:center;gap:1rem}.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{flex-direction:column;align-items:flex-start;gap:.5rem}.culture-tips{grid-template-columns:1fr}}.topics{padding:2rem 0;min-height:100vh;background-color:var(--light-cream)}.topics .container{max-width:1200px;margin:0 auto;padding:0 1rem}.topics-header{text-align:center;margin-bottom:2rem}.topics-header h1{color:var(--primary-blue);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.topics-intro{color:var(--gray);font-size:1.1rem;line-height:1.6;max-width:800px;margin:0 auto}.topics-filters{background:var(--white);border-radius:0;padding:1.5rem;margin-bottom:2rem;box-shadow:0 5px 15px rgba(0,0,0,.1);border:1px solid var(--light-gray)}.filter-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:flex-end}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-group label{font-weight:600;color:var(--primary-blue);font-size:.9rem}.grammar .search-input{padding:.75rem;border:2px solid var(--light-gray);border-radius:0;font-size:1rem;transition:border-color .3s ease;min-width:300px}.grammar .search-input:focus{outline:none;border-color:var(--primary-blue)}.filter-select{border:2px solid var(--light-gray);border-radius:0;background:var(--white)}.filter-select:focus{border-color:var(--primary-blue)}.clear-filters-btn{background:var(--gold);color:var(--black);border-radius:0;align-self:flex-end}.clear-filters-btn:hover{background:var(--dark-gold);color:var(--white)}.results-summary{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--light-gray);flex-wrap:wrap;gap:1rem}.results-summary span{color:var(--gray);font-weight:500}.active-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tag{padding:.25rem .75rem;background:var(--light-cream);border:1px solid var(--gold);border-radius:0;font-size:.8rem;color:var(--gray);font-weight:500}.section-group,.topics-content{margin-bottom:3rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;background:var(--white);border-radius:0;box-shadow:0 3px 10px rgba(0,0,0,.1);border-left:4px solid var(--gold)}.section-header h2{color:var(--primary-blue);font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.section-icon{font-size:1.5rem}.topic-count{padding:.5rem 1rem;background:var(--primary-blue);color:var(--white);border-radius:0;font-weight:600;font-size:.9rem}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem}.topic-card{background:var(--white);border-radius:0;padding:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid var(--light-gray)}.topic-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:var(--gold)}.topic-header{margin-bottom:1rem}.topic-header h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;line-height:1.4}.topic-header h3 a{color:var(--primary-blue);text-decoration:none;transition:color .3s ease}.topic-header h3 a:hover{color:var(--dark-gold)}.topic-meta{display:flex;gap:.5rem;flex-wrap:wrap}.cefr-level,.difficulty{padding:.25rem .75rem;border-radius:0;font-size:.75rem;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.5px}.cefr-level{color:var(--black)}.popularity{color:var(--gold);font-weight:600;font-size:.9rem}.topic-excerpt{color:var(--gray);line-height:1.6;margin-bottom:1rem;font-size:.95rem}.topic-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.tag{padding:.25rem .75rem;background:var(--light-cream);border:1px solid var(--gold);border-radius:0;font-size:.8rem;font-weight:500}.tag,.tag.more{color:var(--gray)}.tag.more{background:var(--light-gray);font-style:italic;border-color:var(--light-gray)}.topic-actions{display:flex;justify-content:flex-end}.view-topic-btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:var(--primary-blue);border-radius:0;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,137,157,.3)}.view-topic-btn,.view-topic-btn:hover{color:var(--white);text-decoration:none}.view-topic-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,137,157,.4);background:var(--dark-gold)}.no-results{padding:3rem 2rem;background:var(--white);border-radius:0;box-shadow:0 5px 15px rgba(0,0,0,.1)}.no-results h2{color:var(--primary-blue);margin-bottom:1rem}.no-results p{color:var(--gray);margin-bottom:1.5rem}.quick-navigation{background:var(--white);border-radius:0;padding:2rem;box-shadow:0 5px 15px rgba(0,0,0,.1);border:1px solid var(--light-gray)}.quick-navigation h3{color:var(--primary-blue);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.topics .nav-links{display:flex;gap:1rem;flex-wrap:wrap}.topics .nav-link{padding:.75rem 1.5rem;background:var(--light-cream);border:2px solid var(--gold);border-radius:0;color:var(--gray);text-decoration:none;font-weight:500;transition:all .3s ease}.topics .nav-link:hover{background:var(--gold);border-color:var(--dark-gold);color:var(--black);text-decoration:none;transform:translateY(-2px)}@media (max-width:768px){.topics{padding:1rem 0}.topics-header h1{font-size:2rem}.filter-row{flex-direction:column;align-items:stretch}.filter-group,.search-input{min-width:auto}.topics-grid{grid-template-columns:1fr;gap:1rem}.topic-card{padding:1.25rem}.section-header{flex-direction:column;gap:1rem;text-align:center}.results-summary{align-items:stretch}.results-summary,.topics .nav-links{flex-direction:column}.topics .nav-link{text-align:center}}@media (max-width:480px){.topics-header h1{font-size:1.8rem}.topics-intro{font-size:1rem}.section-header h2{font-size:1.3rem}.topic-actions,.topic-meta{justify-content:center}}.travel-transport-custom{margin-top:2rem}.travel-journey{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.journey-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.journey-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.journey-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.journey-tab:hover{background:#e9ecef}.journey-tab.active{background:#3498db;color:white}.journey-icon{font-size:1.5rem}.journey-name{font-weight:600;text-align:center}.journey-content{padding:2rem}.journey-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.journey-description{color:#6c757d;font-style:italic;margin-bottom:1.5rem;padding:1rem;background:#e8f4fd;border-radius:8px;border-left:4px solid #3498db}.journey-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.journey-phrases-section h4,.journey-vocabulary-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #3498db}.journey-phrases-list,.journey-vocabulary-list{display:flex;flex-direction:column;gap:1rem}.journey-phrase-item,.journey-vocabulary-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .3s ease;border-left:4px solid #3498db}.journey-phrase-item:hover,.journey-vocabulary-item:hover{background:#e9ecef;transform:translateX(5px)}.journey-phrase-spanish,.journey-vocab-spanish{font-size:1.1rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.journey-phrase-english,.journey-vocab-english{color:#6c757d;font-style:italic}.transportation-hub{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.transport-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.transport-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.transport-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.transport-tab:hover{background:#e9ecef}.transport-tab.active{background:#ff9800;color:white}.transport-icon{font-size:1.5rem}.transport-name{font-weight:600;text-align:center}.transport-content{padding:2rem}.transport-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.transport-description{color:#6c757d;font-style:italic;margin-bottom:1.5rem;padding:1rem;background:#fff5e6;border-radius:8px;border-left:4px solid #ff9800}.transport-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.transport-method-card{background:#f8f9fa;padding:1.5rem;border-radius:12px;transition:all .3s ease;border-left:4px solid #ff9800}.transport-method-card:hover{background:#e9ecef;transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.method-header{margin-bottom:1rem}.method-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.method-english{color:#2c3e50;font-weight:500;margin-bottom:1rem}.method-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feature-badge{display:inline-block;padding:.3rem .6rem;border-radius:15px;font-size:.8rem;font-weight:500;background:linear-gradient(135deg,#ff9800,#f57c00);color:white}.method-cost{font-weight:600;color:#27ae60;margin-bottom:.5rem}.method-tip{font-size:.9rem;color:#6c757d;font-style:italic}.transport-phrases-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #ff9800}.transport-phrases-list{display:flex;flex-direction:column;gap:1rem}.transport-phrase-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .3s ease;border-left:4px solid #ff9800}.transport-phrase-item:hover{background:#e9ecef;transform:translateX(5px)}.transport-phrase-spanish{font-size:1.1rem;font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.transport-phrase-english{color:#6c757d;font-style:italic}.travel-conversations{background:linear-gradient(135deg,#f3e5f5,#f8f9fa)}.conversation-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.conversation-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.conversation-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:#6c757d;white-space:nowrap}.conversation-tab:hover{background:#e9ecef}.conversation-tab.active{background:#9c27b0;color:white}.conversation-content{padding:2rem}.conversation-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.conversation-info-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem}.dialogue-section h4,.tips-section h4{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #9c27b0}.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}.tips-list{display:flex;flex-direction:column;gap:1rem}.tip-item{background:#f8f9fa;padding:1rem;border-radius:8px;transition:all .2s ease}.tip-item:hover{background:#e9ecef;transform:translateY(-2px)}.tip-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tip-english{color:#6c757d;font-style:italic;font-size:.95rem}.destination-explorer{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.destination-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.destination-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.destination-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.destination-tab:hover{background:#e9ecef}.destination-tab.active{background:#28a745;color:white}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.destination-card{background:#f8f9fa;padding:1.5rem;border-radius:12px;transition:all .3s ease;border-left:4px solid #28a745}.destination-card:hover{background:#e9ecef;transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.destination-header{margin-bottom:1rem}.destination-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.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{font-style:italic;color:#6c757d;background:#e8f5e8;padding:.75rem;border-radius:6px}.travel-culture{background:linear-gradient(135deg,#ffebee,#f8f9fa)}@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{grid-template-columns:1fr;gap:1.5rem}.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{padding:.75rem;flex-direction:column;gap:.5rem}.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}}.verb-detail-page{background:var(--light-cream);min-height:100vh;font-family:var(--font-family-primary);padding:2rem 0}.breadcrumb{margin-bottom:2rem}.breadcrumb a{color:var(--primary-blue);text-decoration:none;font-size:1.1rem;transition:color .3s ease}.breadcrumb a:hover{color:var(--accent-orange)}.verb-detail-page .verb-detail-header{background:white;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:relative}.mobile-back-button{display:none;position:absolute;top:1rem;left:1rem;color:var(--primary-blue);text-decoration:none;font-size:1.1rem;transition:color .3s ease;z-index:10}.mobile-back-button:hover{color:var(--accent-orange)}.verb-title h1{font-size:3rem;color:var(--primary-blue);margin:0 0 .5rem;font-weight:700}.verb-translation{font-size:1.5rem;color:#495057;margin:0;font-weight:500}.verb-badges{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.verb-detail-page .stem-change-badge,.verb-detail-page .verb-ending-badge,.verb-detail-page .verb-type-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.verb-type-badge.regular,a.verb-type-badge.regular{background:#e3f2fd;color:#1976d2}a.verb-type-badge.regular{display:inline-block;transition:all .3s ease;cursor:pointer}a.verb-type-badge.regular:hover{background:#bbdefb;color:#1565c0;transform:translateY(-1px);box-shadow:0 2px 8px rgba(25,118,210,.2)}.verb-type-badge.irregular{background:#ffebee;color:#d32f2f}.verb-type-badge.stem-changing{background:#fff3e0;color:#f57c00}.verb-ending-badge{background:#f3e5f5;color:#7b1fa2}.stem-change-badge{background:#fff8e1;color:#f9a825}.verb-detail-page .importance-badge{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:.3rem .75rem;border-radius:12px;font-size:.9rem;font-weight:600}.verb-content{display:flex;flex-direction:column;gap:2rem}.verb-detail-page .conjugation-section{background:white;border-radius:1rem;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.verb-detail-page .conjugation-section h2{color:var(--primary-blue);margin-bottom:.5rem;font-size:2.5rem;font-weight:700;text-align:center}.group-description{text-align:center;color:#6c757d;font-size:1.1rem;margin-bottom:2rem;font-style:italic;line-height:1.5}.conjugation-table-wrapper{margin-bottom:1.5rem}.conjugation-table-desktop{display:block}.full-conjugation-table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.1);font-size:.95rem}.full-conjugation-table th{padding:1rem .75rem;text-align:center;font-weight:600;font-size:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.person-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:white;text-align:left;min-width:140px}.verb-type-subheader{background:linear-gradient(135deg,#e8eaf6,#dce1f2);color:#2c3e50;font-weight:700;font-size:.95rem;padding:.6rem;border-bottom:3px solid #9ca3c7;text-transform:uppercase;letter-spacing:.5px;text-align:center}.tense-header{color:white;min-width:120px}.tense-header.tense-present{background:linear-gradient(135deg,#3498db,#2980b9)}.tense-header.tense-preterite{background:linear-gradient(135deg,#e74c3c,#c0392b)}.tense-header.tense-imperfect{background:linear-gradient(135deg,#f39c12,#d68910)}.tense-header.tense-future{background:linear-gradient(135deg,#27ae60,#229954)}.tense-header.tense-conditional{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.tense-header.tense-presentsubjunctive{background:linear-gradient(135deg,#e67e22,#d35400)}.tense-header.tense-imperfectsubjunctive{background:linear-gradient(135deg,#e74c3c,#c0392b)}.tense-header.tense-imperative{background:linear-gradient(135deg,#1abc9c,#16a085)}.tense-header.tense-presentperfect{background:linear-gradient(135deg,#5f27cd,#6c5ce7)}.tense-header.tense-pastperfect{background:linear-gradient(135deg,#95a5a6,#a9b5b6)}.tense-header.tense-futureperfect{background:linear-gradient(135deg,#2ecc71,#27ae60)}.tense-header.tense-conditionalperfect{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.tense-header.tense-presentperfectsubjunctive{background:linear-gradient(135deg,#8e44ad,#7b3f99)}.tense-header.tense-pluperfectsubjunctive{background:linear-gradient(135deg,#c0392b,#a93226)}.tense-header .grammar-tooltip-trigger{color:white!important;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:2px}.tense-header .grammar-tooltip-trigger:hover{color:white!important;text-decoration-thickness:2px}.tense-header a{color:white!important;text-decoration:none}.tense-header a:hover{color:white!important;opacity:.8}.full-conjugation-table td{padding:.9rem .75rem;border-bottom:1px solid #f8f9fa;vertical-align:middle}.full-conjugation-table tr:last-child td{border-bottom:none}.full-conjugation-table tr:nth-child(2n){background:#fafbfc}.pronoun-cell{font-weight:600;color:#2c3e50;background:#ecf0f1;border-right:2px solid #bdc3c7}.conjugation-cell{font-weight:700;font-size:1rem;text-align:center}.conjugation-cell.tense-present{color:#2980b9}.conjugation-cell.tense-preterite{color:#c0392b}.conjugation-cell.tense-imperfect{color:#d68910}.conjugation-cell.tense-future{color:#229954}.conjugation-cell.tense-conditional{color:#8e44ad}.conjugation-cell.tense-presentsubjunctive{color:#d35400}.conjugation-cell.tense-imperfectsubjunctive{color:#c0392b}.conjugation-cell.tense-imperative{color:#16a085}.conjugation-cell.tense-presentperfect{color:#5f27cd}.conjugation-cell.tense-pastperfect{color:#95a5a6}.conjugation-cell.tense-futureperfect{color:#27ae60}.conjugation-cell.tense-conditionalperfect{color:#8e44ad}.conjugation-cell.tense-presentperfectsubjunctive{color:#7b3f99}.conjugation-cell.tense-pluperfectsubjunctive{color:#c0392b}.conjugation-table-mobile{display:none}.mobile-tense-section{margin-bottom:2rem;background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08)}.mobile-conjugation-table{width:100%;border-collapse:collapse}.mobile-tense-header{padding:1rem;color:white;font-size:1.3rem;font-weight:700;text-align:center}.mobile-person-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:white;padding:.5rem .3rem;font-size:.85rem;font-weight:600;text-align:left;width:25%;max-width:80px}.mobile-verb-type-subheader{background:linear-gradient(135deg,#e8eaf6,#dce1f2);color:#2c3e50;padding:.5rem .3rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;text-align:center;border-bottom:2px solid #9ca3c7;width:25%}.mobile-pronoun-cell{background:#ecf0f1;color:#2c3e50;padding:.4rem .3rem;font-size:.75rem;font-weight:600;border-right:1px solid #bdc3c7;line-height:1.2;white-space:normal;word-break:break-word;width:25%;max-width:80px}.mobile-conjugation-cell{padding:.4rem .3rem;text-align:center;font-size:.85rem;border-bottom:1px solid #f0f0f0;width:25%}.mobile-conjugation-table tbody tr:last-child td{border-bottom:none}.mobile-conjugation-table tbody tr:nth-child(2n){background:#fafbfc}.mobile-tense-title{margin:0;padding:1rem;color:white;font-size:1.3rem;font-weight:700;text-align:center}.mobile-tense-header.tense-present{background:linear-gradient(135deg,#3498db,#2980b9)}.mobile-tense-header.tense-preterite{background:linear-gradient(135deg,#e74c3c,#c0392b)}.mobile-tense-header.tense-imperfect{background:linear-gradient(135deg,#f39c12,#d68910)}.mobile-tense-header.tense-future{background:linear-gradient(135deg,#27ae60,#229954)}.mobile-tense-header.tense-conditional{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.mobile-tense-header.tense-presentsubjunctive{background:linear-gradient(135deg,#e67e22,#d35400)}.mobile-tense-header.tense-imperfectsubjunctive{background:linear-gradient(135deg,#e74c3c,#c0392b)}.mobile-tense-header.tense-imperative{background:linear-gradient(135deg,#1abc9c,#16a085)}.mobile-tense-header.tense-presentperfect{background:linear-gradient(135deg,#5f27cd,#6c5ce7)}.mobile-tense-header.tense-pastperfect{background:linear-gradient(135deg,#95a5a6,#a9b5b6)}.mobile-tense-header.tense-futureperfect{background:linear-gradient(135deg,#2ecc71,#27ae60)}.mobile-tense-header.tense-conditionalperfect{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.mobile-tense-header.tense-presentperfectsubjunctive{background:linear-gradient(135deg,#8e44ad,#7b3f99)}.mobile-tense-header.tense-pluperfectsubjunctive{background:linear-gradient(135deg,#c0392b,#a93226)}.mobile-tense-section.tense-present .mobile-tense-title{background:linear-gradient(135deg,#3498db,#2980b9)}.mobile-tense-section.tense-preterite .mobile-tense-title{background:linear-gradient(135deg,#e74c3c,#c0392b)}.mobile-tense-section.tense-imperfect .mobile-tense-title{background:linear-gradient(135deg,#f39c12,#d68910)}.mobile-tense-section.tense-future .mobile-tense-title{background:linear-gradient(135deg,#27ae60,#229954)}.mobile-conjugation-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:#e9ecef}.mobile-conjugation-item{background:white;padding:1rem;display:flex;justify-content:space-between;align-items:center}.mobile-pronoun{font-weight:600;color:#2c3e50;font-size:.9rem}.mobile-conjugation{font-weight:700;font-size:1rem}.mobile-tense-section.tense-present .mobile-conjugation{color:#2980b9}.mobile-tense-section.tense-preterite .mobile-conjugation{color:#c0392b}.mobile-tense-section.tense-imperfect .mobile-conjugation{color:#d68910}.mobile-tense-section.tense-future .mobile-conjugation{color:#229954}.mobile-tense-section.tense-conditional .mobile-tense-title{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.mobile-tense-section.tense-conditional .mobile-conjugation{color:#8e44ad}.mobile-tense-section.tense-presentsubjunctive .mobile-tense-title{background:linear-gradient(135deg,#e67e22,#d35400)}.mobile-tense-section.tense-presentsubjunctive .mobile-conjugation{color:#d35400}.mobile-tense-section.tense-imperfectsubjunctive .mobile-tense-title{background:linear-gradient(135deg,#e74c3c,#c0392b)}.mobile-tense-section.tense-imperfectsubjunctive .mobile-conjugation{color:#c0392b}.mobile-tense-section.tense-imperative .mobile-tense-title{background:linear-gradient(135deg,#1abc9c,#16a085)}.mobile-tense-section.tense-imperative .mobile-conjugation{color:#16a085}.mobile-tense-section.tense-presentperfect .mobile-tense-title{background:linear-gradient(135deg,#5f27cd,#6c5ce7)}.mobile-tense-section.tense-presentperfect .mobile-conjugation{color:#5f27cd}.mobile-tense-section.tense-pastperfect .mobile-tense-title{background:linear-gradient(135deg,#95a5a6,#a9b5b6)}.mobile-tense-section.tense-pastperfect .mobile-conjugation{color:#95a5a6}.mobile-tense-section.tense-futureperfect .mobile-tense-title{background:linear-gradient(135deg,#2ecc71,#27ae60)}.mobile-tense-section.tense-futureperfect .mobile-conjugation{color:#27ae60}.mobile-tense-section.tense-conditionalperfect .mobile-tense-title{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.mobile-tense-section.tense-conditionalperfect .mobile-conjugation{color:#8e44ad}.mobile-tense-section.tense-presentperfectsubjunctive .mobile-tense-title{background:linear-gradient(135deg,#8e44ad,#7b3f99)}.mobile-tense-section.tense-presentperfectsubjunctive .mobile-conjugation{color:#7b3f99}.mobile-tense-section.tense-pluperfectsubjunctive .mobile-tense-title{background:linear-gradient(135deg,#c0392b,#a93226)}.mobile-tense-section.tense-pluperfectsubjunctive .mobile-conjugation{color:#c0392b}.mobile-tense-header .grammar-tooltip-trigger,.mobile-tense-title .grammar-tooltip-trigger{color:white!important;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:2px}.mobile-tense-header .grammar-tooltip-trigger:hover,.mobile-tense-title .grammar-tooltip-trigger:hover{color:white!important;text-decoration-thickness:2px}.mobile-tense-header a{color:white!important;text-decoration:none}.mobile-tense-header a:hover{color:white!important;opacity:.8}.conjugation-note{background:#f8f9fa;border-left:4px solid #667eea;padding:1rem;border-radius:5px;margin-bottom:1.5rem}.conjugation-note:last-child{margin-bottom:0}.conjugation-note h4{color:#333;margin:0 0 .5rem;font-size:1.2rem}.conjugation-note p{color:#666;margin:0;line-height:1.6}.conjugation-note ul{margin:.5rem 0 0 1rem;padding-left:1rem}.conjugation-note li{color:#666;margin-bottom:.5rem;line-height:1.5}.verb-notes-section{margin-bottom:2rem}.verb-detail-page .examples-section,.verb-notes-section{background:white;border-radius:1rem;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.verb-detail-page .examples-section h2,.verb-detail-page .examples-section h3{color:var(--primary-blue);margin-bottom:1rem}.verb-detail-page .examples-section h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.examples-section h3{font-size:1.5rem;font-weight:500;margin-bottom:1rem;margin-top:2rem}.examples-section h3:first-of-type{margin-top:0}.examples-grid{margin-bottom:2rem}.phrases-grid{margin-bottom:1rem}.examples-list,.phrases-list{display:grid;grid-gap:1rem;gap:1rem}.example-item{background:#f8f9fa;border-radius:8px;padding:1rem;border-left:4px solid #667eea}.spanish-example{display:block;font-weight:600;color:#333;font-size:1.1rem;margin-bottom:.25rem}.phonetic-pronunciation{display:block;color:#2980b9;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:.25rem;font-weight:500}.english-translation{display:block;color:#666;font-style:italic}.phrase-item{background:#fff8e1;border-radius:8px;padding:1rem;border-left:4px solid #f9a825}.phrase-text{display:block;font-weight:600;color:#333;font-size:1.1rem;margin-bottom:.25rem}.non-conjugated-section{margin-bottom:1.5rem;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#e3e9f3);border-radius:12px}.non-conjugated-section h2{color:#2c3e50;margin-bottom:1.5rem;font-size:1.8rem;text-align:center}.non-conjugated-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem}.non-conjugated-item{text-align:center;background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.non-conjugated-item h4{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.non-conjugated-form{font-size:1.5rem;font-weight:700;color:#2980b9;margin-bottom:.5rem}.form-translation{font-size:.9rem;color:#95a5a6;font-style:italic}.verb-detail-page .verb-info-section{background:white;border-radius:1rem;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.verb-detail-page .verb-info-section h2{color:var(--primary-blue);margin-bottom:2rem;font-size:2.5rem;font-weight:700;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.info-item{background:#f8f9fa;border-radius:10px;padding:1.5rem;text-align:center}.info-item h4{color:#667eea;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.info-item p{color:#333;margin:0;font-weight:500;font-size:1rem}.verb-detail-page .usage-tips-section{background:white;border-radius:1rem;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.verb-detail-page .usage-tips-section h2{color:var(--primary-blue);margin-bottom:2rem;font-size:2.5rem;font-weight:700;text-align:center}.tips-content{display:flex;flex-direction:column;gap:1.5rem}.tip{background:#f8f9fa;border-radius:10px;padding:1.5rem;border-left:4px solid #667eea}.tip h4{color:#333;margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.tip p{color:#666;margin:0;line-height:1.6}.priority-tip{border-left-color:#e74c3c;background:#fff5f5}.priority-tip h4{color:#e74c3c}.verb-navigation{display:flex;justify-content:space-between;margin-top:3rem;flex-wrap:wrap;gap:1rem}.verb-navigation a{background:var(--primary-blue);color:white;padding:1rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .3s ease}.verb-navigation a:hover{background:var(--accent-orange);transform:translateY(-2px)}@media (max-width:1200px){.full-conjugation-table{font-size:.9rem}.full-conjugation-table td,.full-conjugation-table th{padding:.7rem .4rem}.verb-type-subheader{font-size:.85rem;padding:.5rem .3rem;letter-spacing:.3px}.conjugation-cell{font-size:.95rem}}@media (max-width:992px){.conjugation-table-desktop{display:none}.conjugation-table-mobile{display:block}.full-conjugation-table{font-size:.85rem}.full-conjugation-table td,.full-conjugation-table th{padding:.6rem .5rem}}@media (max-width:768px){.verb-detail-page{padding:1rem 0}.breadcrumb{display:none}.mobile-back-button{display:inline-flex;align-items:center}.verb-detail-header{flex-direction:column;text-align:center;padding:3rem 1.5rem 1.5rem}.verb-title h1{font-size:2.5rem;margin-top:1rem}.verb-translation{font-size:1.2rem}.examples-section,.usage-tips-section,.verb-info-section{padding:1.5rem}.conjugation-section{padding:.5rem!important}.conjugation-section h2,.examples-section h2,.usage-tips-section h2,.verb-info-section h2{font-size:1.5rem}.conjugation-table-desktop{display:none}.conjugation-table-mobile{display:block}.mobile-conjugation-grid{grid-template-columns:1fr;gap:0}.mobile-conjugation-item{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0}.mobile-conjugation-item:last-child{border-bottom:none}.info-grid{grid-template-columns:1fr}.verb-navigation{flex-direction:column}.verb-navigation a{text-align:center}}@media (max-width:480px){.mobile-back-button{top:.75rem;left:.75rem;font-size:1rem}.verb-title h1{font-size:2rem;margin-top:1rem}.verb-translation{font-size:1.1rem}.conjugation-table{font-size:.85rem}.conjugation-table td,.conjugation-table th{padding:.5rem}.verb-badges{justify-content:center}.importance-badge,.stem-change-badge,.verb-ending-badge,.verb-type-badge{font-size:.8rem;padding:.4rem .8rem}}.verb-nav-link:hover{background-color:#f0f0f0!important;border-color:var(--primary-blue)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,128,.1)}@media (max-width:768px){.verb-nav-link{max-width:100%!important;width:100%}}.verbs-page{background:var(--light-cream);min-height:100vh;font-family:var(--font-family-primary)}.loading-state{text-align:center;padding:4rem 2rem;color:var(--primary-blue)}.loading-state h2{font-size:2rem;margin-bottom:2rem;font-weight:600;color:var(--primary-blue)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,0,128,.2);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.verbs-page .verbs-page-header{text-align:center}.verbs-page .verbs-page-header h1{font-size:3.5rem;font-weight:800;color:var(--primary-blue);margin-bottom:.5rem}.verbs-page .verbs-description{font-size:1.25rem;color:#64748b;max-width:800px;margin:0 auto 2rem;line-height:1.6;font-weight:300}.verbs-page .verbs-search-section{background:white;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.search-section-header{text-align:center;margin-bottom:2.5rem}.search-section-header h2{color:var(--primary-blue);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.search-subtitle{color:#6c757d;font-size:1.2rem;line-height:1.6;max-width:600px;margin:0 auto}.verbs-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.search-input-wrapper{width:100%}.verbs-search-input{width:100%;padding:1rem;border:2px solid #e9ecef;border-radius:.5rem;font-size:16px;transition:border-color .3s ease;background:white;box-sizing:border-box}.verbs-search-input:focus{outline:none;border-color:var(--gold)}.filter-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.filter-select{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:.5rem;font-size:1rem;background:white;transition:border-color .3s ease;appearance:none;color:black;-moz-appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat,repeat;background-position:right .7em top 50%;background-size:.65em auto;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--gold)}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.clear-filters-btn{background:var(--accent-orange);color:white;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.clear-filters-btn:hover{background:#dc5a00;transform:translateY(-2px)}.results-info{color:#6c757d;font-size:.9rem;margin-bottom:1rem;font-weight:600}.verbs-page .verbs-list-section{margin:2rem 0}.verbs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;align-items:start;max-width:1200px;margin:0 auto}.verb-card{background:white;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;height:120px;border:2px solid transparent;position:relative;overflow:hidden;width:100%;box-sizing:border-box;text-decoration:none;color:inherit;text-align:center;gap:.5rem}.verb-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12);border-color:var(--primary-blue)}.verb-main{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.5rem;flex:1 1;justify-content:center}.verb-card .verb-spanish{font-size:1.1rem;font-weight:600;color:var(--primary-blue);margin:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.verb-card .verb-english,.verb-card .verb-spanish{overflow:hidden;text-overflow:ellipsis;max-width:100%}.verb-card .verb-english{font-size:.9rem;color:#666;font-weight:400;white-space:nowrap}.verb-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.25rem}.stem-change,.verb-card .verb-type,.verb-ending{font-size:.75rem;padding:.15rem .4rem;border-radius:4px;font-weight:500}.verb-card .verb-type{background:#e3f2fd;color:#1976d2}.verb-ending{background:#f3e5f5;color:#7b1fa2}.stem-change{background:#fff3e0;color:#f57c00}.verb-category{font-size:.8rem;color:#999;font-style:italic}.verb-card .importance-badge{position:absolute;top:.4rem;left:.4rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:.2rem .4rem;border-radius:8px;font-size:.7rem;font-weight:600}.badge-desktop{display:inline}.badge-mobile{display:none}.no-results{text-align:center;padding:3rem;color:#666}.no-results p{font-size:1.2rem;margin-bottom:2rem}.verbs-page .verbs-help{background:white;border-radius:1rem;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.verbs-page .verbs-help h3{color:var(--primary-blue);margin-bottom:2rem;font-size:2.5rem;font-weight:700;text-align:center}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.help-item{background:white;border-radius:1rem;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:all .3s ease;text-align:center;border-top:4px solid #e0e0e0}.help-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.12);border-top-color:var(--primary-blue)}.help-item h4{color:var(--primary-blue);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.help-item p{color:#495057;line-height:1.6;font-size:.95rem}.mobile-clear-btn,.mobile-filter-controls{display:none!important}@media (max-width:768px){.search-type-wrapper{flex:1 1 auto!important;width:auto!important}.desktop-filter-controls{display:none!important}.mobile-filter-controls{display:flex!important}.mobile-clear-btn{display:block!important}.search-type-wrapper select{display:none}.verbs-page{padding:0 .5rem}.verbs-page .verbs-page-header{padding-top:0}.verbs-page .verbs-page-header h1{font-size:2.5rem}.verbs-page .verbs-description{font-size:1rem}.verbs-header h1{font-size:2.2rem}.verbs-description{font-size:1rem}.verbs-help,.verbs-search-section{padding:1.5rem;margin-bottom:2rem}.verbs-list-section{margin-bottom:2rem!important;padding:0!important}.verbs-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.filter-controls{flex-direction:column;align-items:stretch}.clear-filters-btn,.filter-select{width:100%}.help-grid{grid-template-columns:1fr;gap:1.5rem}.search-section-header h2{font-size:2rem}.search-subtitle{font-size:1.1rem}}@media (max-width:600px){.verbs-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.verb-card{padding:1rem;min-height:110px;height:110px}.verb-card .verb-spanish{font-size:.95rem;line-height:1.1}.verb-card .verb-english{font-size:.8rem}.badge-desktop{display:none}.badge-mobile{display:inline}.verb-card .importance-badge{padding:.15rem .3rem;font-size:.65rem}}@media (max-width:480px){.verbs-page .verbs-page-header h1{font-size:2rem}.verbs-page .verbs-description{margin-bottom:1%}.verbs-list-section{padding:0!important;margin:1cqb 0 0!important}}.vocabulary{background:var(--light-cream);min-height:100vh;font-family:var(--font-family-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vocabulary-hero{text-align:center;padding:4rem 0 3rem;background:linear-gradient(135deg,var(--primary-blue) 0,#1976d2 100%);color:white;margin-bottom:3rem;border-radius:0 0 2rem 2rem;position:relative;overflow:hidden;z-index:1}.vocabulary-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.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="%23ffffff"></path></svg>') no-repeat bottom;background-size:cover}.vocabulary-hero h1{font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 3px 15px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.8);position:relative;z-index:2;color:#ffffff}.vocabulary-hero .hero-subtitle{font-size:1.3rem;font-weight:400;margin-bottom:2rem;opacity:1;position:relative;z-index:2;color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,.4);max-width:800px;margin-left:auto;margin-right:auto}.vocab-stats{display:flex;justify-content:center;gap:2rem;margin-top:2rem;position:relative;z-index:1}.vocabulary .stat-card{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease;min-width:140px;color:#ffffff}.vocabulary .stat-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.2)}.vocabulary .stat-icon{font-size:2rem;margin-bottom:.5rem;color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.vocabulary .stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem;color:#ffffff;text-shadow:0 2px 6px rgba(0,0,0,.4)}.vocabulary .stat-label{font-size:.9rem;opacity:1;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.4);font-weight:500}.section-subtitle{text-align:center;font-size:1.25rem;color:#64748b;margin-bottom:2rem}.vocabulary-categories{margin-bottom:3rem}.vocabulary-categories h1{text-align:center!important;font-size:3.5rem;font-weight:800;color:var(--primary-blue);margin-bottom:.5rem}.vocabulary-categories h2{text-align:center;font-size:2.5rem;color:var(--primary-blue);margin-bottom:.5rem;font-weight:700}.vocabulary .categories-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:1200px;margin:0 auto 2rem}.vocabulary .category-card-link{text-decoration:none;color:inherit;display:block;transition:transform .3s ease;height:100%}.vocabulary .category-card{background:white;border:3px solid transparent;border-radius:16px;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);position:relative;overflow:hidden;height:auto;min-height:unset}.vocabulary .category-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(61,139,253,.1),rgba(0,201,215,.1));opacity:0;transition:opacity .3s ease}.vocabulary .category-card-link:hover .category-card{border-color:#3d8bfd;transform:translateY(-5px);box-shadow:0 8px 24px rgba(61,139,253,.3)}.vocabulary .category-card-link:hover .category-card:before{opacity:1}.vocabulary .card-header{display:none}.vocabulary .category-icon{font-size:2rem;display:block;text-align:center;line-height:1;margin:0;padding:0}.vocabulary .word-count{font-size:.85rem;color:#666;margin:0;padding:0;line-height:1}.vocabulary .category-card h3{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0;padding:0;text-align:center;line-height:1.3}.vocabulary .card-action,.vocabulary .card-description{display:none}.common-phrases{margin-bottom:3rem}.common-phrases h2{text-align:center;font-size:2.5rem;color:var(--primary-blue);margin-bottom:.5rem;font-weight:700}.phrases-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.phrase-section{background:white;padding:2rem;border-radius:1rem;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:all .3s ease;border-top:4px solid var(--primary-blue)}.phrase-section:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.12)}.phrase-section h3{color:var(--primary-blue);margin-bottom:1.5rem;font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.phrase-section h3:before{content:"💬";font-size:1.2rem}.phrase-section ul{list-style:none}.phrase-section ul li{padding:.5rem 0;border-bottom:1px solid var(--light-gray);color:var(--gray)}.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{text-align:center;font-size:2.5rem;color:var(--primary-blue);margin-bottom:3rem;font-weight:700}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.tip-card{border-radius:1rem;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08);border-top:4px solid #e0e0e0}.tip-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.12);border-top-color:var(--primary-blue)}.tip-icon{font-size:3rem;display:block}.tip-card h3{color:var(--primary-blue);font-size:1.3rem;font-weight:600;margin-bottom:1rem;text-align:center!important;display:block!important;width:100%!important}.tip-card p{color:#495057;line-height:1.6}.vocabulary .coming-soon{background:linear-gradient(135deg,white,#f8f9fa);padding:3rem;text-align:center;margin-top:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08);border:2px solid transparent;background-clip:padding-box}.vocabulary .coming-soon h2{color:var(--primary-blue);margin-bottom:1rem;font-size:2rem;font-weight:600}.vocabulary .coming-soon p{color:#495057;font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}@media (max-width:1050px){.vocabulary .categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.vocabulary-categories h1{font-size:2.5rem}.section-subtitle{font-size:1rem}.vocabulary-hero{padding:1.5rem 0 .5rem;margin-bottom:1.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}.vocabulary .categories-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.vocabulary .category-card{padding:1.5rem .5rem}.vocabulary .category-icon{font-size:2rem}.vocabulary .category-card h3{font-size:1rem}.vocabulary .word-count{font-size:.75rem}.phrases-grid,.tips-grid{grid-template-columns:1fr;gap:1rem}.vocabulary .category-card-link:hover{transform:none}.phrase-section,.tip-card{padding:1.5rem}}@media (max-width:480px){.vocabulary{padding:0 1rem}.vocabulary-categories h1{font-size:2rem}.vocabulary-hero{padding:1rem 0 .25rem;margin-bottom:1rem}.vocabulary-hero h1{font-size:1.5rem;margin-bottom:.25rem}.vocabulary-hero .hero-subtitle{font-size:.9rem;margin-bottom:.75rem}.phrases-grid,.tips-grid,.vocabulary .categories-grid{gap:1.5rem;grid-template-columns:1fr}.phrases-grid,.vocabulary-download-section{padding:0}.vocabulary .categories-grid{margin-bottom:1rem}.vocabulary .category-card-link:hover{transform:none}.phrase-section,.tip-card,.vocabulary .category-card{padding:1.25rem}.vocabulary .category-card h3{font-size:1.2rem}.vocabulary .card-description{font-size:.9rem;min-height:auto}.vocabulary .category-icon{width:3rem;height:3rem;font-size:2rem}.vocabulary .coming-soon{padding:2rem 1rem}}@media (max-width:600px){.vocabulary .categories-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem}.vocabulary .category-card{padding:1rem .5rem;border-radius:12px;gap:.25rem;min-height:unset}.vocabulary .category-icon{font-size:1.5rem;margin-bottom:0}.vocabulary .category-card h3{font-size:.85rem;margin:0;line-height:1.2}.vocabulary .word-count{font-size:.65rem;margin-top:0}}@media (max-width:380px){.vocabulary .categories-grid{gap:.5rem}.vocabulary .category-card{padding:.75rem .25rem;gap:.2rem}.vocabulary .category-icon{font-size:1.25rem}.vocabulary .category-card h3{font-size:.8rem;line-height:1.1}.vocabulary .word-count{font-size:.6rem}}.work-business-custom{margin-top:2rem}.section{background:#f8f9fa;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.section h2{color:#2c3e50;font-size:1.8rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.section-intro{color:#6c757d;font-size:1.1rem;margin-bottom:1.5rem}.office-explorer{background:linear-gradient(135deg,#e8f4fd,#f8f9fa)}.office-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.area-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.area-tab-wrapper{flex:1 1;position:relative}.area-tab{width:100%;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.area-tab:hover{background:#e9ecef}.area-tab.active{background:#3498db;color:white}.area-icon{font-size:1.5rem}.area-name{display:flex;align-items:center;gap:.3rem;font-weight:600}.area-content{padding:2rem}.area-details h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.area-details h3 .audio-player{margin-left:.5rem}.area-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}@media (max-width:992px){.area-items{grid-template-columns:repeat(2,1fr)}}.area-item{background:#f8f9fa;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.area-item:hover{background:#e9ecef;transform:translateX(5px)}.item-spanish{font-weight:600;color:#e74c3c;display:flex;align-items:center;gap:.5rem}.item-english{color:#6c757d;font-style:italic}.business-scenarios{background:linear-gradient(135deg,#fff5e6,#f8f9fa)}.scenario-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.scenario-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.scenario-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:#6c757d}.scenario-tab:hover{background:#e9ecef}.scenario-tab.active{background:#f39c12;color:white}.scenario-content{padding:2rem}.scenario-dialogues h3{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.dialogue-lines{display:flex;flex-direction:column;gap:1rem}.dialogue-line{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border-radius:8px;transition:all .2s ease}.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}.dialogue-line:hover{transform:translateX(5px)}.speaker-icon{font-size:1.5rem;flex-shrink:0}.dialogue-content{flex:1 1}.dialogue-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dialogue-english{color:#6c757d;font-style:italic;font-size:.95rem}.business-communication{background:linear-gradient(135deg,#f0f8ff,#f8f9fa)}.communication-selector{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.communication-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.communication-tab{flex:1 1;background:none;border:none;padding:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:500;color:#6c757d}.communication-tab:hover{background:#e9ecef}.communication-tab.active{background:#27ae60;color:white}.communication-icon{font-size:1.2rem}.communication-content{padding: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;padding:1rem;border-radius:8px;transition:all .2s ease}.communication-phrase:hover{background:#e9ecef;transform:translateX(5px)}.phrase-spanish{font-weight:600;color:#e74c3c;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.phrase-english{color:#6c757d;font-style:italic}.career-progression{background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.career-levels{display:flex;flex-direction:column;gap:2rem}.career-level{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease}.career-level:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.level-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.level-icon{font-size:2.5rem}.level-title{flex:1 1}.level-spanish{font-size:1.4rem;font-weight:700;color:#2c3e50}.level-english{color:#6c757d;font-style:italic;margin-top:.25rem}.level-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.positions-section h4,.responsibilities-section h4{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.positions-list,.responsibilities-list{display:flex;flex-direction:column;gap:.75rem}.position-item,.responsibility-item{background:#f8f9fa;padding:.75rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.position-item:hover,.responsibility-item:hover{background:#e9ecef;transform:translateX(3px)}.position-spanish,.responsibility-spanish{font-weight:600;color:#e74c3c;display:flex;align-items:center;gap:.5rem}.position-english,.responsibility-english{color:#6c757d;font-style:italic;font-size:.9rem}.work-culture{background:linear-gradient(135deg,#fff0f5,#f8f9fa)}.culture-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.tip-card{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center;transition:all .3s ease}.tip-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.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}@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{padding:.75rem;flex-direction:column;gap:.5rem}.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;text-align:center;gap:.5rem}.area-item,.position-item,.responsibility-item{flex-direction:column;align-items:flex-start;gap:.5rem}}