.logo img{display:block;width:174px;height:35px}
.masthead .logo{margin-top:8px}
.seo-intro{font-size:13px;line-height:1.6;color:#52657a;margin:6px 0 14px;max-width:1000px}
.home-main>.seo-intro{font-size:12px;margin:4px 4px 7px}
.home-page h1{font-size:19px}
.home-page .section-title{margin:0}
.home-recommendations>.section-title,.quick-statistics>.section-title{font-size:14px}
.home-page .quick-statistics .sub-title{font-size:13px;margin:0}
.home-results>.section-title{margin-bottom:7px}
.home-page .special-statistics{grid-column:1/-1;min-width:0;border:1px solid #bdd7ed;border-radius:2px}
.home-page .special-statistics>.sub-title{padding:6px}
.home-page .special-statistics>.statistics-grid{padding:3px}
.home-community{margin-top:14px}
.community-intro{font-size:12px;line-height:1.7;padding:0 5px}
.home-community .chat-section>h3{font-size:14px;line-height:1.5;text-align:center;color:#234b75;margin:10px 0 5px}
.home-sidebar .community-rankings>.section-title{font-size:13px;line-height:1.5;margin-bottom:8px;color:#fff}
.home-sidebar .community-rankings .side-box h3{border-bottom:1px solid #ddd;line-height:1.5}
.home-sidebar .sidebar-picks h3.section-title{margin:0;color:#fff}
.home-faq{margin-top:16px;padding:9px;border:1px solid #c6d6e7;border-radius:3px;background:#fbfdff;line-height:1.75;overflow-wrap:anywhere}
.home-faq>p{padding:0 5px;color:#43566c}
.faq-item{border:1px solid #cad9e9;border-radius:3px;margin:8px 0;background:#fff}
.faq-item summary{padding:10px 12px;cursor:pointer;font-weight:bold;color:#164b80}
.faq-item summary:hover,.faq-item summary:focus-visible{background:#edf6ff}
.faq-item summary:focus-visible{outline:2px solid #006cff;outline-offset:2px}
.faq-item[open] summary{border-bottom:1px solid #dbe6f2}
.faq-item .faq-answer{padding:9px 12px;margin:0;color:#364b61}
.home-faq .faq-links{font-size:12px}
.breadcrumbs{margin:0 0 10px;font-size:12px;line-height:1.6;color:#52657a}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:0;padding:0}
.breadcrumbs li+li::before{content:"›";padding-right:5px;color:#758497}
.breadcrumbs [aria-current=page]{color:#44566d}
.related-links{margin-top:20px;padding:10px 12px;border:1px solid #c9d9e9;border-radius:3px;background:#f6faff;font-size:13px;line-height:1.7}
.related-links-title{margin:0 0 5px;font-weight:bold;color:#234b75}
.related-links ul{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none}
.related-links a{display:inline-block;padding:2px 0}
.footer-navigation{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 15px;margin:6px auto 10px;max-width:1000px;line-height:1.6}
.footer-navigation a{color:#285c93}
.matrix-heading .breadcrumbs{margin:0 0 5px;color:#c4d7ec}
.matrix-heading .breadcrumbs a,.matrix-heading .seo-intro a{color:#85bdff}
.matrix-heading .breadcrumbs [aria-current=page]{color:#d5e3f3}
.matrix-main>.related-links{flex:none;margin:0;padding:6px 10px;border:0;border-top:1px solid #3c526d;border-radius:0;background:#202633;color:#d5e3f3}
.matrix-main>.related-links .related-links-title{display:inline;color:#d5e3f3;font-weight:normal;margin-right:14px}
.matrix-main>.related-links ul{display:inline-flex;gap:5px 16px}
.matrix-main>.related-links a{color:#85bdff}
.home-sidebar h2{margin:0}
.home-sidebar .side-box h2{margin:0 -8px 8px;padding:7px 8px;background:linear-gradient(#f8fafb,#e1e5e8);font-size:13px;font-weight:bold;color:#002b69;border-bottom:1px solid #ddd}
h2.section-title{font-size:14px;line-height:18px;margin:0}
.chat-section h2{text-align:center;color:#555;margin:12px 0 5px;font-size:14px}
.home-sidebar .sidebar-picks h2.section-title{margin:0}
.pattern-workbench>.seo-page-heading{font-size:20px;line-height:1.4;margin:0 0 4px}
.pattern-workbench>.seo-intro{font-size:13px;margin:3px 0 13px}
.tools-page>.seo-page-heading{font-size:20px;margin:0 0 4px}
.tools-page .tool-card h2{font:inherit;margin:0}
.matrix-body .matrix-heading{background:#202633;border-bottom:1px solid #3c526d;padding:9px 10px}
.matrix-heading h1{color:#e7f1ff;font-size:17px;line-height:1.4;margin:0 0 4px}
.matrix-heading .seo-intro{font-size:12px;color:#b5c7df;margin:0;max-width:1200px}
.matrix-main{height:100vh;display:flex;flex-direction:column;min-width:0}
.matrix-main .matrix-heading,.matrix-main .matrix-toolbar,.matrix-main .matrix-status{flex:none}
.matrix-main .matrix-scroll{height:auto;min-height:0;flex:1}
.matrix-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:661px) and (max-width:1000px){
 .home-sidebar .community-rankings{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .home-sidebar .community-rankings>.section-title,.home-sidebar .community-rankings>.sidebar-picks{grid-column:1/-1}
 .home-sidebar .community-rankings>.section-title{margin:0}
}
@media(max-width:540px){
 .logo img{width:156px;height:35px}
 .home-page h1{font-size:17px}
 .seo-intro{font-size:12px;margin-bottom:12px}
 .pattern-workbench>.seo-page-heading,.tools-page>.seo-page-heading{font-size:18px}
 .matrix-heading h1{font-size:15px}
 .matrix-heading .seo-intro{font-size:11px}
}
@media(max-width:359px){.logo img{width:146px}.quick-login{font-size:11px}}
@media print{.seo-intro{color:#333}.matrix-heading{background:#fff!important}.matrix-heading h1{color:#111}}
