.english-ref-hero{background-image:linear-gradient(90deg,rgba(8,63,61,.96) 0%,rgba(8,63,61,.88) 46%,rgba(8,63,61,.28) 73%,rgba(8,63,61,.07) 100%),url('/assets/images/learn-english/reference-library-hero-v324.png')!important;background-size:cover!important;background-position:center right!important;background-repeat:no-repeat!important;min-height:430px;display:flex;flex-direction:column;justify-content:center;color:#fff;border-radius:24px}.english-ref-hero .eyebrow{color:#d8fff3}.english-ref-hero p{max-width:790px}.always-open-badge{display:inline-flex;align-self:flex-start;margin-top:16px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.38);font-weight:800}.reference-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.reference-toolbar label{font-weight:800}.reference-toolbar input{min-width:min(420px,100%);padding:11px 13px;border:1px solid #c9d8d5;border-radius:12px;font:inherit}.translation-pair{display:grid;gap:8px;padding:10px 0}.translation-pair>div:first-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.translation-arrow{color:#167b73;font-weight:900}.bilingual-audio{display:flex;gap:7px;flex-wrap:wrap}.hear-btn{appearance:none;border:1px solid #167b73;border-radius:999px;background:#167b73;color:#fff;padding:7px 10px;font:700 .78rem/1.2 system-ui;cursor:pointer}.hear-btn.secondary{background:#fff;color:#167b73}.hear-btn:hover,.hear-btn:focus-visible{outline:3px solid rgba(244,189,84,.5);outline-offset:2px}.hear-btn.is-speaking{box-shadow:0 0 0 3px rgba(22,123,115,.18)}.lesson-examples li{margin:9px 0}.lesson-copy.watch{border-left:4px solid #f4bd54;padding-left:12px}.grammar-topic code,.verb-ref-card code{background:#f1f7f5;border-radius:6px;padding:2px 6px}.verb-ref-grid,.sound-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.verb-ref-card,.sound-card,.aux-card{background:#fff;border:1px solid #d7e2df;border-radius:16px;padding:16px}.pronoun-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.bilingual-pronoun{padding:14px}.pronoun-line{display:grid;grid-template-columns:minmax(120px,.8fr) auto auto 1fr;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #e3ece9}.pronoun-line:last-child{border-bottom:0}.pronoun-line .bilingual-audio{grid-column:1/-1}.mini-label{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:#5c7082;font-weight:800}.alphabet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.alpha-card{display:grid;grid-template-columns:54px 1fr;gap:12px;border:1px solid #d7e2df;background:#fff;border-radius:16px;padding:14px}.alpha-letter{display:grid;place-items:center;width:50px;height:50px;background:#eaf6f1;color:#167b73;border-radius:14px;font:900 1.8rem Georgia,serif}.translation-pair.compact{padding:5px 0}.letter-hear{margin-top:5px}.bilingual-cog{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:center}.bilingual-cog .bilingual-audio{grid-column:1/-1}.hidden-by-filter{display:none!important}@media(max-width:700px){.english-ref-hero{min-height:360px;background-position:62% center!important}.pronoun-line{grid-template-columns:1fr 1fr}.pronoun-line .mini-label{grid-column:1/-1}.bilingual-cog{grid-template-columns:1fr!important}.bilingual-cog .bilingual-audio{grid-column:1}.hear-btn{font-size:.74rem}}