/* FITSCALC CANONICAL MATERIALS-LIKE R3.2 */
.fc-canonical-seo{
  padding:58px 0 66px;
  background:radial-gradient(circle at 88% 8%,rgba(36,81,230,.08),transparent 26%),linear-gradient(180deg,#f7faff 0%,#eef4ff 100%);
  border-top:1px solid #d9e4f5;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif
}
.fc-canonical-seo__shell{width:min(1240px,calc(100% - 40px));margin:0 auto}
.fc-canonical-seo__head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:24px;align-items:start;margin-bottom:18px}
.fc-canonical-seo__eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eef4ff;color:#214a92;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
.fc-canonical-seo h2{margin:0 0 12px;color:#101827;font-size:clamp(28px,4vw,40px);letter-spacing:-.035em}
.fc-canonical-seo__head p{margin:0;color:#506278;font-size:16px;line-height:1.65}
.fc-canonical-seo__query{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:20px;background:#10264a;color:#e6eef8}
.fc-canonical-seo__query strong{color:#fff;margin-bottom:5px}
.fc-canonical-seo__query span{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.08);font-size:12px}
.fc-canonical-seo__topics{margin:0 0 16px;padding:16px;border:1px solid #d6e2f3;border-radius:16px;background:#fff}
.fc-canonical-seo__topics strong{display:block;margin-bottom:9px;color:#183b72;font-size:13px}
.fc-canonical-seo__topics>div{display:flex;flex-wrap:wrap;gap:7px}
.fc-canonical-seo__topics a{
  display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #d6e2f3;border-radius:999px;background:#f8fbff;color:#294d83;text-decoration:none;font-size:11px;font-weight:750;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease
}
.fc-canonical-seo__topics a:hover,.fc-canonical-seo__topics a:focus-visible{
  color:#1d4ed8;background:#eef4ff;border-color:#96b5ee;
  box-shadow:0 0 0 3px rgba(37,99,235,.08),0 8px 22px rgba(37,99,235,.12);
  transform:translateY(-1px);outline:none
}
.fc-canonical-seo__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fc-canonical-seo__grid article{padding:20px;border:1px solid #d8e3f3;border-radius:18px;background:rgba(255,255,255,.86)}
.fc-canonical-seo__grid h3{margin:0 0 9px;color:#183b72;font-size:18px}
.fc-canonical-seo__grid p{margin:0;color:#53677f;font-size:13px;line-height:1.58}
.fc-canonical-seo__workflow{margin-top:16px;padding:22px;border:1px solid #cadcf5;border-radius:18px;background:#fff}
.fc-canonical-seo__workflow h3{margin:0 0 10px;color:#152d54}
.fc-canonical-seo__workflow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none;counter-reset:step}
.fc-canonical-seo__workflow li{counter-increment:step;color:#52667d;font-size:13px}
.fc-canonical-seo__workflow li::before{content:"0" counter(step);display:block;margin-bottom:8px;color:#2451e6;font-weight:900}
.fc-canonical-seo__related{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.fc-canonical-seo__related a{
  display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid #d7e2f0;border-radius:14px;background:#fff;color:#1d3f75;text-decoration:none;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease
}
.fc-canonical-seo__related a:hover,.fc-canonical-seo__related a:focus-visible{
  border-color:#96b5ee;background:#f8fbff;box-shadow:0 10px 26px rgba(37,99,235,.13),0 0 0 3px rgba(37,99,235,.06);transform:translateY(-2px);outline:none
}
.fc-canonical-seo__related span{font-size:11px;color:#65778d}
.fc-canonical-seo__note{margin-top:16px;padding:15px 17px;border-left:4px solid #2451e6;border-radius:0 14px 14px 0;background:#fff;color:#52667d;font-size:13px}
@media(max-width:900px){
 .fc-canonical-seo__head{grid-template-columns:1fr}.fc-canonical-seo__grid{grid-template-columns:repeat(2,1fr)}
 .fc-canonical-seo__workflow ol{grid-template-columns:repeat(2,1fr)}.fc-canonical-seo__related{grid-template-columns:1fr}
}
@media(max-width:640px){
 .fc-canonical-seo__shell{width:calc(100% - 24px)}.fc-canonical-seo__grid{grid-template-columns:1fr}.fc-canonical-seo__workflow ol{grid-template-columns:1fr}
}