.fg-page{--fg-ink:#182638;--fg-muted:#657184;--fg-line:#e1e7ed;--fg-accent:#365aee;max-width:1320px;margin:0 auto;padding:32px 28px 70px;color:var(--fg-ink);font-family:inherit}.fg-page *{box-sizing:border-box}.fg-page [hidden]{display:none!important}.fg-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;padding:52px;border:1px solid #dee5ed;border-radius:26px;background:linear-gradient(120deg,#f3f6fc,#f8fbfa);overflow:hidden}.fg-eyebrow,.fg-kind{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#527165}.fg-hero h1{max-width:620px;margin:20px 0;font-size:clamp(32px,4vw,54px);line-height:1.06;letter-spacing:-2px;font-weight:750;color:var(--fg-ink)}.fg-hero p{max-width:560px;font-size:17px;line-height:1.7;color:var(--fg-muted)}.fg-primary{display:inline-block;margin-top:16px;padding:12px 20px;background:var(--fg-accent);color:#fff!important;border-radius:9px;text-decoration:none}.fg-hero-diagram{position:relative;padding:22px;background:#fff;border:1px solid #dce4e7;border-radius:14px;box-shadow:0 20px 45px #294c6810;transform:rotate(-3deg)}.fg-hero-diagram>span{display:block;width:70px;height:8px;background:#163d35;margin-bottom:22px}.fg-hero-diagram>i{display:inline-block;width:35%;height:5px;margin:0 8px 20px 0;background:#e7edf0}.fg-hero-diagram>b{display:grid;place-items:center;min-height:46px;background:#e8edff;border:1px dashed #8f9ff1;border-radius:6px;color:#4863ad;font-size:13px}.fg-hero-diagram section{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin:20px 0 35px}.fg-hero-diagram em,.fg-hero-diagram strong{display:grid;place-items:center;height:105px;border-radius:6px;font-style:normal;font-size:13px;background:#edf5ef;color:#517e5e}.fg-hero-diagram strong{background:#fff0e4;color:#986e43}.fg-hero-diagram small{display:inline-block;padding:9px 15px;background:#f4f1ff;border-radius:7px;color:#7760a4}.fg-catalog{padding-top:48px}.fg-catalog>header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.fg-catalog h2{margin:0 0 8px;font-size:26px;font-weight:700}.fg-catalog p{color:var(--fg-muted);line-height:1.6}.fg-catalog nav{display:flex;flex-wrap:wrap;max-width:100%;gap:5px;padding:4px;border:1px solid var(--fg-line);border-radius:12px;flex-shrink:0}.fg-catalog nav button{border:0;border-radius:8px;background:transparent;padding:10px 14px;color:var(--fg-muted);cursor:pointer;font:600 12px inherit}.fg-catalog nav button[aria-pressed=true]{background:#eaf0ff;color:#3156cf}.fg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.fg-card{border:1px solid var(--fg-line);border-radius:16px;overflow:hidden;background:white;display:flex;flex-direction:column;transition:box-shadow .2s}.fg-card:hover{box-shadow:0 10px 30px #1728390d}.fg-visual{height:185px;display:flex;align-items:center;justify-content:center;padding:24px;background:#f3f5f8;border-bottom:1px solid var(--fg-line);overflow:hidden}.fg-visual img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 5px 16px #233b5015}.fg-visual--half_page img{height:158px}.fg-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.fg-card h3{font-size:22px;line-height:1.25;margin:8px 0;color:var(--fg-ink)}.fg-size{font-weight:650;font-size:13px;margin:0 0 12px!important;color:#344a68!important}.fg-behaviour{font-size:13px;min-height:21px}.fg-card dl{border-top:1px solid var(--fg-line);padding-top:16px;margin:6px 0 22px;flex:1}.fg-card dt{font-size:11px;font-weight:700;color:#7c8794;margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.fg-card dd{margin:0;color:#384c60;font-size:13px;line-height:1.7}.fg-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.fg-card-footer small{color:var(--fg-muted);font-size:11px}.fg-card-footer button{padding:8px 10px;border:1px solid #d6e0ee;background:white;border-radius:7px;color:#3156cf;font-weight:700;cursor:pointer;white-space:nowrap}.fg-mock{width:200px;border-radius:8px;background:white;padding:13px;box-shadow:0 5px 16px #233b5010}.fg-mock>span{font-size:9px;letter-spacing:1px;color:#496c60}.fg-mock i{display:block;height:50px;margin:8px 0;background:linear-gradient(145deg,#b4c6b8,#dde8ed);border-radius:4px}.fg-mock b,.fg-mock em{display:block;height:5px;background:#dde3e9;margin:8px 0;width:80%}.fg-mock em{width:55%}.fg-visual--notification .fg-mock{width:250px}.fg-visual--notification .fg-mock i{float:left;width:42px;height:42px;margin-right:12px}.fg-visual--carousel .fg-mock{box-shadow:12px 0 #e2e7ed,24px 0 #e9edf3;transform:translateX(-12px)}.fg-guide{margin-top:42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:32px 0;border-top:1px solid var(--fg-line)}.fg-guide article>span{color:#778eab;font-size:12px;font-weight:700}.fg-guide h2{font-size:19px;margin:12px 0}.fg-guide p{font-size:14px;line-height:1.75;color:var(--fg-muted)}.fg-dialog{width:min(1100px,96vw);max-height:94vh;border:0;border-radius:18px;padding:0;color:var(--fg-ink);box-shadow:0 25px 100px #12223640}.fg-dialog::backdrop{background:#15243a99;backdrop-filter:blur(3px)}.fg-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--fg-line)}.fg-dialog>header span{color:var(--fg-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.fg-dialog h2{font-size:23px;margin:5px 0}.fg-dialog>header button{font-size:28px;border:0;background:#edf1f6;width:38px;height:38px;border-radius:50%;cursor:pointer}.fg-controls{display:flex;gap:20px;padding:16px 28px 8px}.fg-controls label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.fg-controls select{padding:9px;border:1px solid var(--fg-line);border-radius:7px;background:white;color:var(--fg-ink)}.fg-example-help{font-size:12px;color:var(--fg-muted);margin:0;padding:4px 28px 14px}.fg-preview-scroll{height:min(58vh,610px);overflow:auto;padding:22px;background:#edf1f5}.fg-preview-page{position:relative;min-height:650px;margin:0 auto;background:white;box-shadow:0 3px 18px #26374b10;max-width:100%;padding:22px}.fg-demo-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #dce3ea}.fg-demo-head b{font:700 24px Georgia,serif}.fg-demo-head span{font-size:11px;color:#798697}.fg-demo-columns{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px}.fg-demo-columns h3{font:400 36px/1.2 Georgia,serif;max-width:440px;margin:16px 0}.fg-demo-lines{height:110px;margin:20px 0;background:repeating-linear-gradient(to bottom,#e9edf0 0,#e9edf0 5px,transparent 5px,transparent 20px);max-width:100%}.fg-preview-slot{max-width:100%;margin:20px auto}.fg-preview-slot iframe{display:block;border:0;width:100%;background:white}.fg-preview-slot p{font-size:12px;color:var(--fg-muted)}[data-fg-push]{position:sticky;bottom:12px;right:0;margin-left:auto;margin-right:0;max-width:420px;z-index:1}.fg-dialog footer{padding:13px 28px;font-size:12px;color:var(--fg-muted);border-top:1px solid var(--fg-line)}.fg-page button:focus-visible,.fg-page select:focus-visible{outline:3px solid #94a5ff;outline-offset:3px}.fg-preview-page.is-mobile .fg-demo-head span{display:none}.fg-preview-page.is-mobile{padding:14px}.fg-preview-page.is-mobile .fg-demo-columns h3{font-size:28px}
@media(max-width:1000px){.fg-hero{padding:32px;gap:30px}.fg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-catalog>header{display:block}.fg-catalog nav{width:max-content;margin-top:20px}.fg-guide{gap:20px}.fg-card-body{padding:18px}}
@media(max-width:620px){.fg-page{padding:18px 14px 36px}.fg-hero{grid-template-columns:1fr;padding:28px 22px;gap:20px;border-radius:18px}.fg-hero h1{letter-spacing:-1px}.fg-hero p{font-size:15px}.fg-hero-diagram{max-width:340px;width:100%;margin:auto}.fg-grid,.fg-guide{grid-template-columns:1fr}.fg-catalog{padding-top:32px}.fg-visual{height:180px}.fg-guide{gap:22px}.fg-dialog>header{padding:16px}.fg-controls{padding:12px 16px;flex-wrap:wrap;gap:10px}.fg-controls label{flex:1;justify-content:space-between}.fg-example-help{padding:0 16px 12px}.fg-preview-scroll{padding:8px}.fg-dialog h2{font-size:20px}.fg-demo-columns{gap:10px}.fg-catalog nav button{padding:9px 11px}}
/* Format descriptions and editorial thumbnails. */
.fg-visual:has(.fg-native-sample){height:230px;padding:20px}.fg-native-sample{width:min(100%,300px);background:#fff;border:1px solid #e0e5e8;border-radius:8px;overflow:hidden;box-shadow:0 8px 20px #2b405010}.fg-native-sample img{display:block;width:100%;max-height:none;aspect-ratio:16/9;object-fit:cover;box-shadow:none}.fg-native-sample strong{display:block;padding:12px 14px;font-size:15px;line-height:1.3;color:#243345}.fg-visual--recommendations .fg-native-sample{width:230px;box-shadow:12px 0 #dfe6e9,24px 0 #e6edf0;transform:translateX(-12px)}.fg-visual--notification .fg-native-sample{display:grid;grid-template-columns:70px 1fr;align-items:center}.fg-visual--notification .fg-native-sample img{aspect-ratio:1;object-fit:cover}.fg-visual--notification .fg-native-sample strong{font-size:13px}.fg-description{font-size:14px;line-height:1.75;min-height:115px;margin:6px 0 16px!important}.fg-requirements{border:1px solid #e2e8ed;border-radius:8px;margin:0 0 16px;padding:11px 12px;font-size:12px;color:#526577}.fg-requirements summary{font-weight:700;cursor:pointer}.fg-requirements p{font-size:12px;margin:10px 0 0}.fg-examples-link{display:block;margin-top:18px;padding-top:14px;border-top:1px solid #e2e8ed;text-decoration:none;color:#3c6552;font-size:13px;font-weight:700}.fg-preview-slot{width:920px}.fg-behaviour{font-size:12px;color:#66816e!important}.fg-visual--notification .fg-native-sample strong::first-line{font-weight:700}@media(max-width:620px){.fg-description{min-height:0}.fg-visual:has(.fg-native-sample){height:220px}}

/* Public masthead spans the page; panel catalogues retain their own workspace. */
.fg-page--public{max-width:none;padding:0 0 70px}.fg-page--public>.fg-hero{min-height:650px;border:0;border-radius:0;padding:80px max(28px,calc((100% - 1208px)/2));grid-template-columns:1fr;background:linear-gradient(90deg,rgba(17,30,39,.86),rgba(17,30,39,.54) 48%,rgba(17,30,39,.16)),url('/images/brand/coreads-platform.svg') center/cover no-repeat}.fg-page--public .fg-hero-diagram{display:none}.fg-page--public .fg-hero h1{color:#fff;font-size:clamp(42px,5vw,72px);max-width:670px}.fg-page--public .fg-hero p{color:#f4f6f7;font-size:19px}.fg-page--public .fg-hero .fg-eyebrow{color:#e9c489}.fg-page--public>.fg-catalog,.fg-page--public>.fg-guide{max-width:1264px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}
@media(max-width:620px){.fg-page--public{padding:0 0 36px}.fg-page--public>.fg-hero{min-height:540px;padding:56px 22px;background-position:62% center}.fg-page--public .fg-hero h1{font-size:44px}.fg-page--public .fg-hero p{font-size:16px}.fg-page--public>.fg-catalog,.fg-page--public>.fg-guide{padding-left:14px;padding-right:14px}}

.fg-hero-diagram small{float:right}

/* Keep the selected device's composition intact inside smaller preview windows. */
.fg-preview-stage{position:relative;margin:0 auto}.fg-preview-stage>.fg-preview-page{max-width:none;margin:0;transform-origin:top left}.fg-preview-subtitle{margin:5px 0 0;color:var(--fg-muted);font-size:12px;line-height:1.45}.fg-dialog>header>div{min-width:0}.fg-dialog>header>button{flex-shrink:0}.fg-controls label{min-width:0}.fg-controls select{min-width:0;max-width:100%}
@media(max-width:620px){.fg-dialog[open]{display:flex;flex-direction:column;width:calc(100vw - 16px);max-width:none;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:14px;overflow:hidden}.fg-dialog>header{flex:none;gap:12px;padding:14px 16px}.fg-dialog h2{font-size:19px;line-height:1.2;margin:5px 0}.fg-preview-subtitle{font-size:11px}.fg-dialog .fg-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px 16px 8px;flex:none}.fg-controls label{display:flex;flex-direction:column;align-items:stretch;gap:5px;justify-content:flex-start;font-size:11px}.fg-controls select{width:100%;font-size:12px;padding:9px 7px}.fg-example-help{font-size:11px;line-height:1.5;padding:0 16px 10px;flex:none}.fg-preview-scroll{flex:1;min-height:0;height:auto;padding:8px;overscroll-behavior:contain}.fg-dialog footer{flex:none;padding:10px 16px;font-size:11px}.fg-preview-page.is-mobile .fg-demo-columns{gap:0}}