/* =============================================================
   GlobalSIM MX — Blog Shared Stylesheet
   Light theme (brand colors) + Neon Glass 3D Cards for features
   ============================================================= */

/* --- RESET --- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Inter',Arial,sans-serif;
  font-weight:400;font-size:16px;line-height:1.7;
  color:#1E3A5F;background:#ffffff;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Inter',Arial,sans-serif;color:#1E3A5F;font-weight:700;line-height:1.25}
a{color:#1E3A5F;text-decoration:none}
a:hover{color:#FF6B2C}
img{max-width:100%;display:block}

/* --- NAV --- */
.blog-nav{
  background:#1E3A5F;padding:1rem 2rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:.5rem;flex-wrap:wrap;
}
.blog-nav a{color:#fff;font-weight:500}
.blog-nav .nav-links{display:flex;gap:1.5rem}
.blog-nav .nav-links a{font-size:.95rem}
.blog-nav .nav-links a:hover{color:#FF6B2C}
.blog-nav .logo{height:42px}

.share-nav{display:flex;align-items:center;gap:.35rem;margin-left:auto;flex-shrink:0}
.share-nav-label{font-size:.72rem;color:rgba(255,255,255,.7);font-weight:600;margin-right:.15rem}
.share-nav-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;color:#fff;
  font-size:.75rem;border:none;cursor:pointer;padding:0;
  transition:transform .2s;
}
.share-nav-btn:hover{transform:scale(1.15)}

/* --- BREADCRUMB --- */
.breadcrumb{
  max-width:1024px;margin:1.25rem auto .5rem;padding:0 1.5rem;
  font-size:14px;color:#64748b;
}
.breadcrumb a{color:#64748b}
.breadcrumb a:hover{color:#FF6B2C}

/* --- ARTICLE --- */
article{
  max-width:1024px;margin:0 auto;padding:0 1.5rem 3rem;
}
article h1{font-size:clamp(1.7rem,4vw,2.5rem);font-weight:700;color:#1E3A5F;line-height:1.2;margin-bottom:1rem}
article h2{font-size:1.45rem;font-weight:700;color:#1E3A5F;margin:2.5rem 0 .75rem;padding-top:1.5rem;border-top:1px solid #e4e4e4}
article h3{font-size:1.15rem;font-weight:600;color:#1E3A5F;margin:1.5rem 0 .5rem}
article p{margin-bottom:1.1rem}
article ul,article ol{margin:0 0 1.1rem 1.5rem}
article li{margin-bottom:.35rem}

/* --- META --- */
.meta{color:#64748b;font-size:14px;margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center}

/* --- TOC --- */
.toc{background:#f8fafc;border:1px solid #e4e4e4;padding:1.5rem 2rem;margin-bottom:2.5rem}
.toc h3{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#1E3A5F}
.toc ol{padding-left:1.2rem}
.toc li{margin-bottom:.35rem}
.toc a{color:#334155;font-size:.95rem}
.toc a:hover{color:#FF6B2C}

/* --- TABLES --- */
.blog-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}
.blog-table thead{position:sticky;top:0}
.blog-table th{background:#1E3A5F;color:#fff;padding:.7rem .85rem;text-align:left;font-size:.82rem;font-weight:600;white-space:nowrap}
.blog-table td{padding:.7rem .85rem;border-bottom:1px solid #e4e4e4;vertical-align:middle}
.blog-table tbody tr:nth-child(even){background:#f8fafc}
.blog-table tbody tr:hover{background:#FFF7ED}
.blog-table .highlight-row{background:#FFF7ED!important;font-weight:600}

/* --- TABLE CTA --- */
.btn-td{
  display:inline-block;padding:.4rem .9rem;border-radius:4px;
  background:#FF6B2C;color:#fff!important;font-weight:600;font-size:.78rem;
  white-space:nowrap;transition:opacity .2s;
}
.btn-td:hover{opacity:.85}
.btn-td-green{background:#2d6a4f}
.btn-td-green:hover{opacity:.85}

/* --- BUTTONS --- */
.btn{display:inline-block;padding:.7rem 2rem;border-radius:4px;font-weight:600;font-size:.95rem;transition:opacity .2s;text-align:center;cursor:pointer}
.btn-orange{background:#FF6B2C;color:#fff}
.btn-orange:hover{opacity:.85}
.btn-green{background:#2d6a4f;color:#fff;border:1px solid #4ade80}
.btn-green:hover{opacity:.85}
.btn-outline{border:2px solid #1E3A5F;color:#1E3A5F;background:transparent}
.btn-outline:hover{background:#1E3A5F;color:#fff}
.btn-white{background:#fff;color:#FF6B2C;font-weight:700}
.btn-white:hover{opacity:.9}
.btn-sm{display:inline-block;padding:.4rem 1rem;border-radius:4px;background:#FF6B2C;color:#fff;font-weight:600;font-size:.82rem;transition:opacity .2s;text-decoration:none}
.btn-sm:hover{opacity:.85}
.btn-urgent{display:inline-block;padding:.75rem 2rem;border-radius:6px;background:#dc2626;color:#fff;font-weight:700;font-size:1rem;text-decoration:none;transition:opacity .2s}
.btn-urgent:hover{opacity:.85;color:#fff}
.btn-big{display:block;width:100%;padding:.9rem 1.5rem;border-radius:6px;background:#FF6B2C;color:#fff!important;font-weight:700;font-size:1.05rem;text-align:center;text-decoration:none;transition:opacity .2s}
.btn-big:hover{opacity:.85}

/* --- CARDS --- */
.card{background:#fff;border:1px solid #e4e4e4;padding:1.5rem;transition:border-color .2s}
.card:hover{border-color:#FF6B2C}

/* --- COMPACT PROVIDER CARDS --- */
.compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin:1.5rem 0}
.compact-card{background:#fff;border:1px solid #e4e4e4;padding:1.25rem;text-align:center;transition:border-color .2s}
.compact-card:hover{border-color:#FF6B2C}
.compact-card .provider-icon{font-size:2.5rem;margin-bottom:.5rem}
.compact-card h4{font-size:1.05rem;font-weight:700;color:#1E3A5F;margin-bottom:.25rem}
.compact-card .price{color:#FF6B2C;font-weight:700;font-size:1.1rem;margin-bottom:.25rem}
.compact-card .coverage{font-size:.85rem;color:#64748b;margin-bottom:.75rem}

/* --- PROVIDER CARD --- */
.provider-card{background:#fff;border:1px solid #e4e4e4;padding:1.5rem 2rem;margin:1.5rem 0}
.provider-card:hover{border-color:#FF6B2C}
.provider-card h3{margin-bottom:.25rem;font-weight:700}
.provider-card .tagline{color:#FF6B2C;font-weight:600;font-size:.9rem;margin-bottom:.75rem}
.provider-card ul{list-style:none;padding:0;margin-bottom:1rem}
.provider-card ul li{padding:.25rem 0}
.provider-card ul li::before{content:'✔ ';color:#FF6B2C;font-weight:700}
.provider-card .btn{display:inline-block;padding:.7rem 2rem;font-weight:700;color:#fff;background:#FF6B2C;border-radius:4px;transition:opacity .2s}
.provider-card .btn:hover{opacity:.85}

/* --- CTA BOXES --- */
.cta-box{background:#FFF7ED;border:1px solid #FF6B2C;padding:1.5rem 2rem;margin:2rem 0;text-align:center}
.cta-box h3{color:#1E3A5F;margin-bottom:.5rem}
.cta-box p{color:#334155;margin-bottom:.75rem}
.cta-box a{color:#FF6B2C;font-weight:700}
.cta-green{background:#f0fdf4;border:1px solid #4ade80;padding:1.5rem 2rem;margin:2rem 0;text-align:center}
.cta-green h3{color:#2d6a4f;margin-bottom:.5rem}
.cta-green p{color:#334155;margin-bottom:.75rem}
.cta-green a{color:#2d6a4f;font-weight:700}
.cta-green a.btn-green{color:#fff!important;text-decoration:none}
.cta-green a.btn-green:hover{opacity:.85}
.cta-box-green{background:#f0fdf4;border:1px solid #4ade80;padding:1.5rem 2rem;margin:2rem 0;text-align:center}
.cta-box-green h3{color:#2d6a4f;margin-bottom:.5rem}
.cta-box-green p{color:#334155;margin-bottom:.75rem}
.cta-box-green a{color:#2d6a4f;font-weight:700}
.cta-urgent{background:#fef2f2;border:1px solid #dc2626;padding:1.5rem 2rem;margin:2rem 0;text-align:center}
.cta-urgent h3{color:#991b1b;margin-bottom:.5rem}
.cta-urgent p{color:#334155;margin-bottom:.75rem}

/* --- URGENCY BANNER --- */
.urgency-banner{background:linear-gradient(135deg,#fef2f2 0%,#fff7ed 100%);border:2px solid #dc2626;padding:1.5rem 2rem;margin:2rem 0;text-align:center;border-radius:8px}
.urgency-banner h3{color:#991b1b;margin-bottom:.5rem;font-size:1.2rem}
.urgency-banner p{color:#334155;margin-bottom:.75rem;font-size:.95rem}

/* --- TEXT HIGHLIGHTS --- */
.orange{color:#FF6B2C;font-weight:700}

/* --- TIP / WARNING --- */
.tip-box{background:#EFF6FF;border-left:3px solid #1E3A5F;padding:1rem 1.5rem;margin:1.5rem 0;font-size:.95rem}
.tip-box strong{color:#1E3A5F}
.warning-box{background:#FFF7ED;border-left:3px solid #FF6B2C;padding:1rem 1.5rem;margin:1.5rem 0;font-size:.95rem}
.warning-box strong{color:#FF6B2C}

/* --- COMPAT --- */
.compat-box{background:#fff;border:1px solid #bae6fd;padding:2rem;margin:1.5rem 0;text-align:center}
.compat-code{display:inline-block;background:#1E3A5F;color:#4ade80;font-family:'Courier New',monospace;font-size:1.8rem;font-weight:700;padding:.6rem 2rem;border-radius:4px;margin:1rem 0;letter-spacing:2px}
.compat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;text-align:left}
.compat-step{background:#f0f9ff;padding:1rem;border:1px solid #e0f2fe}
.compat-step .step-num{display:inline-block;width:28px;height:28px;background:#FF6B2C;color:#fff;border-radius:50%;text-align:center;line-height:28px;font-weight:700;font-size:.85rem;margin-bottom:.5rem}

/* --- STEPS --- */
.steps-flow{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}
.step-item{background:#fff;border:1px solid #e4e4e4;padding:1.5rem;text-align:center;flex:1;min-width:170px;max-width:240px;position:relative}
.step-num-big{width:48px;height:48px;background:#FF6B2C;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;margin:0 auto .75rem}
.step-arrow{display:none;position:absolute;right:-1.25rem;top:40px;color:#FF6B2C;font-size:1.5rem}
@media(min-width:769px){.step-arrow{display:block}}

/* --- FAQ --- */
.faq{background:#fff;border:1px solid #e4e4e4;padding:1.5rem 2rem;margin:1.25rem 0}
.faq h3{margin-bottom:.5rem;font-size:1.05rem;font-weight:600}

/* --- CHECKLIST --- */
.checklist{background:#F0FDF4;border:1px solid #bbf7d0;padding:1.5rem 2rem;margin:1.5rem 0}
.checklist h3{color:#16a34a;margin-bottom:.75rem}
.checklist ul{list-style:none;padding:0}
.checklist ul li{padding:.4rem 0;font-size:.95rem}
.checklist ul li::before{content:'☑️ '}

/* --- BADGES --- */
.badge-hot{display:inline-block;background:#dc2626;color:#fff;font-size:.7rem;padding:.15rem .55rem;border-radius:20px;font-weight:700;margin-left:.4rem;vertical-align:middle}
.badge-new{display:inline-block;background:#16a34a;color:#fff;font-size:.7rem;padding:.15rem .55rem;border-radius:20px;font-weight:700;margin-left:.4rem;vertical-align:middle}
.badge-tag{display:inline-block;background:#FF6B2C;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;margin-bottom:.75rem}

/* ============================================================
   ⭐ NEON GLASS 3D CARDS — Solo para featured cards del blog
   ============================================================ */
.ux-parent{
  width:100%;max-width:400px;height:300px;margin-inline:auto;
  perspective:1000px;perspective-origin:50% 50%;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,0.08));
}
.ux-parent--wide{max-width:none;width:100%;height:280px}
.ux-card{
  position:relative;height:100%;border-radius:50px;
  background:var(--ux-grad,linear-gradient(135deg,#FF6B2C 0%,#e55a1f 100%));
  transform-style:preserve-3d;
  transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease;
  box-shadow:rgba(5,71,17,0) 40px 50px 25px -40px,rgba(5,71,17,0.1) 0 25px 25px -5px;
}
.ux-parent:hover .ux-card{
  transform:rotate3d(1,1,0,28deg);
  box-shadow:rgba(5,71,17,0.15) 28px 48px 28px -38px,rgba(255,107,44,0.08) 0 0 60px -10px,rgba(5,71,17,0.08) 0 25px 35px 0;
}

/* Card color themes — brand colors */
.ux-parent--mint{--ux-grad:linear-gradient(135deg,#FF6B2C 0%,#e55a1f 100%);--ux-title:#5c1a05;--ux-body:rgba(80,25,5,0.82);--ux-cta:#FF6B2C;--ux-orbit:rgba(255,107,44,0.25);--ux-fill:#FF6B2C}
.ux-parent--ocean{--ux-grad:linear-gradient(155deg,#3b82f6 0%,#1E3A5F 60%,#0f172a 100%);--ux-title:#fff;--ux-body:rgba(255,255,255,0.8);--ux-cta:#fff;--ux-orbit:rgba(147,197,253,0.35);--ux-fill:#1E3A5F}
.ux-parent--green{--ux-grad:linear-gradient(135deg,#4ade80 0%,#22c55e 45%,#16a34a 100%);--ux-title:#052e16;--ux-body:rgba(5,46,22,0.88);--ux-cta:#16a34a;--ux-orbit:rgba(187,247,208,0.4);--ux-fill:#166534}
.ux-parent--violet{--ux-grad:linear-gradient(145deg,#818cf8 0%,#6366f1 40%,#a78bfa 100%);--ux-title:#1e1b4b;--ux-body:rgba(30,27,75,0.85);--ux-cta:#6366f1;--ux-orbit:rgba(165,180,252,0.35);--ux-fill:#4f46e5}

/* Glass layer */
.ux-glass{
  transform-style:preserve-3d;
  position:absolute;inset:8px;border-radius:55px;border-top-right-radius:100%;
  background:linear-gradient(0deg,rgba(255,255,255,0.38) 0%,rgba(255,255,255,0.82) 100%);
  transform:translate3d(0,0,25px);
  border-left:1px solid rgba(255,255,255,0.85);
  border-bottom:1px solid rgba(255,255,255,0.75);
  transition:all .5s ease-in-out;pointer-events:none;
}

/* Orbit circles */
.ux-logo{position:absolute;right:0;top:0;transform-style:preserve-3d;pointer-events:none;z-index:2}
.ux-circle{display:block;position:absolute;aspect-ratio:1;border-radius:50%;top:0;right:0;background:var(--ux-orbit);box-shadow:rgba(100,100,111,0.2) -8px 8px 20px 0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:all .5s ease-in-out}
.ux-circle:nth-child(1){width:170px;transform:translate3d(0,0,20px);top:8px;right:8px}
.ux-circle:nth-child(2){width:140px;transform:translate3d(0,0,40px);top:10px;right:10px;backdrop-filter:blur(4px);transition-delay:0.05s}
.ux-circle:nth-child(3){width:110px;transform:translate3d(0,0,60px);top:17px;right:17px;transition-delay:0.1s}
.ux-circle:nth-child(4){width:80px;transform:translate3d(0,0,80px);top:23px;right:23px;transition-delay:0.15s}
.ux-circle:nth-child(5){width:50px;transform:translate3d(0,0,100px);top:30px;right:30px;display:grid;place-content:center;transition-delay:0.2s}
.ux-circle:nth-child(5) svg{width:20px;fill:#fff}
.ux-parent:hover .ux-circle:nth-child(2){transform:translate3d(0,0,60px)}
.ux-parent:hover .ux-circle:nth-child(3){transform:translate3d(0,0,80px)}
.ux-parent:hover .ux-circle:nth-child(4){transform:translate3d(0,0,100px)}
.ux-parent:hover .ux-circle:nth-child(5){transform:translate3d(0,0,120px)}

/* Card content */
.ux-content{padding:100px 3.75rem 0 1.85rem;transform:translate3d(0,0,26px);position:relative;z-index:3}
.ux-title{display:block;color:var(--ux-title);font-weight:900;font-size:1.25rem;letter-spacing:-0.02em}
.ux-text{display:block;margin-top:1.05rem;color:var(--ux-body);font-size:.95rem;line-height:1.5;font-weight:600}

/* Card bottom actions */
.ux-bottom{
  padding:10px 12px;transform-style:preserve-3d;
  position:absolute;bottom:20px;left:20px;right:20px;
  display:flex;align-items:center;justify-content:space-between;
  transform:translate3d(0,0,26px);z-index:4;
}
.ux-social{display:flex;gap:10px;transform-style:preserve-3d}
.ux-social-btn{
  width:32px;aspect-ratio:1;padding:6px;background:#fff;border-radius:50%;border:none;
  display:grid;place-content:center;cursor:pointer;
  box-shadow:rgba(5,71,17,0.15) 0 8px 6px -5px;
  transition:transform .2s,box-shadow .2s,background .2s;
}
.ux-social-btn svg{width:15px;height:15px;fill:var(--ux-fill)}
.ux-social-btn:hover{background:#0f172a}
.ux-social-btn:hover svg{fill:#fff}
.ux-parent:hover .ux-social-btn{transform:translate3d(0,0,50px);box-shadow:rgba(5,71,17,0.1) -5px 20px 12px 0}
.ux-more{display:flex;align-items:center;gap:4px;width:42%;justify-content:flex-end;transition:transform .2s}
.ux-more:hover{transform:translate3d(0,0,10px)}
.ux-more-btn{
  background:none;border:none;color:var(--ux-cta);font-weight:800;font-size:.75rem;
  font-family:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;
}

/* ============================================================
   BLOG INDEX
   ============================================================ */
.blog-section{max-width:1024px;margin:0 auto;padding:2rem 1.5rem 3rem}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}

.blog-card{
  background:#fff;border:1px solid #e4e4e4;
  transition:border-color .2s,box-shadow .2s,transform .2s;
  overflow:hidden;
}
.blog-card:hover{border-color:#FF6B2C;box-shadow:0 8px 30px rgba(255,107,44,0.08);transform:translateY(-2px)}
.blog-card.featured-green{border:2px solid #4ade80}
.blog-card.featured-green:hover{border-color:#22c55e;box-shadow:0 12px 40px rgba(34,197,94,0.1)}
.blog-card.featured-blue{border:2px solid #3b82f6}
.blog-card.featured-blue:hover{border-color:#2563eb;box-shadow:0 12px 40px rgba(59,130,246,0.1)}
.blog-card-img{
  width:100%;height:180px;background:#f1f5f9;
  display:flex;align-items:center;justify-content:center;
  font-size:3rem;color:#94a3b8;
}
.blog-card-body{padding:1.5rem}
.blog-card-body h2{font-size:1.2rem;font-weight:700;line-height:1.35;margin-bottom:.75rem;color:#1E3A5F}
.blog-card-body h2 a{color:#1E3A5F}
.blog-card-body h2 a:hover{color:#FF6B2C}
.blog-card-body p{color:#64748b;font-size:.95rem;margin-bottom:1rem}
.blog-card-meta{color:#64748b;font-size:.85rem;margin-bottom:.75rem}
.blog-link{display:inline-block;color:#FF6B2C;font-weight:600;font-size:.95rem}
.blog-link:hover{color:#1E3A5F;text-decoration:underline}

/* --- BLOG HERO --- */
.blog-hero{
  background:#1E3A5F;color:#fff;padding:2.5rem 1.5rem;text-align:center;
}
.blog-hero h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem}
.blog-hero p{font-size:1.1rem;opacity:.85;max-width:600px;margin:0 auto}

/* --- LANGUAGE NOTICE --- */
.lang-notice{background:#FFF7ED;border:1px solid #fed7aa;padding:.75rem 1.25rem;margin-bottom:1.5rem;font-size:.88rem;text-align:center}
.lang-notice a{color:#FF6B2C;font-weight:600}

/* --- SEDE CARD --- */
.sede-card{background:#fff;border-left:3px solid #FF6B2C;padding:1.25rem 1.5rem;margin:1rem 0}

/* --- RELATED --- */
.related{max-width:1024px;margin:0 auto 3rem;padding:0 1.5rem}
.related h2{text-align:center;margin-bottom:1.5rem;font-weight:700;color:#1E3A5F}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.related-card{background:#fff;border:1px solid #e4e4e4;padding:1.5rem;transition:border-color .2s}
.related-card:hover{border-color:#FF6B2C}
.related-card h3{font-size:1.05rem;margin-bottom:.5rem}
.related-card a{color:#FF6B2C;font-weight:600}

/* --- FOOTER --- */
.blog-footer{background:#0a1929;color:rgba(255,255,255,.6);text-align:center;padding:2rem;font-size:.85rem}
.blog-footer a{color:rgba(255,255,255,.7)}
.blog-footer a:hover{color:#FF6B2C}
.blog-footer img{display:block;margin:0 auto 1rem;height:36px;opacity:.7}

.affiliate-disclaimer{
  max-width:1024px;margin:0 auto 1.5rem;padding:0 1.5rem;
  font-size:.78rem;color:#94a3b8;text-align:center;
}

/* --- RESPONSIVE --- */
@media(max-width:640px){
  .blog-nav{flex-direction:column;padding:1rem}
  .blog-nav .nav-links{gap:1rem}
  .blog-hero{padding:2rem 1rem}
  .blog-hero h1{font-size:1.5rem}
  article{padding:0 1rem 2rem}
  article h1{font-size:1.5rem}
  article h2{font-size:1.2rem}
  .meta{flex-direction:column;gap:.5rem;font-size:.8rem}
  .blog-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem -1rem;padding:0 1rem}
  .blog-table{font-size:.75rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .blog-table th,.blog-table td{padding:.4rem .5rem}
  .btn-td{font-size:.7rem;padding:.3rem .55rem}
  .compact-grid{grid-template-columns:1fr}
  .compact-card{padding:1rem}
  .cta-box,.cta-green,.cta-box-green,.cta-urgent{padding:1.25rem 1rem}
  .urgency-banner{padding:1.25rem 1rem;border-radius:6px}
  .urgency-banner h3{font-size:1rem}
  .tip-box,.warning-box{padding:.75rem 1rem;margin:1rem 0}
  .toc{padding:1rem 1.25rem}
  .faq{padding:1rem 1.25rem}
  .compat-box{padding:1.25rem}
  .compat-code{font-size:1.4rem;padding:.5rem 1rem}
  .compat-grid{grid-template-columns:1fr}
  .related-grid{grid-template-columns:1fr}
  .related{padding:0 1rem}
  .blog-grid{grid-template-columns:1fr}
  .steps-flow{flex-direction:column;align-items:center}
  .step-item{max-width:100%}
  .step-arrow{display:none!important}
  .ux-parent{height:240px;max-width:100%}
  .ux-parent--wide{height:220px}
  .ux-content{padding:80px 2rem 0 1.25rem}
  .breadcrumb{padding:0 1rem}
  .lang-notice{margin:0 0 1rem}
  .blog-footer{padding:1.5rem 1rem}
}
@media(max-width:768px){
  .share-nav{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .ux-card,.ux-circle,.ux-social-btn,.ux-more{transition:none!important}
  .ux-parent:hover .ux-card{transform:none}
  .ux-parent:hover .ux-circle:nth-child(2),
  .ux-parent:hover .ux-circle:nth-child(3),
  .ux-parent:hover .ux-circle:nth-child(4),
  .ux-parent:hover .ux-circle:nth-child(5){transform:inherit}
  .ux-parent:hover .ux-social-btn{transform:none}
}