
/* Safe mock AdSense placement preview. Hidden unless ?adpreview=1 is used. */
.ad-preview-wrap,.ad-preview-slot{display:none}
html.ad-preview-enabled .ad-preview-wrap{display:block}
html.ad-preview-enabled .ad-preview-slot{display:flex}
.ad-preview-wrap{width:min(1180px,calc(100% - 36px));margin:28px auto}
.ad-preview-slot{position:relative;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;margin:24px auto;padding:13px;border:1px dashed #91a0b3;border-radius:12px;background:#f4f7fa;color:#102034;overflow:hidden;box-shadow:0 1px 0 rgba(11,37,69,.05)}
.ad-preview-slot::before{content:"MOCK AD PREVIEW";position:absolute;right:8px;top:7px;font:800 9px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.9px;color:#52657a;background:#e4ebf2;border-radius:99px;padding:5px 7px}
.ad-preview-banner{width:100%;max-width:970px;min-height:118px}
.ad-preview-inarticle{width:100%;max-width:720px;min-height:250px}
.ad-preview-rectangle{width:min(100%,336px);min-height:280px;margin-top:0}
.ad-preview-creative{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:18px;background:#fff;border:1px solid #d9e1ea;border-radius:9px}
.ad-preview-rectangle .ad-preview-creative{grid-template-columns:1fr;align-content:center;text-align:left;min-height:235px}
.ad-preview-badge{width:48px;height:48px;display:grid;place-items:center;border-radius:9px;background:#0b2545;color:#fff;font-weight:900;font-size:18px}
.ad-preview-copy b{display:block;color:#0b2545;font-size:16px;line-height:1.25;margin-bottom:3px}
.ad-preview-copy span{display:block;color:#1d7553;font-size:12px;font-weight:750;margin-bottom:5px}
.ad-preview-copy p{margin:0;color:#596779;font-size:13px;line-height:1.45}
.ad-preview-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:7px;background:#f4a012;color:#172234;font-weight:850;font-size:12px;white-space:nowrap}
.ad-preview-note{font-size:10px;color:#6d7a8b;text-align:center;letter-spacing:.2px}
.ad-preview-toolbar{position:fixed;z-index:2147483000;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:9px 11px;border-radius:12px;background:#081a31;color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.28);font:700 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.ad-preview-toolbar strong{color:#ffd578}.ad-preview-toolbar a{color:#fff;background:#234467;text-decoration:none;padding:7px 9px;border-radius:7px;white-space:nowrap}
.ad-preview-toolbar a:hover{background:#31587f}
.ads-preview-page{background:#f5f1e8}.ads-preview-main{width:min(1080px,calc(100% - 32px));margin:42px auto 90px}.ads-preview-main h1{font-size:clamp(38px,7vw,70px);line-height:1.02;margin:18px 0}.ads-preview-main>.lead{max-width:760px;color:#596779;font-size:18px}.ads-preview-grid{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start;margin-top:34px}.ads-preview-panel{background:#fff;border:1px solid #d8d1c5;border-radius:14px;padding:24px}.ads-preview-panel h2{font-size:28px;margin:0 0 10px}.ads-preview-panel p{color:#596779}.ads-preview-links{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.ads-preview-links a{display:inline-flex;padding:10px 13px;border-radius:8px;background:#0b2545;color:#fff;text-decoration:none;font-weight:800;font-size:13px}.ads-preview-warning{background:#fff4d8;border-left:4px solid #f4a012;padding:14px 16px;margin:22px 0;color:#4c3a16}
@media(max-width:760px){.ad-preview-wrap{width:min(100% - 20px,680px);margin:18px auto}.ad-preview-banner{min-height:132px}.ad-preview-creative{grid-template-columns:44px minmax(0,1fr);padding:14px}.ad-preview-badge{width:42px;height:42px}.ad-preview-cta{grid-column:1/-1;width:100%}.ad-preview-copy b{font-size:14px}.ad-preview-copy p{font-size:12px}.ads-preview-grid{grid-template-columns:1fr}.ad-preview-toolbar{font-size:11px}.ad-preview-toolbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:390px){.ad-preview-slot{padding:9px;border-radius:9px}.ad-preview-creative{gap:9px}.ad-preview-rectangle{min-height:250px}}
