.mp-ad{margin:clamp(12px,2.5vw,27px) auto;color:#19362d;max-width:100%;width:100%;font:inherit;text-align:left}
.mp-ad--page_top,.mp-ad--page_bottom,.mp-ad--listing_top,.mp-ad--listing_bottom{width:min(1120px,calc(100% - 32px))}
.mp-ad a{display:flex;align-items:center;gap:clamp(8px,2vw,22px);padding:clamp(9px,1.5vw,16px);border:1px solid #b6ccbf;border-left:4px solid #37826d;border-radius:16px;background:linear-gradient(110deg,#f0f6ed,#fff9ec);color:inherit;text-decoration:none;box-shadow:0 6px 20px #17433816}
.mp-ad a:hover{border-color:#36856e;box-shadow:0 8px 22px #1743382c}
.mp-ad-content{min-width:0;flex:1;display:grid;gap:3px}
.mp-ad-label{font-size:.67rem;color:#215b49;font-weight:850;letter-spacing:.09em}.mp-ad-label span{font-weight:600;letter-spacing:0}
.mp-ad-content strong{font-size:clamp(.96rem,1.9vw,1.26rem);line-height:1.22;overflow-wrap:anywhere}
.mp-ad .mp-ad-content p{margin:0;font-size:.86rem;line-height:1.35;overflow-wrap:anywhere;color:#34564a}
.mp-ad-image{width:clamp(86px,22%,240px);flex-shrink:0;aspect-ratio:8/3;min-height:56px;border-radius:9px;background:#e0ebe4;overflow:hidden}
.mp-ad .mp-ad-image img{display:block;width:100%;height:100%;object-fit:contain;margin:0}
.mp-ad-cta{background:#225c4c;color:#fff;border-radius:30px;font-size:.77rem;padding:7px 11px;font-weight:750;text-align:center;overflow-wrap:anywhere;max-width:26%}
.dark .mp-ad{color:#f0f9f4}.dark .mp-ad a{background:linear-gradient(110deg,#203d35,#2b4238);border-color:#729c88}.dark .mp-ad-label{color:#bcebd7}.dark .mp-ad .mp-ad-content p{color:#d0e5da}.dark .mp-ad-cta{background:#a8d6c0;color:#18352c}
.mp-ad--listing_middle{grid-column:1/-1;margin:7px auto}.mp-listing-mid{width:100%;grid-column:1/-1}
.mp-admin,.mp-catalog{--mp-border:#a0bbad;--mp-accent:#1f6955;--mp-surface:#eaf4ec;--mp-ink:#15372d}
.dark .mp-admin,.dark .mp-catalog{--mp-border:#52786a;--mp-accent:#a7d9c2;--mp-surface:#203a31;--mp-ink:#e3f5ed}
.mp-admin{display:grid;gap:20px}.mp-catalog{padding-block:clamp(20px,5vw,72px);display:grid;gap:clamp(20px,4vw,40px)}
.mp-admin-hero,.mp-catalog-hero{border-radius:22px;background:linear-gradient(130deg,#0d3d30,#246751 70%,#456b54);padding:clamp(18px,4vw,44px);color:#eff9f0;display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden}
.mp-admin-hero h1,.mp-catalog-hero h1{margin:.25em 0;color:inherit;font-size:clamp(1.9rem,5vw,3.7rem);line-height:1.03}
.mp-admin-hero p,.mp-catalog-hero p{margin:.4em 0 1em;max-width:60ch;color:#e3f5ec}
.mp-kicker{font-weight:850;color:var(--mp-accent,#1f6955);letter-spacing:.12em;font-size:.69rem}.mp-admin-hero .mp-kicker,.mp-catalog-hero .mp-kicker{color:#c3edda}
.mp-hero-visual{width:clamp(125px,28%,300px);flex-shrink:0;min-height:170px;padding:16px;border:1px solid #bfead681;border-radius:18px;display:grid;gap:9px;transform:rotate(-5deg);background:#d1eee233}
.mp-hero-visual span{font-size:.66rem;letter-spacing:.12em}.mp-hero-visual b{border:1px dashed #a9e3c7;border-radius:8px;padding:12px;font-size:.73rem}.mp-hero-visual em{height:5px;border-radius:20px;background:#bce1cf6e}.mp-hero-visual em:last-child{width:65%}.mp-hero-visual i{width:8px;height:8px;border-radius:50%;background:#f4cb89}
.mp-benefits,.mp-placement-grid,.mp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mp-benefits article,.mp-placement,.mp-metrics>div,.mp-rules{padding:clamp(12px,2vw,23px);border:1px solid var(--mp-border);border-radius:15px;background:var(--mp-surface);color:var(--mp-ink)}
.mp-benefits article span{color:var(--mp-accent);font-weight:850}.mp-benefits h2,.mp-placement h3{margin:.4em 0;font-size:1.23rem}
.mp-benefits p,.mp-placement p{margin:.3em 0;font-size:.93rem}
.mp-diagram{background:#143b31;border-radius:11px;margin-bottom:14px;color:#e5f5eb;border:1px solid #7ea999;min-height:154px}
.mp-window{display:flex;gap:4px;padding:7px 9px;border-bottom:1px solid #618b7b}.mp-window i{width:5px;height:5px;background:#a8d8c3;border-radius:50%}
.mp-diagram-body{padding:7px;display:grid;gap:4px}.mp-wire{display:flex;gap:4px}.mp-wire b{height:11px;background:#4d7465;border-radius:3px;flex:1}
.mp-wire-ad{border:1px dashed #e1c991;background:#7c704d63;text-align:center;border-radius:5px;font-weight:750;font-size:.7rem;padding:3px}
.mp-rules{display:grid;grid-template-columns:1fr 1.65fr;gap:clamp(12px,3vw,28px)}.mp-rules h2{margin:.25em 0}.mp-rules ol{margin:0;padding-inline-start:1.4em}.mp-rules li{padding:4px 0}
.mp-heading,.mp-filter,.mp-campaign{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.mp-heading h2{margin:.2em 0}.mp-filter{justify-content:flex-start;align-items:end;margin:12px 0}
.mp-filter label{margin:0;min-width:120px}.mp-filter select,.mp-filter input{width:100%}
.mp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:13px 0}.mp-metrics strong{display:block;font-size:clamp(1.2rem,3vw,2.1rem)}.mp-metrics span{font-size:.84rem}
.mp-admin fieldset{padding:14px;border:1px solid var(--mp-border);border-radius:12px;min-width:0;margin-bottom:14px}.mp-admin legend{padding:0 8px;font-weight:800}.mp-checks{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0}.mp-checks label{display:flex;align-items:center;gap:6px;margin:0;font-size:.88rem}
.mp-table{overflow:auto}.mp-table table{width:100%;text-align:left}.mp-table th,.mp-table td{padding:8px;white-space:nowrap}.mp-preview{max-width:220px;max-height:100px;object-fit:contain}.mp-campaign{padding:10px 0;border-bottom:1px solid var(--mp-border)}.mp-campaign div{flex:1 1 160px}.mp-campaign small{display:block}.mp-archive{margin-top:10px}
@media(max-width:760px){.mp-benefits,.mp-placement-grid,.mp-two,.mp-rules{grid-template-columns:1fr}.mp-admin-hero{align-items:flex-start;flex-direction:column}.mp-hero-visual{display:none}}
@media(max-width:460px){.mp-ad a{flex-wrap:wrap}.mp-ad-image{width:85px}.mp-ad-cta{max-width:100%;margin-left:auto}.mp-ad-content{min-width:110px}.mp-metrics{gap:5px}.mp-metrics>div{padding:8px}.mp-metrics span{font-size:.7rem}}