@layer pages{.gen-container{margin:5rem auto 5rem;max-width:1400px;width:85%;background-color:var(--bg-cream);border-radius:35px 0 35px;padding:2rem;line-height:1.7;display:flex;flex-direction:column;align-items:center}.gen-name{text-align:center;width:100%;padding:3rem 0 1rem}.gen-instructions{margin-top:1rem;font-size:1.1rem;color:var(--text-gray);max-width:800px;margin:1rem auto 0}.gen-h1{font-family:"Carter One",cursive;color:var(--text-dark-gray)}.button-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2rem 0}.selected-count{font-size:1.1rem;color:var(--text-gray);font-weight:500}.selected-count #count{color:var(--bg-orange);font-weight:600}#generateButton{padding:1rem 2rem;font-size:1.25rem;font-size:clamp(1rem, 1.25vw, 1.25rem);background-color:var(--bg-orange);color:var(--text-white);font-weight:500;border:none;border-radius:30px;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease,transform .3s ease}#generateButton:hover{background-color:var(--bg-gray);transform:scale(1.05)}#result{margin:1.5rem 0;min-height:10.5rem;width:80%;max-width:800px;background-color:var(--bg-white);border:1px solid var(--bg-link-orange);border-radius:10px;text-align:center;font-size:1.5rem;font-size:clamp(1.2rem, 1.5vw, 1.5rem);padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.question{line-height:1.3;margin:0}.set-link{font-size:1rem;font-size:clamp(.9rem, 1vw, 1rem);font-style:italic;color:var(--text-black);display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px}.set-link a{text-decoration:none;color:var(--bg-link-orange)}.gen-container .set-container{display:flex;align-items:center;gap:8px;padding:.25rem 0}.gen-container .set-container label{font-size:.95rem;color:var(--text-dark-gray);cursor:pointer;transition:color .2s ease}.gen-container .set-container label:hover{color:var(--bg-orange)}.gen-container .set-container input[type=checkbox]:checked+label{color:var(--bg-orange);font-weight:500}input[type=checkbox]{accent-color:var(--bg-orange)}.gen-layout{display:flex;flex-direction:row;gap:2rem;width:100%;align-items:flex-start}.gen-main-content{flex:1;min-width:0;display:flex;flex-direction:column}.gen-main-content>:first-child{margin-top:0;padding-top:0}.gen-sidebar{flex-shrink:0;width:300px;position:sticky;top:0;align-self:flex-start}.gen-sidebar .advert-sm{margin-top:24px}#controls{padding:2rem 0;width:100%}.generator-controls{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.quick-controls{display:flex;gap:1rem}.control-btn{padding:.5rem 1rem;font-size:.9rem;background-color:var(--bg-gray);color:var(--text-white);border:none;border-radius:20px;cursor:pointer;transition:background-color .3s ease}.control-btn:hover{background-color:var(--bg-orange)}.gen-container .category-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.gen-container .filter-btn{padding:.5rem 1rem;font-size:.85rem;background-color:var(--bg-light-gray);color:var(--text-white);border:1px solid var(--bg-gray);border-radius:15px;cursor:pointer;transition:all .3s ease}.gen-container .filter-btn:hover{background-color:var(--bg-gray);color:var(--text-white)}.gen-container .filter-btn.active{background-color:var(--bg-orange);color:var(--text-white);border-color:var(--bg-orange)}.gen-container .alphabetical-topics,.gen-container .categorized-topics{width:100%;max-width:1200px;margin-top:0}.gen-container .topic-category{margin-bottom:2rem;background-color:var(--bg-white);border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.gen-container .category-heading{margin:0}.gen-container .category-toggle{width:100%;padding:1rem;background-color:var(--bg-light-gray);border:none;border-radius:10px 10px 0 0;font-size:1.2rem;font-weight:600;color:var(--text-white);cursor:pointer;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center}.gen-container .category-toggle:hover{background-color:var(--bg-gray);color:var(--text-white)}.gen-container .toggle-icon{font-size:1.5rem;font-weight:700}.gen-container .topic-checkboxes{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}@media screen and (max-width:1074px){.gen-layout{flex-direction:column}.gen-sidebar{position:static;width:100%;max-width:300px;margin:2rem auto 0}}@media screen and (max-width:710px){.gen-container{margin:0 0 2rem;width:100%;padding:1rem;border-radius:0}.gen-name{padding:0 0 1rem}.gen-instructions{font-size:1rem}.button-container{flex-direction:column;gap:1rem}#result{width:100%;font-size:1.2rem;min-height:8rem}.generator-controls{gap:1rem}.gen-container .category-filters{gap:.3rem}.gen-container .filter-btn{font-size:.75rem;padding:.4rem .8rem}.gen-container .topic-checkboxes{grid-template-columns:1fr;padding:1rem}.gen-container .category-toggle{font-size:1.1rem;padding:.8rem}}}