.mykeys-seo-guides{max-width:1280px;margin:32px auto;padding:24px clamp(16px,3vw,32px);color:var(--color-foreground,#142e4b)}
.mykeys-seo-guides__heading{max-width:760px;margin-bottom:24px}
.mykeys-seo-guides h2{margin:0 0 12px;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2;color:inherit}
.mykeys-seo-guides ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.mykeys-seo-guides li{min-width:0}
.mykeys-seo-guides li>a{display:flex;flex-direction:column;height:100%;padding:24px;border:1px solid #cbddec;border-radius:18px;background:#f5f9fd;color:#163557;text-decoration:none;transition:border-color .2s ease}
.mykeys-seo-guides h3{margin:0 0 12px;font-size:1.1rem;line-height:1.4;color:inherit}
.mykeys-seo-guides li p{margin:0 0 20px;line-height:1.6;color:inherit}
.mykeys-seo-guides li>a>span{margin-top:auto;font-weight:700;color:#075bad}
.mykeys-seo-guides a:hover{border-color:#075bad}
.mykeys-seo-guides a:focus-visible{outline:3px solid #0868ca;outline-offset:4px}
.mykeys-buying-guide{max-width:860px;margin:auto;line-height:1.75;overflow-wrap:anywhere}
.mykeys-buying-guide h2{margin:2rem 0 1rem;line-height:1.3}
.mykeys-buying-guide h3{margin:1.5rem 0 .75rem;line-height:1.4}
.mykeys-buying-guide .table-scroll{max-width:100%;overflow-x:auto}
.mykeys-buying-guide .table-scroll table{width:100%;border-collapse:collapse;min-width:620px;margin:1rem 0;table-layout:fixed;display:table!important;max-width:none!important}
.mykeys-buying-guide .table-scroll th,.mykeys-buying-guide .table-scroll td{word-break:normal!important;overflow-wrap:normal!important;hyphens:none}
.mykeys-buying-guide th,.mykeys-buying-guide td{padding:12px;text-align:start;border:1px solid #bdcddd;vertical-align:top}
.mykeys-buying-guide th{background:#edf5ff}
.mykeys-buying-guide .guide-source{font-size:.9rem;border-top:1px solid #bdcddd;padding-top:1.5rem;margin-top:2rem}
html[data-mykeys24-mode="dark"] .mykeys-seo-guides{color:#ecf5ff}
html[data-mykeys24-mode="dark"] .mykeys-seo-guides li>a{color:#d4e4f5;background:#13283e;border-color:#395874}
html[data-mykeys24-mode="dark"] .mykeys-seo-guides li>a>span{color:#8be5ff}
html[data-mykeys24-mode="dark"] .mykeys-seo-guides a:hover{border-color:#8be5ff}
@media(max-width:749px){.mykeys-seo-guides ul{grid-template-columns:1fr}.mykeys-seo-guides li>a{padding:20px}}
@media(prefers-reduced-motion:reduce){.mykeys-seo-guides li>a{transition:none}}