.seo-guide-overview,.seo-method-comparison,.seo-visual-guide,.seo-before-after,.seo-quality-checks,.seo-product-example,.seo-next-tasks{margin:3rem 0;scroll-margin-top:6rem}
.seo-table-scroll{width:100%;overflow-x:auto;border:1px solid #dedeea;border-radius:12px;margin:1.25rem 0}
.seo-table-scroll:focus-visible{outline:3px solid #6236e8;outline-offset:4px}
.seo-table-scroll table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;font-size:.95rem;line-height:1.6}
.seo-table-scroll th,.seo-table-scroll td{padding:1rem 1.2rem;vertical-align:top;border-bottom:1px solid #e5e4ee;overflow-wrap:anywhere}
.seo-table-scroll th{width:31%;font-weight:650;color:#14213d}
.seo-table-scroll thead{background:#f3f0fc}
.seo-table-scroll tbody tr:last-child>*{border-bottom:0}
.seo-table-scroll tbody tr:nth-child(even){background:#faf9fc}
.seo-method-comparison table{min-width:38rem}
.seo-method-comparison th,.seo-method-comparison td{width:33.333%}
.seo-table-hint{display:none}
.seo-guide-figures{display:grid;gap:2rem;margin-top:1.5rem}
.seo-guide-figures figure,.seo-product-example figure{margin:0;border:1px solid #e0deec;border-radius:12px;background:white}
.seo-guide-figures figure>a,.seo-product-example figure>a{display:block;border-radius:12px 12px 0 0}
.seo-guide-figures img,.seo-product-example img{display:block;width:100%;height:auto;border-radius:12px 12px 0 0}
.seo-guide-figures figcaption{padding:1.3rem 1.5rem;border-top:1px solid #eceaf3}
.seo-guide-figures figcaption h3{display:flex;align-items:baseline;gap:.75rem;margin:0 0 .65rem;font-size:1.1rem;line-height:1.45}
.seo-guide-figures figcaption h3 span{font-size:.8rem;color:#6236e8;flex:0 0 auto;font-variant-numeric:tabular-nums}
.seo-guide-figures figcaption p{margin:0}
.seo-before-after>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.seo-before-after article{padding:1.3rem 1.5rem;border:1px solid #e0deec;border-radius:12px;background:#faf9fd}
.seo-before-after article+article{background:#f2edfF;border-color:#cdbfec}
.seo-before-after h3{margin:0 0 .7rem;font-size:1rem}
.seo-before-after p{margin:0}
.seo-quality-checks ul{padding-left:1.25rem;line-height:1.7}
.seo-quality-checks li{padding:.45rem 0 .45rem .4rem}
.seo-quality-checks li::marker{color:#6236e8}
.seo-product-example figcaption{padding:1rem 1.3rem;font-size:.9rem;line-height:1.6;color:#5b586e;border-top:1px solid #eceaf3}
.seo-next-tasks th{width:43%}
.seo-next-tasks a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:600px){
  .seo-table-hint{display:block;color:#5b586e;font-size:.875rem;margin:.5rem 0}
  .seo-before-after>div{grid-template-columns:1fr}
  .seo-guide-figures figcaption{padding:1rem}
  .seo-table-scroll th,.seo-table-scroll td{padding:.8rem;font-size:.9rem}
  .seo-table-scroll th{width:35%}
  .seo-method-comparison th{width:33.333%}
  .seo-next-tasks th{width:43%}
  .seo-guide-overview,.seo-method-comparison,.seo-visual-guide,.seo-before-after,.seo-quality-checks,.seo-product-example,.seo-next-tasks{margin:2rem 0}
}
@media(min-width:761px) and (max-width:980px){
  .seo-hero,.seo-reading-layout{grid-template-columns:minmax(0,1fr);gap:34px}
  .seo-hero{margin-bottom:42px}
  .seo-start-notes{max-width:none}
  .seo-related{position:static;margin-bottom:24px}
  .seo-related .seo-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
}