.grammar-compare-tabs{display:flex;gap:.65rem;flex-wrap:wrap;margin:1rem 0}.grammar-compare-tabs a{padding:.75rem 1rem;border:1px solid #626e56;border-radius:999px;text-decoration:none;color:#ddd8c5}.grammar-compare-tabs [aria-current=page]{background:#e6c88e;color:#1a241a;font-weight:700;border-color:#e6c88e}.grammar-compare-tabs a:focus-visible{outline:3px solid #f5dfad;outline-offset:4px}.grammar-compare-page .reading{display:block;line-height:1.7;font-size:.9rem;color:#c2ccba;font-weight:400;margin-top:.35rem}.grammar-identities{border:1px solid #56634b;border-radius:16px;margin:1rem 0 2rem;background:#253024;gap:0}.grammar-identities>div{padding:1.3rem;min-width:0}.grammar-identities>div+div{border-left:1px solid #56634b}.grammar-identities h3{font-size:1.6rem;margin:0 0 1rem;color:#f0d7a5}.grammar-context-intro{padding:1.5rem 1.7rem;background:#2a3627;border:1px solid #748563;border-radius:16px}.grammar-context-intro h2{font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.4;margin:.65rem 0}.grammar-context-intro p{line-height:1.75}.grammar-context-nav{display:flex;gap:.7rem;flex-wrap:wrap;padding:1.25rem 0}.grammar-context-nav a{font-size:.9rem;padding:.6rem .8rem;border:1px solid #58654f;border-radius:10px;text-decoration:none}.grammar-scene{border:1px solid #58664e;border-radius:16px;margin:1.1rem 0 1.7rem;overflow:hidden;background:#1e291f;scroll-margin-top:1.5rem}.grammar-scene>header{padding:1.5rem 1.5rem .6rem}.grammar-scene h3{font-size:1.3rem;line-height:1.5;margin:1rem 0 .6rem}.grammar-scene p{line-height:1.7}.grammar-verdict{display:inline-block;padding:.35rem .75rem;border-radius:8px;font-size:.83rem;font-weight:700;border:1px solid}.grammar-verdict-overlap{background:#2c4534;color:#cff0d1;border-color:#64886b}.grammar-verdict-different{background:#3d3625;color:#f4dda3;border-color:#9b8957}.grammar-verdict-restricted{background:#42312b;color:#f7c5b6;border-color:#a57a67}.grammar-scene>.compare-columns{gap:0}.grammar-side{padding:0 1.5rem 1.3rem;min-width:0}.grammar-side+ .grammar-side{border-left:1px solid #485641}.grammar-side h4{font-size:1.18rem;color:#f0d7a5;margin:.8rem 0}.grammar-fit{font-size:.84rem;color:#c4e5c7;min-height:2.85em;display:flex;align-items:center}.grammar-fit-changed{color:#f2d697}.grammar-fit-awkward,.grammar-fit-unsuitable{color:#f6bdad}.grammar-side .compare-example{margin-top:.5rem;min-height:11rem}.grammar-why{border-top:1px solid #485641;background:#273323;padding:1rem 1.5rem}.grammar-why h4{margin:.2rem 0;font-size:1rem;color:#efd5a4}.grammar-why p{margin:.5rem 0}.grammar-caution{border-left:3px solid #dfbf81;padding:.5rem 1.3rem;margin:2rem 0;background:#2b3023}.grammar-caution h3{font-size:1.05rem}.grammar-caution p{line-height:1.75}.grammar-suggestions{grid-template-columns:repeat(3,minmax(0,1fr))}.grammar-suggestions small{color:#c2cdba}.grammar-base{margin:2rem 0;border:1px solid #56634b;border-radius:14px;padding:1rem}.grammar-base>.compare-columns{gap:0}.grammar-base-card+ .grammar-base-card{border-left:1px solid #485641}.grammar-base-card h3{font-size:1.3rem}.grammar-base-card li{line-height:1.7;margin-bottom:.5rem}.grammar-formation{padding:.75rem 0;border-bottom:1px solid #46563e;line-height:1.75}.grammar-compare-page .compare-results strong{display:block}.grammar-compare-page .compare-sources li{margin:.7rem 0}.grammar-compare-page .compare-pagination{flex-wrap:wrap}.grammar-compare-page .compare-hero{max-width:850px}
@media(max-width:760px){.grammar-scene>.compare-columns,.grammar-base>.compare-columns,.grammar-context-intro .compare-columns{grid-template-columns:1fr}.grammar-side+.grammar-side,.grammar-base-card+.grammar-base-card{border-left:0;border-top:1px solid #485641}.grammar-side .compare-example{min-height:0}.grammar-fit{min-height:0}.grammar-context-intro{padding:1.15rem}.grammar-scene>header{padding:1.15rem 1.15rem .5rem}.grammar-side{padding:.5rem 1.15rem 1rem}.grammar-why{padding:1rem 1.15rem}.grammar-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-identities h3{font-size:1.25rem}.grammar-identities>div{padding:1rem}.grammar-context-nav{flex-direction:column}.grammar-base{padding:.6rem}.grammar-base .compare-cell{padding:1rem}.grammar-compare-tabs a{font-size:.9rem}.grammar-compare-page .compare-results li{flex-wrap:wrap}.grammar-compare-page .compare-results li>div{flex:1 1 170px}}
@media(max-width:380px){.grammar-suggestions,.grammar-identities{grid-template-columns:1fr}.grammar-identities>div+div{border-left:0;border-top:1px solid #56634b}.grammar-compare-tabs{gap:.5rem}.grammar-compare-tabs a{padding:.65rem .8rem}}

.grammar-guide-filter{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) auto auto;align-items:end;gap:1rem;margin:1.6rem 0}.grammar-guide-filter label{display:grid;gap:.5rem;min-width:0}.grammar-guide-filter input,.grammar-guide-filter select{width:100%;min-width:0;box-sizing:border-box}.grammar-guide-filter>a{padding:.85rem 0}.grammar-suggestions a{overflow-wrap:anywhere}.grammar-suggestions a>span{font-size:1.1rem}.grammar-compare-page #guias{scroll-margin-top:1.5rem}@media(max-width:760px){.grammar-guide-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grammar-guide-filter label:first-child{grid-column:1/-1}.grammar-guide-filter>a{align-self:center}}@media(max-width:380px){.grammar-guide-filter{grid-template-columns:1fr}.grammar-guide-filter label:first-child{grid-column:auto}}

.grammar-compare-page .grammar-guide-filter{display:grid;gap:1.25rem;margin:1.5rem 0}.grammar-compare-page .grammar-guide-filter .button{margin:0;min-height:48px;align-self:end}.grammar-compare-page .grammar-guide-filter>a{display:inline-flex;align-items:center;min-height:48px;padding:.65rem .8rem;box-sizing:border-box}.grammar-compare-page .grammar-guide-filter+p{margin:1.25rem 0}.grammar-compare-page .compare-search-tools{gap:1rem}.grammar-compare-page .compare-pagination{gap:1.25rem;margin-top:1.75rem}.grammar-compare-page .compare-toolbar>div{display:flex;gap:1rem;flex-wrap:wrap}.grammar-compare-page .compare-toolbar a{padding:.45rem 0}.grammar-compare-page .compare-chosen{gap:1rem}.grammar-compare-page .compare-results li{gap:1rem}@media(max-width:760px){.grammar-compare-page .grammar-guide-filter{row-gap:1.25rem}.grammar-compare-page .grammar-guide-filter>a{justify-content:center}}