/* Focus Grammar page — complements existing /css/focus-home.css */
.grammar-hero{background:#f7f8f9;padding:38px 0 48px;border-bottom:1px solid #e5e5e5}

.grammar-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.16;margin:12px 0 18px;color:#171717}
.grammar-hero p{font-size:18px;line-height:1.7;max-width:760px;color:#454545;margin:0 0 25px}
.grammar-hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.grammar-secondary{color:#b22222;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.grammar-ad-row{padding:25px 0 15px}.grammar-ad-label{font-size:11px;letter-spacing:.12em;color:#777;text-align:center;margin-bottom:10px}
.grammar-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:42px;align-items:start}.grammar-content{padding:25px 0 70px}
.grammar-section-heading h2,.grammar-level-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.25;margin:8px 0 12px;color:#171717}.grammar-section-heading p{color:#555;font-size:17px;margin:0 0 23px}
.grammar-topic-grid{list-style:none;padding:0;margin:0 0 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.grammar-topic{margin:0;border:1px solid #e5e2df;background:#fff;border-radius:4px;min-width:0}
.grammar-topic>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;color:#222;text-decoration:none;font-size:16px;font-weight:600;line-height:1.5}
.grammar-topic>a span{color:#b22222;flex-shrink:0}.grammar-topic>a:hover{color:#b22222;background:#fffafa}.grammar-topic:focus-within{border-color:#b22222}
.grammar-subtopics{padding:0 17px 14px 30px;margin:0;list-style:disc;color:#999}.grammar-subtopics li{padding:4px 0}.grammar-subtopics a{color:#555;text-decoration:underline;text-underline-offset:2px}
.grammar-level-heading{border-top:1px solid #e8e5e3;padding-top:30px;margin-top:15px;margin-bottom:20px}
.grammar-sidebar{position:sticky;top:20px}.grammar-side-card{background:#f7f8f9;padding:24px;border:1px solid #e9e9e9;border-radius:4px}
.grammar-side-card h2{font-size:19px;margin:0 0 15px}.grammar-side-card ul{list-style:none;padding:0;margin:0}.grammar-side-card li+li{border-top:1px solid #e1e1e1}.grammar-side-card a{display:block;padding:11px 0;color:#333;text-decoration:none}.grammar-side-card a:hover{color:#b22222;text-decoration:underline}
.grammar-sidebar-ad{margin-top:28px}.grammar-cta{background:#f7f8f9;padding:28px;margin-top:10px;border-left:3px solid #b22222}.grammar-cta h2{margin:0 0 10px;font-size:24px}.grammar-cta p{margin:0 0 20px;color:#555}
.grammar-topic a:focus-visible,.grammar-side-card a:focus-visible,.grammar-secondary:focus-visible{outline:3px solid #1769d2;outline-offset:3px}
@media(max-width:900px){.grammar-layout{grid-template-columns:1fr;gap:25px}.grammar-sidebar{position:static}.grammar-sidebar-ad{max-width:350px}}
@media(max-width:620px){.grammar-hero{padding:25px 0 35px}.grammar-topic-grid{grid-template-columns:1fr}.grammar-content{padding-bottom:45px}.grammar-hero p{font-size:17px}.grammar-side-card{padding:20px}}

/* Full-width breadcrumb stripe below the main navigation */
.focus-breadcrumb-strip{background:#f7f7f7;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.focus-breadcrumb-strip .focus-container{width:100%;max-width:1200px;margin-inline:auto;padding:0 24px}
.grammar-breadcrumb{font-size:14px;line-height:1.5;color:#333}
.grammar-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;gap:9px;margin:0;padding:10px 0}
.grammar-breadcrumb li{margin:0;padding:0}
.grammar-breadcrumb li+li::before{content:"›";color:#777;margin-right:9px}
.grammar-breadcrumb a{color:#454545;text-decoration:underline;text-underline-offset:2px}
.grammar-breadcrumb a:hover{color:#b22222}
.grammar-breadcrumb a:focus-visible{outline:3px solid #1769d2;outline-offset:3px}
@media(max-width:620px){.focus-breadcrumb-strip .focus-container{padding-inline:16px}.grammar-breadcrumb ol{padding-block:9px}}

/* Layout safeguard: center all grammar sections and their cards. */
.grammar-content > .focus-container.grammar-layout {
  width: calc(100% - 48px);
  max-width: 1200px;
  margin-inline: auto;
}
.grammar-primary { min-width: 0; }
.grammar-primary .grammar-topic-grid { width: 100%; }
@media (max-width: 620px) {
  .grammar-content > .focus-container.grammar-layout { width: calc(100% - 32px); }
}

/* Search within the grammar content column */
.grammar-primary{min-width:0}.grammar-search{margin:0 0 28px;max-width:100%}.grammar-search-label{display:block;font-weight:700;font-size:15px;margin:0 0 10px}.grammar-search-control{display:flex;align-items:center;border:1px solid #cfcfcf;background:#fff;min-height:54px;border-radius:4px;overflow:hidden}.grammar-search-control svg{margin:0 12px 0 15px;flex:none;fill:none;stroke:#b22222;stroke-width:1.8;stroke-linecap:round}.grammar-search-control input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;padding:13px 0;background:#fff;color:#171717}.grammar-search-control:focus-within{outline:3px solid #1769d2;outline-offset:2px}.grammar-search-control button{align-self:stretch;background:#b22222;color:#fff;border:0;padding:0 23px;font:inherit;font-weight:700;cursor:pointer}.grammar-search-control button:hover{background:#8d1b1b}.grammar-search-help{font-size:13px;color:#626262;margin:9px 0 0}.grammar-search-status{font-size:14px;color:#444;margin:12px 0 0}.grammar-search-status:empty{display:none}.grammar-search-results{border:1px solid #e5e2df;border-radius:4px;background:#fff;margin-top:10px;max-height:340px;overflow-y:auto}.grammar-search-results[hidden],.grammar-search-more[hidden]{display:none!important}.grammar-search-group{font-size:14px;font-weight:700;padding:10px 14px;margin:0;background:#f7f8f9;border-bottom:1px solid #e5e2df}.grammar-search-result{display:block;padding:12px 14px;color:#202020;text-decoration:none;border-bottom:1px solid #ededed;font-size:15px;line-height:1.45}.grammar-search-result:hover{background:#faf4f4;color:#9d1d1d}.grammar-search-result:focus-visible,.grammar-search-more:focus-visible{outline:3px solid #1769d2;outline-offset:-3px}.grammar-search-result mark{background:#fff0b0;color:inherit}.grammar-search-more{width:100%;background:#faf6f6;color:#b22222;border:1px solid #e5e2df;border-top:0;border-radius:0 0 4px 4px;padding:13px;font:inherit;font-weight:700;cursor:pointer}.grammar-search-more:hover{background:#f3e8e8}@media(max-width:620px){.grammar-search-control button{padding:0 14px}.grammar-search-control svg{margin-left:10px;margin-right:9px}}

/* Keep the horizontal advertisement inside the primary grammar column. */
.grammar-primary{min-width:0}
.grammar-primary .grammar-ad-row{width:100%;padding:0 0 30px}
.grammar-primary .grammar-ad-row .adsbygoogle{max-width:100%}