/* Shared 5 Gen article styles. Use .fg-blog-article for every new article. */
.ty-wysiwyg-content .fg-blog-article { color: #C4D4E6; font-family: Manrope,sans-serif; max-width: 1050px; margin: 0 auto; }
.ty-wysiwyg-content .fg-blog-article p, .ty-wysiwyg-content .fg-blog-article li { color: #C4D4E6; font: 400 16.8px/1.85 Manrope,sans-serif; margin-bottom: 18px; }
.ty-wysiwyg-content .fg-blog-article strong { color: #F6FAFF; }
.ty-wysiwyg-content .fg-blog-article .fg-blog-article__lead { color: #F6FAFF; font: 500 30px/1.4 Oxanium,sans-serif; margin-bottom: 26px; }
.ty-wysiwyg-content .fg-blog-article .fg-blog-article__eyebrow { font: 800 12px/1.6 Manrope,sans-serif; letter-spacing: 1.7px; color: #07BCFD; }
.ty-wysiwyg-content .fg-blog-article h2 { color: #07BCFD; font: 500 32px/1.3 Oxanium,sans-serif; margin: 42px 0 20px; padding: 0; text-transform: none; }
.ty-wysiwyg-content .fg-blog-article h3 { color: #F6FAFF; font: 500 25px/1.35 Oxanium,sans-serif; margin: 28px 0 15px; }
.ty-wysiwyg-content .fg-blog-article h4 { color: #F6FAFF; font: 500 21px/1.35 Oxanium,sans-serif; margin: 10px 0 12px; }
.fg-blog-article a { color: #42BDF5; text-decoration: none; }
.fg-blog-article a:hover { color: #F1CB4B; }
.fg-blog-article a:focus-visible { outline: 2px solid #07BCFD; outline-offset: 4px; }
.fg-blog-article section { scroll-margin-top: 120px; }
.fg-blog-article__contents { display: flex; flex-wrap: wrap; gap: 10px; padding: 22px 0; border-block: 1px solid rgba(140,163,187,.25); margin: 30px 0; }
.fg-blog-article__contents a { padding: 8px 14px; border: 1px solid rgba(7,188,253,.28); border-radius: 20px; background: #10213A; font-size: 14px; }
.fg-blog-article__cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 24px 0; }
.fg-blog-article__cards > div, .fg-blog-article__comparison > div { padding: 23px; border: 1px solid rgba(7,188,253,.25); border-radius: 16px; background: linear-gradient(135deg,#132A47,#0C182A); }
.fg-blog-article__cards > div > span { color: #F1CB4B; font: 500 28px/1.2 Oxanium,sans-serif; }
.ty-wysiwyg-content .fg-blog-article__cards p { font-size: 15px; margin: 0; }
.fg-blog-article__comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }
.ty-wysiwyg-content .fg-blog-article__comparison h3 { margin-top: 0; }
.fg-blog-article figure { margin: 38px 0; }
.fg-blog-article figure img { display: block; width: 100%; height: auto; border-radius: 20px; border: 1px solid rgba(7,188,253,.25); }
.ty-wysiwyg-content .fg-blog-article blockquote { margin: 34px 0; padding: 24px 28px; border: 0; border-left: 3px solid #F1CB4B; color: #F6FAFF; background: linear-gradient(90deg,#132A47,transparent); font: 500 27px/1.5 Oxanium,sans-serif; }
.fg-blog-article ul { padding-left: 24px; }
.fg-blog-article li::marker { color: #07BCFD; }
.fg-blog-article__cta { margin: 40px 0; padding: 30px; border-radius: 20px; border: 1px solid rgba(7,188,253,.3); background: radial-gradient(ellipse at top right,rgba(7,188,253,.16),transparent 70%),#10213A; }
.ty-wysiwyg-content .fg-blog-article__cta h2 { margin-top: 12px; color: #F1CB4B; }
.fg-blog-article__cta > a { display: inline-flex; align-items: center; gap: 24px; padding: 13px 20px; border-radius: 8px; background: #07BCFD; color: #071321; font-weight: 800; }
.fg-blog-article__cta > a:hover { color: #071321; background: #F1CB4B; }
.ty-wysiwyg-content .fg-blog-article__sources p { font-size: 12px; color: #8CA3BB; }
body:has(.fg-blog-article) .cp-blog__params a { color: #C4D4E6; }
body:has(.fg-blog-article) .cp-blog__image-top, body:has(.fg-blog-article) .cp-blog__image-left { float: none; width: 100%; margin: 24px 0 36px; }
body:has(.fg-blog-article) .cp-blog__image-top img, body:has(.fg-blog-article) .cp-blog__image-left img { display: block; width: 100%; max-height: 560px; object-fit: cover; border-radius: 22px; }
body:has(.fg-blog-article) .cp-blog__content { width: 100%; float: none; }
body:has(.fg-blog-article) h1 { color: #F6FAFF; font: 500 42px/1.22 Oxanium,sans-serif; }
@media(max-width:799px) { .fg-blog-article__cards, .fg-blog-article__comparison { grid-template-columns: 1fr; } .ty-wysiwyg-content .fg-blog-article .fg-blog-article__lead { font-size: 26px; } .ty-wysiwyg-content .fg-blog-article h2 { font-size: 28px; } .ty-wysiwyg-content .fg-blog-article blockquote { font-size: 23px; padding: 20px; } .fg-blog-article__cta { padding: 22px; } body:has(.fg-blog-article) h1 { font-size: 32px; } }

/* Override the blog add-on's forced heading sizes and casing. */
.ty-wysiwyg-content .fg-blog-article h2 { font-size: 32px !important; text-transform: none !important; color: #07BCFD !important; }
.ty-wysiwyg-content .fg-blog-article h3 { font-size: 25px !important; text-transform: none !important; color: #F6FAFF !important; }
.ty-wysiwyg-content .fg-blog-article h4 { font-size: 21px !important; text-transform: none !important; color: #F6FAFF !important; }
.ty-wysiwyg-content .fg-blog-article p, .ty-wysiwyg-content .fg-blog-article li { color: #C4D4E6 !important; }
.ty-wysiwyg-content .fg-blog-article .fg-blog-article__lead { color: #F6FAFF !important; }
.ty-wysiwyg-content .fg-blog-article .fg-blog-article__eyebrow { color: #07BCFD !important; }
@media(max-width:799px) { .ty-wysiwyg-content .fg-blog-article h2 { font-size:28px !important; } }
.ty-wysiwyg-content .fg-blog-article a { color: #42BDF5 !important; }
.ty-wysiwyg-content .fg-blog-article a:hover { color: #F1CB4B !important; }
.ty-wysiwyg-content .fg-blog-article__cta > a, .ty-wysiwyg-content .fg-blog-article__cta > a:hover { color: #071321 !important; }

/* Article motion, signal details and editorial layouts */
.fg-blog-article figure { overflow: hidden; border-radius: 20px; }
.fg-blog-article figure img { transition: transform 900ms cubic-bezier(.2,.65,.3,1); transform-origin: center; }
@media(hover:hover) and (pointer:fine) { .fg-blog-article figure:hover img { transform: scale(1.055); } }
.ty-wysiwyg-content .fg-blog-article blockquote::before, .ty-wysiwyg-content .fg-blog-article blockquote::after { content: none !important; display: none !important; }
.ty-wysiwyg-content .fg-blog-article blockquote { text-align: left; }
.fg-blog-article__cards > div, .fg-blog-article__comparison > div, .fg-blog-article__use-cases > div { position: relative; isolation: isolate; overflow: hidden; }
.fg-blog-article__cards > div::before, .fg-blog-article__comparison > div::before, .fg-blog-article__use-cases > div::before { content: ""; position: absolute; z-index: -1; right: -44px; top: -52px; width: 150px; height: 150px; border: 1px solid rgba(7,188,253,.13); border-radius: 50%; box-shadow: 0 0 0 18px rgba(7,188,253,.035),0 0 0 37px rgba(7,188,253,.025); pointer-events: none; }
.fg-blog-article__cards > div::after, .fg-blog-article__comparison > div::after, .fg-blog-article__use-cases > div::after { content: ""; position: absolute; right: 20px; bottom: 17px; width: 5px; height: 5px; border-radius: 50%; background: #07BCFD; box-shadow: -14px 0 0 rgba(7,188,253,.3),-28px 0 0 rgba(7,188,253,.15),0 0 12px rgba(7,188,253,.65); animation: fg-blog-signal 4s ease-in-out infinite; pointer-events: none; }
.fg-blog-article__comparison > div:nth-child(even)::after, .fg-blog-article__use-cases > div:nth-child(even)::after { animation-delay: 1.6s; }
.fg-blog-article__use-cases { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 26px 0; }
.fg-blog-article__use-cases > div { padding: 26px 26px 32px; border: 1px solid rgba(7,188,253,.25); border-radius: 16px; background: linear-gradient(135deg,#132A47,#0C182A); }
.fg-blog-article__tag { color: #F1CB4B; font: 500 12px/1.5 Oxanium,sans-serif; letter-spacing: 1px; }
.ty-wysiwyg-content .fg-blog-article__use-cases h3 { margin: 16px 0 12px; }
.ty-wysiwyg-content .fg-blog-article__use-cases p { margin: 0; font-size: 15.5px; }
.fg-blog-article__insight { margin: 26px 0 38px; padding: 24px 28px; border-left: 2px solid #F1CB4B; background: linear-gradient(90deg,rgba(241,203,75,.08),transparent); }
.fg-blog-article__insight > strong { display: block; color: #F1CB4B !important; font: 500 24px/1.4 Oxanium,sans-serif; margin-bottom: 12px; }
.ty-wysiwyg-content .fg-blog-article__insight p { margin: 0; }
.ty-wysiwyg-content .fg-blog-article .fg-blog-article__statement { font: 500 28px/1.4 Oxanium,sans-serif; color: #F6FAFF !important; }
.fg-blog-article__lifecycle { padding: 28px; margin: 34px 0; border: 1px solid rgba(7,188,253,.22); border-radius: 18px; background: radial-gradient(ellipse at top right,rgba(7,188,253,.12),transparent 65%),#10213A; }
.ty-wysiwyg-content .fg-blog-article__lifecycle h3 { margin-top: 10px; }
.fg-blog-article__steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 26px; }
.fg-blog-article__steps > div { border-top: 2px solid rgba(7,188,253,.4); padding-top: 15px; }
.fg-blog-article__steps > div > span { color: #F1CB4B; letter-spacing: 1.5px; font: 500 13px/1.5 Oxanium,sans-serif; }
.ty-wysiwyg-content .fg-blog-article__steps p { margin: 12px 0 0; font-size: 15px; }
.ty-wysiwyg-content .fg-blog-article .fg-blog-article__questions { list-style: none; counter-reset: fg-blog-q; padding: 0; margin: 24px 0; display: grid; gap: 12px; }
.ty-wysiwyg-content .fg-blog-article__questions li { counter-increment: fg-blog-q; position: relative; padding: 18px 22px 18px 72px; margin: 0; border: 1px solid rgba(7,188,253,.17); border-radius: 12px; background: rgba(19,42,71,.5); }
.fg-blog-article__questions li::before { content: counter(fg-blog-q,decimal-leading-zero); position: absolute; top: 20px; left: 22px; font: 500 24px/1.3 Oxanium,sans-serif; color: #07BCFD; }
.fg-blog-article__questions li strong, .fg-blog-article__questions li span { display: block; }
.fg-blog-article__questions li strong { font: 500 20px/1.4 Oxanium,sans-serif; margin-bottom: 4px; }
.fg-blog-article__questions li span { font-size: 15px; }
@keyframes fg-blog-signal { 0%,100% { opacity: .4; } 50% { opacity: 1; } }
@media(max-width:799px) { .fg-blog-article__use-cases, .fg-blog-article__steps { grid-template-columns: 1fr; } .fg-blog-article__use-cases > div, .fg-blog-article__lifecycle { padding: 22px; } .fg-blog-article__steps { gap: 18px; } }
@media(prefers-reduced-motion:reduce) { .fg-blog-article figure img { transition: none; } .fg-blog-article figure:hover img { transform: none; } .fg-blog-article__cards > div::after, .fg-blog-article__comparison > div::after, .fg-blog-article__use-cases > div::after { animation: none; } }

/* Signal bars replace rings and pagination-like dots. */
.fg-blog-article__cards > div::before, .fg-blog-article__comparison > div::before, .fg-blog-article__use-cases > div::before {
  top: 15px; right: 16px; width: 112px; height: 42px; border: 0; border-radius: 0; box-shadow: none;
  background: linear-gradient(#07BCFD,#07BCFD) 0 100%/3px 8px no-repeat,linear-gradient(#07BCFD,#07BCFD) 10px 100%/3px 17px no-repeat,linear-gradient(#07BCFD,#07BCFD) 20px 100%/3px 28px no-repeat,linear-gradient(#07BCFD,#07BCFD) 30px 100%/3px 39px no-repeat,linear-gradient(#07BCFD,#07BCFD) 40px 100%/3px 31px no-repeat,linear-gradient(#07BCFD,#07BCFD) 50px 100%/3px 23px no-repeat,linear-gradient(#07BCFD,#07BCFD) 60px 100%/3px 12px no-repeat,linear-gradient(#07BCFD,#07BCFD) 70px 100%/3px 20px no-repeat,linear-gradient(#07BCFD,#07BCFD) 80px 100%/3px 34px no-repeat,linear-gradient(#07BCFD,#07BCFD) 90px 100%/3px 41px no-repeat,linear-gradient(#07BCFD,#07BCFD) 100px 100%/3px 27px no-repeat,linear-gradient(#07BCFD,#07BCFD) 110px 100%/2px 15px no-repeat;
  opacity: .14; transform-origin: bottom; animation: fg-blog-signal-bars 4.8s ease-in-out infinite;
}
.fg-blog-article__cards > div:nth-child(even)::before, .fg-blog-article__comparison > div:nth-child(even)::before, .fg-blog-article__use-cases > div:nth-child(even)::before { animation-delay: -2.1s; }
.fg-blog-article__cards > div::after, .fg-blog-article__comparison > div::after, .fg-blog-article__use-cases > div::after { content: none; display: none; animation: none; }
@keyframes fg-blog-signal-bars { 0%,100% { transform: scaleY(.72); opacity:.1; } 45% { transform: scaleY(1); opacity:.2; } 70% { transform: scaleY(.84); opacity:.14; } }
@media(prefers-reduced-motion:reduce) { .fg-blog-article__cards > div::before, .fg-blog-article__comparison > div::before, .fg-blog-article__use-cases > div::before { animation: none; } }

/* Accessible click-to-expand deployment guide. */
.fg-blog-article__questions > details { counter-increment: fg-blog-q; overflow: hidden; border: 1px solid rgba(7,188,253,.22); border-radius: 12px; background: rgba(19,42,71,.5); }
.fg-blog-article__questions > details > summary { position: relative; display: block; list-style: none; cursor: pointer; padding: 20px 60px 20px 72px; }
.fg-blog-article__questions > details > summary::-webkit-details-marker { display: none; }
.fg-blog-article__questions > details > summary::before { content: counter(fg-blog-q,decimal-leading-zero); position: absolute; top: 22px; left: 22px; font: 500 24px/1.3 Oxanium,sans-serif; color: #07BCFD; }
.fg-blog-article__questions > details > summary::after { content: '+'; position: absolute; top: 22px; right: 22px; font: 400 26px/1 Oxanium,sans-serif; color: #07BCFD; }
.fg-blog-article__questions > details[open] > summary::after { content: '−'; color: #F1CB4B; }
.fg-blog-article__questions > details > summary strong { display: block; font: 500 20px/1.4 Oxanium,sans-serif; color: #F6FAFF; margin-bottom: 5px; }
.fg-blog-article__questions > details > summary > span { display: block; color: #C4D4E6; font: 400 15px/1.7 Manrope,sans-serif; }
.fg-blog-article__questions > details[open] { border-color: rgba(7,188,253,.5); background: linear-gradient(135deg,#132A47,#0C182A); }
.fg-blog-article__questions > details > summary:hover { background: rgba(7,188,253,.045); }
.fg-blog-article__questions > details > summary:focus-visible { outline: 2px solid #07BCFD; outline-offset: -4px; border-radius: 12px; }
.fg-blog-article__answer { margin: 0 24px 0 72px; padding: 20px 0 4px; border-top: 1px solid rgba(140,163,187,.22); }
.ty-wysiwyg-content .fg-blog-article__answer p { font-size: 15.5px; }
.ty-wysiwyg-content .fg-blog-article__answer p:last-child { padding: 14px 16px; border-left: 2px solid #F1CB4B; background: rgba(241,203,75,.045); }
@media(max-width:599px) { .fg-blog-article__questions > details > summary { padding: 18px 46px 18px 56px; } .fg-blog-article__questions > details > summary::before { left: 16px; font-size: 22px; } .fg-blog-article__questions > details > summary::after { right: 16px; } .fg-blog-article__answer { margin: 0 18px; } }

/* Open Wi-Fi signal arcs, without circles, bars or pagination dots. */
.fg-blog-article__cards > div::before, .fg-blog-article__comparison > div::before, .fg-blog-article__use-cases > div::before { top: 12px; right: 12px; width: 112px; height: 66px; border: 0; border-radius: 0; box-shadow: none; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2072%22%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%2307BCFD%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M12%2028%20Q60%20-10%20108%2028%22%2F%3E%3Cpath%20d%3D%22M26%2042%20Q60%2014%2094%2042%22%2F%3E%3Cpath%20d%3D%22M40%2056%20Q60%2039%2080%2056%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat; transform: none; opacity: .22; animation: fg-blog-wifi-breathe 4.8s ease-in-out infinite; }
.fg-blog-article__cards > div::after, .fg-blog-article__comparison > div::after, .fg-blog-article__use-cases > div::after { content: none; display: none; }
@keyframes fg-blog-wifi-breathe { 0%,100% { opacity: .12; } 50% { opacity: .3; } }
@media(prefers-reduced-motion:reduce) { .fg-blog-article__cards > div::before, .fg-blog-article__comparison > div::before, .fg-blog-article__use-cases > div::before { animation: none; } }
/* Broad signal waves radiate from the upper-right card corner. */
.fg-blog-article__cards > div::before, .fg-blog-article__comparison > div::before, .fg-blog-article__use-cases > div::before { top: 0; right: 0; width: 300px; height: 260px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20260%22%20fill%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222.6%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20stroke%3D%22%2307BCFD%22%20filter%3D%22url%28%23soft%29%22%20opacity%3D%22.35%22%3E%3Cpath%20d%3D%22M20%20-20%20A280%20280%200%200%200%20300%20260%22%20stroke-width%3D%228%22%2F%3E%3Cpath%20d%3D%22M90%20-20%20A210%20210%200%200%200%20300%20190%22%20stroke-width%3D%2212%22%2F%3E%3Cpath%20d%3D%22M160%20-20%20A140%20140%200%200%200%20300%20120%22%20stroke-width%3D%2216%22%2F%3E%3Cpath%20d%3D%22M230%20-20%20A70%2070%200%200%200%20300%2050%22%20stroke-width%3D%2220%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%2307BCFD%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22M20%20-20%20A280%20280%200%200%200%20300%20260%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M90%20-20%20A210%20210%200%200%200%20300%20190%22%20stroke-width%3D%225%22%2F%3E%3Cpath%20d%3D%22M160%20-20%20A140%20140%200%200%200%20300%20120%22%20stroke-width%3D%228%22%2F%3E%3Cpath%20d%3D%22M230%20-20%20A70%2070%200%200%200%20300%2050%22%20stroke-width%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: right top; background-size: 300px 260px; opacity: .15; }
@keyframes fg-blog-wifi-breathe { 0%,100% { opacity: .09; } 50% { opacity: .21; } }
/* Quiet corner glow replaces all signal-line decorations. */
.fg-blog-article__cards > div::before, .fg-blog-article__comparison > div::before, .fg-blog-article__use-cases > div::before { content: ""; inset: 0; width: 100%; height: 100%; border: 0; border-radius: inherit; box-shadow: none; background: radial-gradient(ellipse at 100% 0%,rgba(7,188,253,.105) 0%,rgba(7,188,253,.025) 36%,transparent 70%); opacity: 1; transform: none; animation: none; }
.fg-blog-article__cards > div::after, .fg-blog-article__comparison > div::after, .fg-blog-article__use-cases > div::after { content: none; display: none; }
/* Native article H2 field: shared brand styling. */
body:has(.fg-blog-article) .cp-blog__blog > .cp-blog-h2 { margin: 24px 0 28px; padding: 0; font: 500 28px/1.35 Oxanium,sans-serif; font-size: 28px !important; text-transform: none !important; color: #07BCFD !important; }
@media(max-width:799px) { body:has(.fg-blog-article) .cp-blog__blog > .cp-blog-h2 { font-size: 24px !important; } }