@layer pages{.page-topics .topics{margin:5rem auto 20px;max-width:1800px;width:80%;background-color:var(--bg-cream);border-radius:35px 0 35px;padding:2rem;text-align:center}.page-topics .topics h1{font-size:3rem;font-family:"Yanone Kaffeesatz",sans-serif;margin-bottom:1rem}.page-topics .topic-controls{margin:2rem 0;text-align:center}.page-topics .search-container{margin-bottom:1.5rem}.page-topics #topicSearch{width:100%;max-width:400px;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--bg-orange);border-radius:25px;outline:0;background-color:var(--bg-white)}.page-topics #topicSearch:focus{border-color:var(--bg-gray);box-shadow:0 0 0 3px rgba(232,166,65,.3)}:is(.page-topics,.page-targeted) .topic-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.page-targeted .topic-list p.hidden,.page-topics .topic-list p.hidden{display:none}.page-topics .alphabetical-topics{margin-top:2rem;background-color:var(--bg-white);border-radius:15px;padding:1.5rem}.page-topics .topic-vocab-list{display:grid;gap:1rem;margin:1rem;padding-bottom:2rem}.page-targeted .targeted{margin:5rem auto 20px;max-width:900px;width:80%;background-color:var(--bg-cream);border-radius:35px 0 35px;padding:2rem;text-align:center}.page-targeted .targeted-list{display:grid;grid-template-areas:"tenses various" "conditionals various" "idioms various";margin:0 auto 1rem;padding:0 2rem 1rem;text-align:center;line-height:2.5}.page-targeted .tenses{grid-area:tenses;gap:1.5rem}.page-targeted .various{grid-area:various;gap:1.5rem}.page-targeted .conditionals{grid-area:conditionals;gap:1.5rem}.page-targeted .idioms{grid-area:idioms;gap:1.5rem}:is(.page-topics,.page-targeted) .highlight,:is(.page-topics,.page-targeted) .highlight-container{position:relative}:is(.page-topics,.page-targeted) .highlight-container{display:inline-block}:is(.page-topics,.page-targeted) .highlight-container:before{content:" ";display:block;height:90%;width:100%;margin-left:-3px;margin-right:-3px;position:absolute;background:gold;transform:rotate(2deg);top:-1px;left:-1px;border-radius:20% 25% 20% 24%;padding:10px 3px 3px 10px}:is(.page-topics,.page-targeted) .topic-list a{text-decoration:none;color:var(--text-dull);font-weight:600}.page-targeted .targeted-list a,.page-topics .topic-vocab-list a{text-decoration:none;color:var(--text-dull)}@media (hover:hover){.page-targeted .targeted-list a:hover,.page-topics .topic-vocab-list a:hover,:is(.page-topics,.page-targeted) .topic-list a:hover{text-decoration:underline}}@media screen and (max-width:1074px) and (min-width:769px){:is(.page-topics,.page-targeted) .topic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}}@media screen and (max-width:768px){.page-targeted .targeted,.page-topics .topics{outline:0}.page-targeted .targeted,.page-topics .topics{width:100%;border-radius:0;padding:1rem;margin-top:0;margin-bottom:0}.page-topics .topics h1{font-size:2.2rem;font-family:"Yanone Kaffeesatz",sans-serif}.page-topics .topic-controls{margin:1rem 0}.page-topics #topicSearch{max-width:100%;margin-bottom:1rem}:is(.page-topics,.page-targeted) .topic-list{grid-template-columns:1fr!important;gap:.8rem;margin:0;padding:0 0 1rem 0}.page-topics .topic-vocab-list{display:grid;gap:1rem;margin:1rem 0}.page-targeted .targeted-list{grid-template-areas:"tenses" "conditionals" "idioms" "various";margin:0;padding:0;text-align:center}.page-targeted .targeted-list a,.page-topics .topic-vocab-list a,:is(.page-topics,.page-targeted) .topic-list a{font-size:.9rem}}.new-topic-badge{display:inline-block;background-color:var(--bg-orange);color:var(--text-white);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:12px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}}