@import url('https://fonts.googleapis.com/css2?family=Segoe+UI:wght@400;500;600;700&display=swap');
/* Microsoft Ads/mskp-common.css */
.mskp{--mskp-bg: #ffffff;--mskp-surface: #ffffff;--mskp-hover: #f1f3f4;--mskp-line: #ebebeb;--mskp-line-strong: #d1d5db;--mskp-ink: #111111;--mskp-body: #4d5156;--mskp-muted: #70757a;--mskp-subtle: #8a8d91;--mskp-link: #1b1464;--mskp-link-hover: #0b0739;--mskp-link-blue: #0067b8;--mskp-star: #e37400;--mskp-good: #107c41;--mskp-card-bg: #ffffff;--mskp-card-border: #e3e5e8;--mskp-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);--mskp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);--mskp-font: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;position: relative;width: 100%;height: 100%;min-height: var(--mskp-min-height, 460px);overflow-y: auto;overflow-x: hidden;isolation: isolate;container-type: inline-size;background: var(--mskp-bg);color: var(--mskp-ink);font-family: var(--mskp-font);font-size: 14px;line-height: 1.5;-webkit-font-smoothing: antialiased}
.mskp,.mskp *,.mskp *::before,.mskp *::after{box-sizing: border-box}
.mskp a{color: var(--mskp-link);text-decoration: none;transition: color 0.15s ease}
.mskp a:hover{text-decoration: underline;color: var(--mskp-link-hover)}
.mskp-sprite{position: absolute;width: 0;height: 0;overflow: hidden}
.mskp-stars{display: inline-flex;align-items: center;gap: 2px;color: var(--mskp-star)}
.mskp-stars svg{width: 13px;height: 13px;fill: currentColor}
.mskp-header{position: sticky;top: 0;z-index: 20;background: var(--mskp-bg);border-bottom: 1px solid var(--mskp-line);padding: 16px 24px 0;box-shadow: 0 1px 0 rgba(0,0,0,0.03)}
.mskp-header-top{display: flex;align-items: center;gap: 20px;margin-bottom: 16px}
.mskp-logo{flex-shrink: 0;display: flex;align-items: center;gap: 8px;cursor: pointer;text-decoration: none !important}
.mskp-logo-squares{display: grid;grid-template-columns: 10px 10px;grid-template-rows: 10px 10px;gap: 2px}
.mskp-sq{width: 10px;height: 10px}
.mskp-sq-red{background: #f25022}
.mskp-sq-green{background: #7fba00}
.mskp-sq-blue{background: #00a4ef}
.mskp-sq-yellow{background: #ffb900}
.mskp-search-bar{display: flex;align-items: center;width: 100%;max-width: 680px;height: 46px;padding: 0 16px;background: var(--mskp-surface);border: 1px solid var(--mskp-line-strong);border-radius: 24px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);transition: border-color 0.2s, box-shadow 0.2s}
.mskp-search-bar:focus-within,.mskp-search-bar:hover{box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14);border-color: #b0b4ba}
.mskp-search-icon{flex-shrink: 0;width: 18px;height: 18px;fill: #606060;margin-right: 12px}
.mskp-query{flex: 1;min-width: 0;overflow: hidden;font-size: 15px;font-weight: 400;color: var(--mskp-ink);white-space: nowrap;text-overflow: ellipsis;outline: none}
.mskp-icon-btn{background: none;border: none;padding: 6px;display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 50%;color: #606060;transition: background 0.15s, color 0.15s}
.mskp-icon-btn:hover{background: var(--mskp-hover);color: var(--mskp-ink)}
.mskp-icon-btn svg{width: 18px;height: 18px;fill: currentColor}
.mskp-icon-clear{margin: 0 2px}
.mskp-icon-mic{color: #505050}
.mskp-icon-lens{color: #505050}
.mskp-header-right{display: flex;align-items: center;gap: 12px;margin-left: auto}
.mskp-rewards-badge{display: flex;align-items: center;gap: 8px;padding: 2px 4px 2px 10px;border-radius: 20px;background: transparent;color: var(--mskp-ink);font-size: 13px;font-weight: 600;cursor: pointer}
.mskp-rewards-badge:hover{background: var(--mskp-hover)}
.mskp-rewards-circle{width: 24px;height: 24px;border-radius: 50%;background: #0078d4;display: flex;align-items: center;justify-content: center;color: #ffffff;box-shadow: 0 1px 3px rgba(0, 120, 212, 0.35)}
.mskp-rewards-circle svg{width: 14px;height: 14px;fill: #ffffff}
.mskp-profile-avatar{width: 32px;height: 32px;border-radius: 50%;background: #e1dfdd;display: flex;align-items: center;justify-content: center;color: #505050;cursor: pointer}
.mskp-profile-avatar svg{width: 18px;height: 18px;fill: currentColor}
.mskp-header-bottom{display: flex;align-items: center;padding-left: clamp(20px, 12cqw, 148px);gap: 4px;overflow-x: auto;scrollbar-width: none}
.mskp-header-bottom::-webkit-scrollbar{display: none}
.mskp-nav{display: flex;align-items: center;gap: 2px}
.mskp-nav-link{display: flex;align-items: center;gap: 6px;padding: 8px 14px 10px;font-size: 13px;font-weight: 500;color: var(--mskp-muted);border-bottom: 3px solid transparent;text-decoration: none !important;text-transform: uppercase;letter-spacing: 0.2px;white-space: nowrap}
.mskp-nav-link:hover{color: var(--mskp-ink)}
.mskp-nav-link.is-active{color: var(--mskp-ink);font-weight: 700;border-bottom-color: var(--mskp-ink)}
.mskp-nav-copilot{color: #0078d4;font-weight: 600}
.mskp-nav-copilot svg{width: 14px;height: 14px}
.mskp-main{max-width: 1200px;padding: 16px 20px 48px clamp(20px, 12cqw, 148px)}
.mskp-results{max-width: 820px;display: flex;flex-direction: column;gap: 24px}
.mskp-stats-row{display: flex;align-items: center;gap: 8px;font-size: 13px;color: var(--mskp-muted);margin-bottom: 4px}
.mskp-favicon-stack{display: flex;align-items: center}
.mskp-favicon-stack img,.mskp-favicon-stack .mskp-fav-dot{width: 18px;height: 18px;border-radius: 50%;border: 1.5px solid var(--mskp-bg);margin-left: -5px;background: #f1f3f4;object-fit: cover;display: inline-flex;align-items: center;justify-content: center;font-size: 10px;font-weight: 700;color: #555}
.mskp-favicon-stack img:first-child,.mskp-favicon-stack .mskp-fav-dot:first-child{margin-left: 0}
.mskp-ad-card{position: relative;padding: 4px 0}
.mskp-ad-head{display: flex;align-items: center;gap: 10px;margin-bottom: 4px;font-size: 13px}
.mskp-ad-favicon{width: 26px;height: 26px;border-radius: 6px;display: flex;align-items: center;justify-content: center;background: #ff9900;color: #111;font-weight: 700;font-size: 15px;overflow: hidden;flex-shrink: 0;box-shadow: 0 1px 2px rgba(0,0,0,0.1)}
.mskp-ad-favicon img{width: 100%;height: 100%;object-fit: contain}
.mskp-ad-source{display: flex;flex-direction: column;line-height: 1.25}
.mskp-ad-source-name{font-size: 14px;font-weight: 600;color: var(--mskp-ink)}
.mskp-ad-source-url{font-size: 12px;color: var(--mskp-muted)}
.mskp-ad-kebab{margin-left: 2px;width: 14px;height: 14px;color: var(--mskp-muted);cursor: pointer}
.mskp-ad-title{display: inline-block;font-size: 20px;font-weight: 600;line-height: 1.35;color: var(--mskp-link);margin-bottom: 4px}
.mskp-ad-body{font-size: 14px;line-height: 1.55;color: var(--mskp-body);margin-bottom: 6px}
.mskp-sponsored-tag{font-weight: 700;color: var(--mskp-ink);margin-right: 6px}
.mskp-ad-visitors{font-size: 13px;color: var(--mskp-body);margin-bottom: 4px}
.mskp-ad-visitors b{color: var(--mskp-ink);font-weight: 600}
.mskp-ad-callouts{font-size: 13px;color: var(--mskp-muted);margin-bottom: 14px}
.mskp-shopping-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 14px}
.mskp-shopping-title{display: inline-flex;align-items: center;gap: 6px;font-size: 18px;font-weight: 700;color: var(--mskp-ink);text-decoration: none !important}
.mskp-shopping-title:hover{color: var(--mskp-link-blue)}
.mskp-shopping-title svg{width: 14px;height: 14px;fill: currentColor}
.mskp-shopping-sponsor{display: flex;align-items: center;gap: 4px;font-size: 12px;color: var(--mskp-muted)}
.mskp-action-btn{display: inline-flex;align-items: center;gap: 8px;padding: 8px 20px;background: var(--mskp-link-blue);color: #fff !important;font-weight: 600;font-size: 13px;border-radius: 20px;border: none;cursor: pointer;text-decoration: none !important;box-shadow: 0 2px 6px rgba(0, 103, 184, 0.25);transition: background 0.15s, transform 0.15s}
.mskp-action-btn:hover{background: #005a9e;transform: translateY(-1px)}
.mskp-action-btn svg{width: 14px;height: 14px;fill: currentColor}
.mskp-ext-row{display: flex;align-items: center;gap: 10px;margin-top: 10px;flex-wrap: wrap}
.mskp-action-pill{display: inline-flex;align-items: center;gap: 6px;padding: 6px 16px;background: #ffffff;border: 1.5px solid #0078d4;border-radius: 20px;font-size: 13px;font-weight: 600;color: #0078d4 !important;cursor: pointer;text-decoration: none !important;box-shadow: 0 1px 3px rgba(0, 120, 212, 0.12);transition: all 0.2s ease}
.mskp-action-pill:hover{background: #0078d4;color: #ffffff !important;border-color: #0078d4;box-shadow: 0 3px 8px rgba(0, 120, 212, 0.25);transform: translateY(-1px)}
.mskp-action-pill svg{fill: currentColor}
.mskp-organic{padding: 4px 0}
.mskp-organic-head{display: flex;align-items: center;gap: 8px;font-size: 12px;color: var(--mskp-muted);margin-bottom: 4px}
.mskp-organic-fav{width: 18px;height: 18px;border-radius: 50%;background: #0078d4;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 10px;font-weight: 700}
.mskp-organic-title{display: inline-block;font-size: 18px;font-weight: 600;color: var(--mskp-link);margin-bottom: 4px}
.mskp-organic-desc{font-size: 13.5px;color: var(--mskp-body);line-height: 1.5}
.mskp-skeleton{display: flex;flex-direction: column;gap: 8px;padding: 6px 0;opacity: 0.5}
.mskp-sk-line{height: 12px;background: var(--mskp-line);border-radius: 4px}
.mskp-sk-url{width: var(--url, 200px);height: 10px}
.mskp-sk-title{width: var(--title, 380px);height: 16px}
.mskp-sk-body{width: var(--last, 85%)}
.mskp.is-armed .mskp-results > [data-mskp-step]{opacity: 0;transform: translateY(12px);pointer-events: none;transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1)}
.mskp.is-armed .mskp-results > [data-mskp-step].is-in{opacity: 1;transform: translateY(0);pointer-events: auto}
.mskp.is-armed [data-mskp-sweep].is-sweep{position: relative}
.mskp.is-armed [data-mskp-sweep].is-sweep::after{content: "";position: absolute;inset: -6px -12px;border-radius: 12px;background: linear-gradient(90deg, transparent, rgba(0, 120, 212, 0.12), transparent);pointer-events: none;animation: mskp-sweep 0.9s ease-out forwards}
@keyframes mskp-sweep{0% { transform: translateX(-100%); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translateX(100%); opacity: 0; }}
.mskp-intro{position: absolute;inset: 0;z-index: 100;display: flex;flex-direction: column;align-items: center;justify-content: center;background: var(--mskp-bg);transition: opacity 0.45s ease, transform 0.45s ease}
.mskp-intro.is-out{opacity: 0;transform: scale(0.98);pointer-events: none}
.mskp-home-logo{display: flex;align-items: center;gap: 12px;margin-bottom: 28px}
.mskp-home-logo span{font-size: 32px;font-weight: 700;color: var(--mskp-ink);letter-spacing: -0.5px}
.mskp-home-box{position: relative;display: flex;align-items: center;width: 90%;max-width: 600px;height: 52px;padding: 0 18px;background: var(--mskp-surface);border: 1px solid var(--mskp-line-strong);border-radius: 28px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);transition: border-radius 0.2s, box-shadow 0.2s}
.mskp-home-box.is-open{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 1px solid var(--mskp-line)}
.mskp-typed{flex: 1;font-size: 16px;color: var(--mskp-ink);white-space: nowrap;overflow: hidden}
.mskp-cursor{display: inline-block;width: 2px;height: 18px;background: #0078d4;vertical-align: middle;animation: mskp-blink 0.8s infinite}
@keyframes mskp-blink{50% { opacity: 0; }}
.mskp-suggestions{position: absolute;top: 100%;left: 0;right: 0;background: var(--mskp-surface);border: 1px solid var(--mskp-line-strong);border-top: none;border-bottom-left-radius: 24px;border-bottom-right-radius: 24px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);display: none;flex-direction: column;overflow: hidden;z-index: 10}
.mskp-suggestions.is-open{display: flex}
.mskp-suggestion{display: flex;align-items: center;gap: 12px;padding: 10px 20px;font-size: 14px;color: var(--mskp-muted);cursor: pointer;opacity: 0;transform: translateY(6px);transition: all 0.2s ease}
.mskp-suggestion.is-in{opacity: 1;transform: translateY(0)}
.mskp-suggestion.is-hot{background: var(--mskp-hover);color: var(--mskp-ink)}
.mskp-suggestion.is-pressed{background: #e1dfdd;transform: scale(0.99)}
.mskp-suggestion b{color: var(--mskp-ink)}
.mskp-suggestion svg{width: 16px;height: 16px;fill: var(--mskp-muted)}
.mskp-loading-bar{position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: transparent;z-index: 200;overflow: hidden}
.mskp-loading-bar::before{content: "";display: block;height: 100%;width: 0%;background: linear-gradient(90deg, #0078d4, #00a4ef, #7fba00);transition: width 0.35s ease}
.mskp-loading-bar.is-p1::before{width: 35%}
.mskp-loading-bar.is-p2::before{width: 75%}
.mskp-loading-bar.is-p3::before{width: 98%}
.mskp-loading-bar.is-done::before{width: 100%;opacity: 0;transition: width 0.2s ease, opacity 0.3s 0.2s}
/* Microsoft Ads/demos/automotive-local/automotive-local.css */
.mskp-auto-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 14px;margin: 10px 0}
.mskp-auto-card{background: var(--mskp-card-bg);border: 1px solid var(--mskp-card-border);border-radius: 10px;overflow: hidden;text-decoration: none !important;color: inherit;transition: transform 0.15s, box-shadow 0.15s}
.mskp-auto-card:hover{transform: translateY(-2px);box-shadow: var(--mskp-shadow)}
.mskp-auto-media{position: relative;width: 100%;height: 130px;background: #eee}
.mskp-auto-media img{width: 100%;height: 100%;object-fit: cover}
.mskp-auto-body{padding: 10px 12px}
.mskp-auto-price{font-size: 16px;font-weight: 700;color: var(--mskp-ink)}
.mskp-auto-title{font-size: 13px;font-weight: 600;color: var(--mskp-link);margin: 3px 0;line-height: 1.3}
.mskp-auto-specs{font-size: 12px;color: var(--mskp-muted);line-height: 1.4}
.mskp-auto-dealer{font-size: 11px;color: var(--mskp-subtle);margin-top: 6px;display: flex;align-items: center;gap: 4px}
.mskp-local-section{border: 1px solid var(--mskp-card-border);border-radius: 12px;overflow: hidden;background: var(--mskp-surface)}
.mskp-map-canvas{height: 160px;background: #e8eaed url('https://images.unsplash.com/photo-1524661135-423995f22d0b?auto=format&fit=crop&w=800&q=80') center/cover;position: relative}
.mskp-map-pin{position: absolute;width: 28px;height: 28px;fill: #d93025;filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));cursor: pointer;transform: translate(-50%, -100%)}
.mskp-map-pin.is-ad{fill: #0078d4}
.mskp-local-list{display: flex;flex-direction: column}
.mskp-local-item{display: flex;align-items: flex-start;justify-content: space-between;padding: 14px 18px;border-bottom: 1px solid var(--mskp-line)}
.mskp-local-item:last-child{border-bottom: none}
.mskp-local-badge{font-size: 11px;font-weight: 700;color: #0078d4;border: 1px solid #0078d4;padding: 1px 5px;border-radius: 3px;margin-right: 6px}
/* Microsoft Ads/demos/copilot-promo/copilot-promo.css */
.mskp-promo-ext{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px;background: #f0fdf4;border: 1px solid #bbf7d0;border-radius: 6px;color: #15803d;font-size: 12.5px;font-weight: 600;margin-top: 6px}
.mskp-promo-ext svg{width: 14px;height: 14px;fill: currentColor}
.mskp-copilot-box{background: linear-gradient(135deg, rgba(0, 120, 212, 0.04) 0%, rgba(127, 72, 178, 0.05) 100%);border: 1px solid rgba(0, 120, 212, 0.2);border-radius: 14px;padding: 20px 24px;margin: 8px 0;position: relative}
.mskp-copilot-head{display: flex;align-items: center;gap: 8px;margin-bottom: 12px}
.mskp-copilot-icon{width: 22px;height: 22px}
.mskp-copilot-title{font-size: 16px;font-weight: 700;background: linear-gradient(90deg, #0078d4, #7f48b2);-webkit-background-clip: text;-webkit-text-fill-color: transparent}
.mskp-copilot-text{font-size: 14px;line-height: 1.6;color: var(--mskp-body);margin-bottom: 14px}
.mskp-copilot-cites{display: flex;gap: 8px;flex-wrap: wrap}
.mskp-cite-chip{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;background: var(--mskp-surface);border: 1px solid var(--mskp-line);border-radius: 14px;font-size: 12px;color: var(--mskp-link)}
.mskp-cite-chip.is-sponsored{border-color: rgba(0, 120, 212, 0.4);background: rgba(0, 120, 212, 0.04)}
/* Microsoft Ads/demos/extension-suite/extension-suite.css */
.mskp-price-grid{display: flex;gap: 12px;overflow-x: auto;padding: 8px 2px;margin-top: 8px;scrollbar-width: none}
.mskp-price-grid::-webkit-scrollbar{display: none}
.mskp-price-card{flex: 0 0 160px;padding: 10px 12px;background: var(--mskp-surface);border: 1px solid var(--mskp-card-border);border-radius: 8px;text-decoration: none !important;color: inherit;transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s}
.mskp-price-card:hover{transform: translateY(-2px);border-color: #0078d4;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08)}
.mskp-price-header{font-size: 13px;font-weight: 600;color: var(--mskp-link);margin-bottom: 2px}
.mskp-price-amount{font-size: 15px;font-weight: 700;color: var(--mskp-ink);margin-bottom: 2px}
.mskp-price-subtext{font-size: 11px;color: var(--mskp-muted)}
.mskp-image-ext-grid{display: flex;gap: 10px;margin-top: 10px;overflow-x: auto}
.mskp-image-ext-thumb{flex: 0 0 100px;height: 75px;border-radius: 8px;overflow: hidden;border: 1px solid var(--mskp-card-border);background: #eee;position: relative}
.mskp-image-ext-thumb img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.2s ease}
.mskp-image-ext-thumb:hover img{transform: scale(1.06)}
.mskp-flyer-ext{display: flex;align-items: center;gap: 12px;padding: 10px 14px;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 8px;margin-top: 10px;text-decoration: none !important}
.mskp-flyer-ext:hover{border-color: #cbd5e1;background: #f1f5f9}
.mskp-flyer-thumb{width: 44px;height: 44px;border-radius: 6px;background: #ff5722;color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 11px;text-align: center;line-height: 1.1;flex-shrink: 0}
.mskp-flyer-body{flex: 1}
.mskp-flyer-title{font-size: 13px;font-weight: 600;color: var(--mskp-link)}
.mskp-flyer-desc{font-size: 12px;color: var(--mskp-muted)}
.mskp-leadform-btn{display: inline-flex;align-items: center;gap: 6px;padding: 7px 18px;background: #f8fafc;border: 1.5px solid #0078d4;border-radius: 20px;font-size: 13px;font-weight: 600;color: #0078d4 !important;cursor: pointer;text-decoration: none !important;transition: all 0.2s ease;margin-top: 8px}
.mskp-leadform-btn:hover{background: #0078d4;color: #ffffff !important}
/* Microsoft Ads/demos/hotel-app/hotel-app.css */
.mskp-hotel-card{display: flex;border: 1px solid var(--mskp-card-border);border-radius: 12px;overflow: hidden;background: var(--mskp-surface);box-shadow: var(--mskp-shadow-sm);margin: 8px 0}
.mskp-hotel-media{width: 220px;flex-shrink: 0;position: relative;background: #eee}
.mskp-hotel-media img{width: 100%;height: 100%;object-fit: cover}
.mskp-hotel-body{padding: 16px 20px;flex: 1}
.mskp-hotel-name{font-size: 18px;font-weight: 600;color: var(--mskp-link);margin-bottom: 4px}
.mskp-hotel-meta{font-size: 12px;color: var(--mskp-muted);display: flex;align-items: center;gap: 6px;margin-bottom: 12px}
.mskp-hotel-rates{display: flex;flex-direction: column;gap: 6px;border-top: 1px solid var(--mskp-line);padding-top: 10px}
.mskp-hotel-rate-row{display: flex;align-items: center;justify-content: space-between;font-size: 13px;color: var(--mskp-body)}
.mskp-hotel-rate-row.is-best{color: var(--mskp-good);font-weight: 700}
.mskp-best-pill{font-size: 10px;background: #e6f4ea;color: var(--mskp-good);padding: 1px 6px;border-radius: 4px;margin-left: 6px}
.mskp-app-ad{display: flex;align-items: center;gap: 16px;padding: 14px 18px;background: var(--mskp-surface);border: 1px solid var(--mskp-card-border);border-radius: 12px;box-shadow: var(--mskp-shadow-sm)}
.mskp-app-icon{width: 52px;height: 52px;border-radius: 12px;background: #0078d4;color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 24px;flex-shrink: 0;overflow: hidden}
.mskp-app-icon img{width: 100%;height: 100%;object-fit: cover}
.mskp-app-info{flex: 1}
.mskp-app-name{font-size: 15px;font-weight: 600;color: var(--mskp-ink)}
.mskp-app-meta{font-size: 12px;color: var(--mskp-muted);display: flex;align-items: center;gap: 6px}
.mskp-app-get-btn{padding: 7px 22px;background: var(--mskp-link-blue);color: #fff;border-radius: 20px;font-size: 13px;font-weight: 600;border: none;cursor: pointer;text-decoration: none !important}
.mskp-app-get-btn:hover{background: #005a9e}
/* Microsoft Ads/demos/multimedia-ad/multimedia-ad.css */
.mskp-mma{border: 1px solid var(--mskp-card-border);border-radius: 14px;overflow: hidden;background: var(--mskp-surface);box-shadow: var(--mskp-shadow);margin: 6px 0 20px}
.mskp-mma-hero{position: relative;width: 100%;height: 260px;background: #111;overflow: hidden}
.mskp-mma-hero img{width: 100%;height: 100%;object-fit: cover;opacity: 0.92}
.mskp-mma-overlay{position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.75) 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: 20px 24px;color: #fff}
.mskp-mma-badge-row{display: flex;align-items: center;gap: 8px;margin-bottom: 6px}
.mskp-mma-ad-badge{background: rgba(255, 255, 255, 0.25);backdrop-filter: blur(4px);color: #fff;padding: 2px 8px;border-radius: 4px;font-size: 11px;font-weight: 700;text-transform: uppercase}
.mskp-mma-headline{font-size: 24px;font-weight: 700;line-height: 1.25;color: #fff;margin-bottom: 4px}
.mskp-mma-subline{font-size: 14px;color: rgba(255, 255, 255, 0.9)}
.mskp-mma-content{padding: 18px 24px 20px}
.mskp-mma-meta-row{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 12px;margin-bottom: 12px}
.mskp-mma-advertiser{display: flex;align-items: center;gap: 8px;font-size: 13px;color: var(--mskp-muted)}
.mskp-mma-advertiser strong{color: var(--mskp-ink);font-size: 14px}
.mskp-mma-desc{font-size: 14px;color: var(--mskp-body);margin-bottom: 12px}
.mskp-mma-sitelinks{display: flex;gap: 16px;flex-wrap: wrap;font-size: 13px;border-top: 1px solid var(--mskp-line);padding-top: 12px}
.mskp-filter-links{font-size: 13px;color: var(--mskp-muted);margin-top: 8px;display: flex;align-items: center;flex-wrap: wrap;gap: 4px}
.mskp-filter-links b{color: var(--mskp-ink);margin-right: 4px}
.mskp-filter-pill{display: inline-block;padding: 3px 10px;background: #f1f5f9;border: 1px solid #cbd5e1;border-radius: 14px;font-size: 12px;font-weight: 500;color: #1e293b;margin: 2px 2px 2px 0;cursor: pointer;transition: all 0.15s ease}
.mskp-filter-pill:hover{border-color: #0078d4;background: #e0f2fe;color: #0369a1}
/* Microsoft Ads/demos/rsa-sitelinks/rsa-sitelinks.css */
.mskp-sitelinks-grid{display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 36px;row-gap: 16px;margin-top: 10px;margin-bottom: 12px;transition: max-height 0.35s ease, opacity 0.3s ease, margin 0.3s ease;overflow: hidden}
.mskp-sitelinks-grid.is-collapsed{max-height: 0 !important;opacity: 0;margin-top: 0;margin-bottom: 0;pointer-events: none}
.mskp-sitelink-box{display: block;text-decoration: none !important}
.mskp-sitelink-title{display: flex;align-items: center;justify-content: space-between;font-size: 16px;font-weight: 600;color: var(--mskp-link);margin-bottom: 3px}
.mskp-sitelink-title:hover{text-decoration: underline}
.mskp-sitelink-chevron{width: 14px;height: 14px;fill: currentColor;flex-shrink: 0;transition: transform 0.15s ease}
.mskp-sitelink-box:hover .mskp-sitelink-chevron{transform: translateX(3px)}
.mskp-sitelink-desc{font-size: 13px;line-height: 1.4;color: var(--mskp-muted)}
.mskp-more-site-link{display: inline-block;font-size: 14px;font-weight: 500;color: var(--mskp-link);margin-top: 8px;margin-bottom: 8px}
.mskp-toggle-row{display: flex;justify-content: center;margin-top: 12px;border-bottom: 1px solid var(--mskp-line);padding-bottom: 16px}
.mskp-pill-btn{display: inline-flex;align-items: center;gap: 6px;padding: 6px 22px;background: #edf5fd;border: 1px solid #d2e4f7;border-radius: 20px;font-size: 13px;font-weight: 600;color: #111827;cursor: pointer;transition: all 0.2s ease;box-shadow: 0 1px 2px rgba(0, 120, 212, 0.06)}
.mskp-pill-btn:hover{background: #deedfc;border-color: #b5d7f8;color: #0c3e66}
.mskp-pill-btn svg{width: 12px;height: 12px;fill: currentColor;transition: transform 0.25s ease}
.mskp-pill-btn.is-collapsed svg{transform: rotate(180deg)}
/* Microsoft Ads/demos/shopping-carousel/shopping-carousel.css */
.mskp-shopping-section{position: relative;background: var(--mskp-surface);margin: 4px 0 16px}
.mskp-carousel-wrap{position: relative;display: flex;align-items: center}
.mskp-carousel-track{display: flex;gap: 14px;overflow-x: auto;scroll-behavior: smooth;scrollbar-width: none;padding: 4px 2px 14px;width: 100%}
.mskp-carousel-track::-webkit-scrollbar{display: none}
.mskp-product-card{flex: 0 0 168px;background: var(--mskp-card-bg);border: 1px solid var(--mskp-card-border);border-radius: 12px;overflow: hidden;text-decoration: none !important;color: inherit;display: flex;flex-direction: column;transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease}
.mskp-product-card:hover{transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);border-color: #cbd0d6}
.mskp-product-media{position: relative;width: 100%;height: 185px;background: #f8f8f8;overflow: hidden}
.mskp-product-media img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}
.mskp-product-card:hover .mskp-product-media img{transform: scale(1.03)}
.mskp-sale-badge{position: absolute;top: 8px;left: 8px;padding: 2px 8px;background: rgba(255, 255, 255, 0.92);backdrop-filter: blur(4px);border-radius: 4px;font-size: 11px;font-weight: 700;color: #222;box-shadow: 0 1px 3px rgba(0,0,0,0.12)}
.mskp-img-dots{position: absolute;bottom: 8px;left: 50%;transform: translateX(-50%);display: flex;gap: 4px}
.mskp-dot{width: 5px;height: 5px;border-radius: 50%;background: rgba(0, 0, 0, 0.25)}
.mskp-dot.is-active{background: rgba(0, 0, 0, 0.8);width: 7px;border-radius: 3px}
.mskp-product-details{padding: 10px 12px 12px;display: flex;flex-direction: column;flex: 1}
.mskp-product-name{font-size: 13px;font-weight: 500;line-height: 1.35;color: var(--mskp-link);margin-bottom: 6px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 35px}
.mskp-product-price{font-size: 14px;font-weight: 700;color: var(--mskp-ink);margin-bottom: 3px}
.mskp-product-price s{font-size: 12px;font-weight: 400;color: var(--mskp-muted);margin-left: 4px}
.mskp-product-merchant{font-size: 12px;color: var(--mskp-muted);margin-top: auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.mskp-carousel-nav{position: absolute;right: -16px;top: 40%;transform: translateY(-50%);z-index: 10;display: flex;flex-direction: column;align-items: center;gap: 6px}
.mskp-arrow-btn{width: 38px;height: 38px;border-radius: 50%;background: var(--mskp-surface);border: 1px solid var(--mskp-card-border);box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);display: flex;align-items: center;justify-content: center;cursor: pointer;color: var(--mskp-ink);transition: background 0.15s, transform 0.15s, box-shadow 0.15s}
.mskp-arrow-btn:hover{background: var(--mskp-hover);transform: scale(1.08);box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18)}
.mskp-arrow-btn svg{width: 16px;height: 16px;fill: currentColor}
.mskp-see-all-link{font-size: 12px;font-weight: 600;color: var(--mskp-link-blue);white-space: nowrap}
/* site/frames.css */
.ttkp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.ttkp > .ttkp-drawer{left: 12px;right: 12px;bottom: 12px}
@media (max-width: 479px){
.ttkp{max-width: 100%;margin: 0 auto}
}
.sckp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.sckp, .sckp *, .sckp *::before, .sckp *::after{box-sizing: border-box}
@media (max-width: 479px){
.sckp{max-width: 100%;margin: 0 auto}
}
.wwm-fbd-frame{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-fbd-frame>.fbkp{width: 100%}
@media (max-width:479px){
.wwm-fbd-frame{padding: 8px}
}
.wwm-fbd-frame .fbkp-marketplace-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px}
.wwm-fbd-frame .fbkp-messenger-drawer, .wwm-fbd-frame .fbkp-lead-modal, .wwm-fbd-frame .fbkp-canvas-modal{position: absolute}
.wwm-fbd-frame .fbkp-canvas-dialog, .wwm-fbd-frame .fbkp-lead-dialog{height: auto;max-height: calc(100% - 8px)}
.wwm-fbd-frame .fbkp-messenger-drawer{width: calc(100% - 24px);height: calc(100% - 24px);max-height: 520px}
.wwm-slot-phone .wwm-fbd-frame{margin: 0}
.wwm-rtd-frame{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-rtd-frame.is-fluid{width: 100%;max-width: 100%;margin: 0}
.wwm-rtd-frame>.igkp, .wwm-rtd-frame>.likp, .wwm-rtd-frame>.ytkp{margin: 0 auto;min-height: 0}
@media (max-width:479px){
.wwm-rtd-frame{max-width: 100%;margin: 0 auto}
}
.wwm-rtd-frame:not(.is-fluid)>.igkp{width: 360px;max-width: 100%;height: 640px}
.wwm-rtd-frame:not(.is-fluid)>.igkp>.igkp-vertical-phone{margin: 0}
.wwm-kd-frame{display: block;width: 100%;max-width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-kd-frame>.ytkp, .wwm-kd-frame>.amkp, .wwm-kd-frame>.likp, .wwm-kd-frame>.mskp,
.wwm-kd-frame>.pskp, .wwm-kd-frame>.askp, .wwm-kd-frame>.pnkp, .wwm-kd-frame>.rdkp{height: auto;min-height: 0;overflow: visible}
.wwm-kd-frame>.igkp{height: auto;overflow: visible}
.wwm-kd-frame [class*="phone"], .wwm-kd-frame [class*="vertical"]{max-width: 100%}
@media (max-width:479px){
.wwm-kd-frame{padding: 8px}
}
.wwm-gx-demo{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-gx-demo>.gmkp{border-radius: 8px}
@media (max-width:479px){
.wwm-gx-demo{padding: 8px}
.wwm-gx-demo.is-snip .gmkp-results{padding: 14px}
}
/* site/google.css */
.gmkp.is-standalone{height: auto !important;min-height: 0 !important;overflow: visible !important;background: transparent}
.gmkp-main{max-height: 600px;padding: 15px 0 0 clamp(24px,18cqw,182px);background: var(--gmkp-bg)}
@container (max-width: 900px){
.gmkp-main{padding: 16px 16px 0}
}
.gmkp-product-img img{width: 100%;height: 158px;object-fit: cover}
@container (max-width:480px){
.gmkp-icon-mic, .gmkp-icon-clear, .gmkp-divider{display: none}
}
@media (prefers-reduced-motion:reduce){
.gmkp-sk{animation: none}
.gmkp.is-armed .gmkp-header, .gmkp.is-armed [data-gmkp-step]{transform: none}
.gmkp .is-sweep::after{display: none}
}
.wwm-gx-demo.is-snip .gmkp{min-height: 0}
.wwm-gx-demo.is-snip .gmkp-results{width: 100%;padding: 20px}
.wwm-gx-demo > .gmkp, .serp-demo-frame > .gmkp{border-radius: 8px}
.wwm-gx-demo .gmkp{--gmkp-bg: #fff;font-family: Arial,sans-serif;border: 1px solid var(--rule)}
.wwm-gx-demo .gmkp-badge{color: #1f1f1f}
.wwm-gx-demo .gmkp-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp-result-head{color: #202124}
.wwm-gx-demo .gmkp-search-bar{background: #fff;box-shadow: 0 1px 6px rgba(32,33,36,.2)}
.wwm-gx-demo .gmkp-sitelinks a, .wwm-gx-demo .gmkp-hero-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp .gmkp-local-cta, .wwm-gx-demo .gmkp .gmkp-app-cta, .wwm-gx-demo .gmkp .gmkp-leadform-cta{background: #0b57d0;color: #fff}
.wwm-gx-demo .gmkp-local-phone{color: #0b57d0}
.wwm-gx-demo .gmkp-map-num{background: #ea4335;color: #fff}
.wwm-gx-demo .gmkp-map-pin{fill: #ea4335;filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.wwm-gx-demo .gmkp-map-canvas{background: repeating-linear-gradient(0deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),linear-gradient(135deg,#e6f0e3,#e8eef6)}
.wwm-gx-demo .gmkp-ai{background: radial-gradient(120% 160% at 0% 0%,rgba(66,133,244,.10),transparent 60%),radial-gradient(120% 160% at 100% 0%,rgba(234,67,53,.06),transparent 55%),#f8fafd}
.wwm-gx-demo .gmkp-guaranteed{background: #e6f4ea}
.wwm-gx-demo .gmkp-suggestion b{color: #1f1f1f}
.wwm-gx-demo .gmkp-suggestion.is-pressed{background: #e8eaed}
.wwm-gx-demo .gmkp-home-box{box-shadow: 0 1px 6px rgba(32,33,36,.18);border-color: transparent;background: #fff}
.wwm-gx-demo .gmkp-suggestions{background: #fff;box-shadow: 0 4px 6px rgba(32,33,36,.18)}
.wwm-gx-demo .gmkp-home-actions span{background: #f8f9fa;color: #3c4043}
.wwm-gx-demo .gmkp-hero-media:empty, .wwm-gx-demo .gmkp-result-media:empty, .wwm-gx-demo .gmkp-hotel-media:empty, .wwm-gx-demo .gmkp-showcase-item:empty{background: linear-gradient(135deg,#e8f0fe 0%,#f1f3f4 55%,#fef7e0 100%)}
.wwm-slot-snip:has(.wwm-gx-demo){max-width: none;width: 100%}
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 720px;min-height: 0}
@media (max-width:767px){
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 640px}
}
.wwm-gx-anat .wwm-gx-demo>.gmkp{height: auto}
.wwm-gx-anat .wwm-gx-demo>.gmkp::after{display: none}
.wwm-slot-serp .wwm-gx-demo{position: relative}
.wwm-slot-serp .wwm-gx-demo>.gmkp{height: 600px;min-height: 0}
.wwm-slot-serp .wwm-gx-demo>.gmkp::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 120px;background: linear-gradient(transparent,#fff);pointer-events: none;z-index: 5}
/* site/reddit.css */
.wwm-kd-frame>.rdkp{--rdkp-line: #e5ebee;--rdkp-ink-heading: #0f1a1c}
.wwm-kd-frame .rdkp-cta-strip{background: #f6f7f8}
.wwm-kd-frame .rdkp-drawer-title, .wwm-kd-frame .rdkp-catalog-title{color: var(--rdkp-ink-heading)}
.wwm-kd-frame .rdkp-reply-input, .wwm-kd-frame .rdkp-input{background: #f6f7f8;color: #0f1a1c}
.wwm-kd-frame .rdkp-carousel-card, .wwm-kd-frame .rdkp-catalog-card{background: #fff}
.wwm-kd-frame .rdkp-media-wrap{background: #f6f7f8}
.wwm-kd-frame .rdkp-product-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;margin: 12px 0}
.wwm-kd-frame .rdkp-product-item{border: 1px solid var(--rdkp-line);border-radius: 10px;padding: 6px;overflow: hidden;background: #fff}
.wwm-kd-frame .rdkp-product-img{display: block;width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;background-size: cover;background-position: center;border-radius: 6px}
.wwm-kd-frame .rdkp-product-name{font-size: 12px;font-weight: 700;color: var(--rdkp-ink-heading);margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.wwm-kd-frame .rdkp-product-price{font-size: 12px;font-weight: 800;color: #d93a00}
.wwm-kd-frame .rdkp [style*="#131519"]{background: #f6f7f8 !important}
.wwm-kd-frame .rdkp [style*="color: #ffffff"]{color: #0f1a1c !important}
.wwm-rd-post>.wwm-rd-cmts{grid-column: 2}