/* ==========================================================================
   AdMedia — coded ad mock-ups (includes/ad-mockups.php)
   Ported from the Ad.com journey mock-ups, restyled with AdMedia tokens:
   red #e7005a → orange #ff4b00, Poppins headings, warm neutrals.
   No drop shadow or tilted card behind the mock-up (brand feedback).
   Prefix "amk-".
   ========================================================================== */
.amk {
    --amk-ink: #1b1422;
    --amk-text: #4b4452;
    --amk-muted: #7b7282;
    --amk-subtle: #a89ea8;
    --amk-line: #efe4dc;
    --amk-line-2: #e3d5cb;
    --amk-surface: #ffffff;
    --amk-surface-2: #fbf6f2;
    --amk-surface-3: #f2e9e2;
    --amk-red: #e7005a;
    --amk-orange: #ff4b00;
    --amk-grad: linear-gradient(90deg, #e7005a 0%, #ff4b00 100%);
    --amk-grad-diag: linear-gradient(135deg, #e7005a 0%, #ff4b00 100%);
    --amk-tile: #fff0ea;
    --amk-tile-2: #fde6ee;
    --amk-link: #1a4fd6;
    --amk-head: "Poppins", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --amk-body: "Questrial", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-family: var(--amk-body);
}
.amk-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.amk svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.amk svg.amk-fill { fill: currentColor; stroke: none; }
.amk p { margin: 0; font-family: inherit; }
.amk strong, .amk b { font-family: var(--amk-head); font-weight: 500; color: var(--amk-ink); }
.amk small { font-size: 11px; }
.amk i, .amk em { font-style: normal; }

/* ---------- stage ---------- */
.amk-visual {
    position: relative; isolation: isolate;
    display: grid; place-items: center;
    width: 100%; min-height: 470px;
    padding: clamp(16px, 2.4vw, 30px);
    border-radius: 24px;
    background: linear-gradient(160deg, #fffdfb 0%, #fff7f2 55%, #fff3f5 100%);
    border: 1px solid var(--amk-line);
    overflow: hidden;
}
/* on the peach hero the stage sits on a light glass panel — no shadow */
.am-hero .amk-visual { background: rgba(255, 255, 255, .55); border-color: rgba(255, 255, 255, .9); }

/* ---------- shared mock bits ---------- */
.amk-screen {
    position: relative; z-index: 1;
    width: 100%; max-width: 540px;
    padding: 18px;
    border-radius: 18px;
    background: var(--amk-surface);
    border: 1px solid var(--amk-line);
    box-shadow: 0 1px 2px rgba(27, 20, 34, .04);
    font-size: 13px; line-height: 1.4; color: var(--amk-text); text-align: left;
}
.amk-line { display: block; height: 8px; border-radius: 4px; background: var(--amk-surface-3); }
.amk-line + .amk-line { margin-top: 7px; }
.amk-line--title { width: 62%; height: 11px; margin-bottom: 10px; background: var(--amk-line-2); }
.amk-line--short { width: 55%; }
.amk-line--accent { background: linear-gradient(90deg, #ffc9b5, #ffdcd0); }
.amk-img { display: block; height: 96px; margin-bottom: 12px; border-radius: 12px; background: linear-gradient(135deg, var(--amk-surface-2), var(--amk-surface-3)); }
.amk-skel { display: grid; grid-template-columns: 1fr 1.25fr; gap: 8px; padding: 12px 16px 0; }
.amk-skel .amk-line { margin: 0; }
.amk-label { display: block; font-size: 11px; font-family: var(--amk-head); font-weight: 600; color: var(--amk-ink); }
.amk-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    padding: 7px 14px; border-radius: 999px;
    background: var(--amk-ink); color: #fff;
    font-family: var(--amk-head); font-size: 12px; font-weight: 500; white-space: nowrap;
}
.amk-btn svg { width: 13px; height: 13px; }
.amk-btn--grad { background: var(--amk-grad); }
.amk-btn--light { background: #fff; color: var(--amk-ink); }
.amk-pill { display: inline-flex; padding: 3px 10px; border-radius: 999px; background: var(--amk-tile); color: var(--amk-red); font-family: var(--amk-head); font-size: 11px; font-weight: 500; }
.amk-thumb { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 12px; color: #fff; }
.amk-thumb svg { width: 56%; height: 56%; }
.amk-thumb--sm { width: 36px; height: 36px; border-radius: 10px; }
.amk-thumb--lg { width: 78px; height: 66px; }
.g4 { background: linear-gradient(135deg, var(--amk-surface-2), var(--amk-surface-3)); }
.amk-orb { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, .2); pointer-events: none; }
.amk-avatar { display: inline-grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--amk-surface-3); color: var(--amk-muted); font-family: var(--amk-head); font-size: 13px; font-weight: 600; }
.amk-avatar--grad { background: var(--amk-grad-diag); color: #fff; }
.amk-avatar--lg { width: 50px; height: 50px; font-size: 15px; }
.amk-fav { display: inline-grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 5px; color: #fff; font-family: var(--amk-head); font-size: 10px; font-weight: 600; }
.amk-brandname { display: block; font-family: var(--amk-head); font-size: 11.5px; font-weight: 500; color: var(--amk-muted); }
.amk-verified { width: 15px !important; height: 15px !important; fill: #2f6bff !important; stroke: none !important; vertical-align: -2px; }

/* advertiser color tiles (brand initial or category icon — no logos) */
.b-samsung   { background: #1428a0; }
.b-bestbuy   { background: #0046be; }
.b-expedia   { background: #fddb32; color: #191e3b !important; }
.b-toyota    { color: #eb0a1e !important; }
.b-capone    { background: linear-gradient(135deg, #0b4f7c, #003a5d); }
.b-homedepot { background: #f96302; }
.b-nike      { background: #111; }
.b-doordash  { background: #ff3008; }
.b-sephora   { background: #111; color: #fff; }
.b-marriott  { background: #2b2b2b; color: #fff; }
.b-pizzahut  { background: #c8102e; color: #fff; }

.amk-sponsor { display: grid; gap: 8px; padding: 12px 14px; border-radius: 14px; background: var(--amk-surface); border: 1px solid var(--amk-line); }
.amk-sponsor__row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.amk-sponsor__row strong { display: block; font-size: 14px; line-height: 1.3; }
.amk-sponsor__row span:not(.amk-thumb):not(.amk-btn) { display: block; font-size: 12px; color: var(--amk-muted); }

/* floating stat chip — flat, hairline border */
.amk-chip {
    position: absolute; z-index: 2;
    display: flex; align-items: center; gap: 10px;
    padding: 9px 14px 9px 9px; border-radius: 14px;
    background: #fff; border: 1px solid var(--amk-line);
    animation: amk-float 5s ease-in-out infinite;
}
.amk-chip small { display: block; font-size: 11px; color: var(--amk-muted); }
.amk-chip strong { display: block; font-size: 15px; }
.amk-chip em { margin-left: 4px; font-size: 11.5px; font-family: var(--amk-head); color: #12a150; }
.amk-chip__ico { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--amk-tile); color: var(--amk-red); }
.amk-chip__ico svg { width: 18px; height: 18px; }
.amk-chip--bl { left: 18px; bottom: 18px; }
.amk-chip--tr { right: 18px; top: 18px; }
@keyframes amk-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

/* ---------- search results ---------- */
.amk-serp { padding: 16px 0 14px; }
.amk-serp__bar { display: flex; align-items: center; gap: 12px; margin: 0 16px; padding: 11px 18px; border: 1px solid var(--amk-line); border-radius: 999px; font-size: 15px; color: var(--amk-ink); }
.amk-serp__bar svg { width: 19px; height: 19px; color: var(--amk-subtle); flex: none; }
.amk-serp__q { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.amk-serp__sep { width: 1px; height: 22px; background: var(--amk-line); }
.amk-serp__bar .amk-serp__x { width: 17px; height: 17px; }
.amk-serp__bar .amk-serp__mic { color: var(--amk-red); }
.amk-serp__bar .amk-serp__go { color: var(--amk-orange); }
.amk-serp__tabs { display: flex; gap: clamp(12px, 2.4vw, 26px); margin-top: 10px; padding: 0 22px; border-bottom: 1px solid var(--amk-line); font-size: 13px; color: var(--amk-muted); }
.amk-serp__tabs span { padding: 8px 4px 10px; margin-bottom: -1px; border-bottom: 2px solid transparent; }
.amk-serp__tabs .is-on { color: var(--amk-red); border-color: var(--amk-red); }
.amk-serp__list { display: grid; gap: 10px; padding: 14px 16px 2px; }
.amk-ad { display: grid; gap: 2px; padding: 11px 14px; border: 1px solid var(--amk-line); border-radius: 12px; background: #fff; }
.amk-ad small { font-size: 11.5px; font-family: var(--amk-head); font-weight: 600; color: var(--amk-ink); }
.amk-ad__url { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--amk-muted); }
.amk-ad strong { margin-top: 2px; font-size: 15.5px; color: var(--amk-link); }
.amk-ad p { font-size: 12.5px; line-height: 1.45; color: var(--amk-muted); }
.amk-ad--rich { grid-template-columns: minmax(0, 1fr) 112px; gap: 14px; align-items: center; }
.amk-ad--rich > div { display: grid; gap: 2px; }
.amk-ad__links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.amk-ad__links i { padding: 3px 8px; border-radius: 6px; background: #eef2ff; color: var(--amk-link); font-size: 11px; }
.amk-art { position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 10px; color: #fff; }
.amk-art--tv { aspect-ratio: 1 / .9; background: radial-gradient(90% 90% at 70% 20%, #ff8a5c 0%, #e7005a 45%, #3a0f2c 100%); }
.amk-art--tv svg { width: 62%; height: 62%; stroke-width: 1.4; }

/* ---------- AI chat ---------- */
.amk-chat { display: grid; gap: 14px; }
.amk-chat__head { display: flex; align-items: center; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid var(--amk-line); font-size: 14px; }
.amk-chat__logo { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--amk-grad-diag); color: #fff; }
.amk-chat__logo svg { width: 17px; height: 17px; }
.amk-chat__logo--sm { flex: none; width: 26px; height: 26px; border-radius: 8px; }
.amk-chat__logo--sm svg { width: 14px; height: 14px; }
.amk-bubble { justify-self: end; max-width: 80%; padding: 10px 14px; border-radius: 16px 16px 4px 16px; background: var(--amk-ink); color: #fff; font-size: 13.5px; }
.amk-answer { display: flex; gap: 10px; }
.amk-answer p { margin-bottom: 10px; font-size: 13.5px; line-height: 1.55; color: var(--amk-muted); }
.amk-answer b { font-weight: 600; }
.amk-chat__input { display: flex; align-items: center; justify-content: space-between; padding: 7px 7px 7px 16px; border: 1px solid var(--amk-line); border-radius: 999px; color: var(--amk-subtle); }
.amk-chat__send { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--amk-grad); color: #fff; }
.amk-chat__send svg { width: 15px; height: 15px; }

/* ---------- display: publisher page ---------- */
.amk-pub { display: grid; gap: 12px; }
.amk-pub__bar { display: flex; align-items: center; gap: 12px; }
.amk-dots { display: inline-flex; gap: 5px; }
.amk-dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--amk-surface-3); }
.amk-pub__url { flex: 1; padding: 5px 12px; border-radius: 999px; background: var(--amk-surface-2); font-size: 11.5px; color: var(--amk-subtle); }
.amk-pub__mast { display: flex; align-items: baseline; gap: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--amk-line); font-size: 12px; color: var(--amk-muted); }
.amk-pub__mast strong { margin-right: auto; font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 700; letter-spacing: -.01em; }
.amk-pub__mast .is-on { color: var(--amk-red); }
.amk-pub__body { display: grid; grid-template-columns: minmax(0, 1fr) 176px; gap: 14px; }
.amk-banner { position: relative; overflow: hidden; display: flex; border-radius: 12px; color: #fff; }
.amk-banner > small { position: absolute; top: 6px; right: 8px; font-size: 9.5px; font-family: var(--amk-head); font-weight: 600; opacity: .85; }
.amk-banner--mpu {
    flex-direction: column; align-items: flex-start; gap: 4px;
    min-height: 250px; padding: 14px;
    background: linear-gradient(170deg, #fff 0%, #fff 38%, #ffd9c7 62%, #ff7a45 100%);
    border: 1px solid var(--amk-line); color: var(--amk-ink);
}
.amk-banner--mpu > small { color: var(--amk-muted); }
.amk-banner__brand { padding: 3px 7px; border-radius: 4px; background: #fff; border: 1.5px solid currentColor; font-family: var(--amk-head); font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.amk-banner--mpu strong { margin-top: 6px; font-size: 18px; line-height: 1.12; letter-spacing: -.01em; }
.amk-banner__sub { font-size: 12px; color: var(--amk-text); }
.amk-banner__art { position: absolute; right: 8px; bottom: 50px; color: var(--amk-ink); opacity: .85; }
.amk-banner__art svg { width: 84px; height: 84px; stroke-width: 1.3; }
.amk-banner--mpu .amk-btn { margin-top: auto; }

/* ---------- native feed ---------- */
.amk-feed { display: grid; gap: 12px; }
.amk-feed__head { display: flex; justify-content: space-between; align-items: baseline; font-size: 14.5px; }
.amk-feed__head span { font-size: 12px; color: var(--amk-subtle); }
.amk-story { display: flex; align-items: center; gap: 14px; padding: 10px; border-radius: 14px; }
.amk-story > div { flex: 1; min-width: 0; }
.amk-story--ad { background: var(--amk-tile); }
.amk-story--ad strong { display: block; margin: 3px 0 2px; font-size: 15px; letter-spacing: -.01em; }
.amk-story--ad p { font-size: 12.5px; color: var(--amk-muted); }
.amk-story__go { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-family: var(--amk-head); font-size: 12px; font-weight: 500; color: var(--amk-red); }
.amk-story__go svg { width: 13px; height: 13px; }

/* ---------- contextual ---------- */
.amk-ctx { display: grid; gap: 12px; }
.amk-kick { font-family: var(--amk-head); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--amk-red); }
.amk-ctx__title { font-size: 19px !important; letter-spacing: -.02em; line-height: 1.2; }
.amk-ctx__text { font-size: 14px; line-height: 1.75; color: var(--amk-muted); }
.amk-ctx__text mark { padding: 1px 5px; border-radius: 5px; background: var(--amk-tile); color: var(--amk-red); }
.amk-ctx__scan { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 12px; background: var(--amk-surface-2); font-size: 12px; }
.amk-ctx__scan span { display: inline-flex; align-items: center; gap: 6px; font-family: var(--amk-head); font-weight: 500; white-space: nowrap; color: var(--amk-ink); }
.amk-ctx__scan svg { width: 14px; height: 14px; color: var(--amk-orange); }
.amk-meter { flex: 1; height: 6px; border-radius: 3px; background: var(--amk-surface-3); overflow: hidden; }
.amk-meter i { display: block; width: 96%; height: 100%; border-radius: inherit; background: var(--amk-grad); }

/* ---------- video ---------- */
.amk-video { display: grid; gap: 14px; }
.amk-player { position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 14px; background: radial-gradient(120% 110% at 78% 20%, #ff9a6b 0%, #ff4b00 26%, #e7005a 52%, #3a0f2c 88%); color: #fff; }
.amk-player__badge { position: absolute; left: 12px; top: 12px; z-index: 2; padding: 3px 8px; border-radius: 6px; background: rgba(0, 0, 0, .45); color: #fff; font-family: var(--amk-head); font-size: 11px; font-weight: 500; }
.amk-player__creative { position: absolute; left: 18px; top: 50%; z-index: 1; transform: translateY(-58%); }
.amk-player__brand { display: block; margin-bottom: 6px; font-family: var(--amk-head); font-size: 12px; font-weight: 700; font-style: italic; letter-spacing: .12em; }
.amk-player__creative strong { display: block; color: #fff; font-size: clamp(24px, 3vw, 32px); line-height: 1; letter-spacing: -.03em; }
.amk-player__art { position: absolute; right: 6%; top: 18%; color: rgba(255, 255, 255, .92); transform: rotate(-14deg); }
.amk-player__art svg { width: clamp(120px, 15vw, 170px); height: auto; aspect-ratio: 1; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .2)); }
.amk-player__skip { position: absolute; right: 12px; bottom: 46px; z-index: 2; padding: 6px 12px; border-radius: 6px; background: rgba(0, 0, 0, .5); border: 1px solid rgba(255, 255, 255, .3); font-family: var(--amk-head); font-size: 12px; font-weight: 500; }
.amk-player__ctrl { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 0 12px 10px; background: linear-gradient(transparent, rgba(0, 0, 0, .45)); }
.amk-player__bar { display: block; height: 3px; margin-bottom: 8px; border-radius: 3px; background: rgba(255, 255, 255, .3); }
.amk-player__bar i { display: block; width: 27%; height: 100%; border-radius: inherit; background: #fff; }
.amk-player__row { display: flex; align-items: center; gap: 12px; font-size: 11.5px; }
.amk-player__row svg { width: 15px; height: 15px; }
.amk-player__row b { flex: 1; }
.amk-video__meta { display: flex; align-items: center; gap: 10px; }
.amk-video__meta .amk-fav { width: 34px; height: 34px; border-radius: 50%; font-size: 13px; }
.amk-video__meta > div { flex: 1; }
.amk-video__meta strong { display: block; font-size: 13.5px; }
.amk-video__meta small { color: var(--amk-subtle); }
.amk-video__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.amk-video__row i { aspect-ratio: 16 / 9; border-radius: 10px; background: var(--amk-surface-3); }

/* ---------- CTV ---------- */
.amk-tv { position: relative; z-index: 1; display: grid; justify-items: center; width: 100%; max-width: 540px; }
.amk-tv__screen { width: 100%; padding: 14px; border-radius: 16px; background: #120a17; border: 6px solid #241a29; color: #fff; }
.amk-tv__nav { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; font-size: 12px; color: rgba(255, 255, 255, .6); }
.amk-tv__nav strong { margin-right: 6px; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: -.01em; }
.amk-tv__nav .is-on { color: #fff; }
.amk-tv__nav svg { width: 15px; height: 15px; margin-left: auto; }
.amk-tv__hero { position: relative; overflow: hidden; display: flex; align-items: flex-end; aspect-ratio: 16 / 7.4; padding: 16px; border-radius: 10px; background: radial-gradient(110% 120% at 82% 10%, #ffb08a 0%, #ff4b00 24%, #e7005a 50%, #2a0a26 88%); }
.amk-tv__hero .amk-orb { top: -30px; right: 12%; width: 150px; height: 150px; background: rgba(255, 255, 255, .16); }
.amk-tv__title { position: relative; z-index: 1; }
.amk-tv__title small { display: block; margin-bottom: 4px; font-size: 11px; opacity: .85; }
.amk-tv__title strong { display: block; margin-bottom: 10px; color: #fff; font-size: 21px; line-height: 1.08; letter-spacing: -.02em; }
.amk-tv__label { display: block; margin: 12px 0 8px; font-family: var(--amk-head); font-size: 11px; color: rgba(255, 255, 255, .6); }
.amk-tv__row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.amk-tv__row i { aspect-ratio: 16 / 10; border-radius: 8px; background: rgba(255, 255, 255, .1); }
.amk-tv__row i:first-child { box-shadow: 0 0 0 2px #fff; }
.amk-tv__stand { width: 34%; height: 12px; margin-top: 6px; border-radius: 0 0 10px 10px; background: linear-gradient(#2a2130, #3a3040); }

/* ---------- mobile + sms (phone) ---------- */
.amk-phone { position: relative; z-index: 1; width: 272px; padding: 9px; border-radius: 40px; background: #1b1422; }
.amk-phone__screen { position: relative; display: grid; gap: 10px; align-content: start; min-height: 470px; padding: 12px 14px 14px; border-radius: 32px; background: #fff; overflow: hidden; }
.amk-phone__notch { position: absolute; top: 9px; left: 50%; width: 76px; height: 20px; transform: translateX(-50%); border-radius: 999px; background: #1b1422; }
.amk-phone__status { display: flex; align-items: center; justify-content: space-between; padding: 0 6px 4px; font-size: 12px; }
.amk-phone__status span { display: inline-flex; gap: 4px; }
.amk-phone__status svg { width: 15px; height: 15px; color: var(--amk-ink); }
.amk-phone__loc { display: flex; align-items: center; gap: 8px; }
.amk-phone__loc > svg { width: 20px; height: 20px; color: var(--amk-red); }
.amk-phone__loc small { display: block; color: var(--amk-muted); }
.amk-phone__loc strong { display: inline-flex; align-items: center; gap: 2px; font-size: 13.5px; }
.amk-phone__loc strong svg { width: 13px; height: 13px; }
.amk-phone__search { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: var(--amk-surface-2); font-size: 11.5px; color: var(--amk-subtle); }
.amk-phone__search svg { width: 14px; height: 14px; }
.amk-phone__cats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; text-align: center; font-size: 10.5px; color: var(--amk-text); }
.amk-phone__cats i { display: grid; place-items: center; width: 40px; height: 40px; margin: 0 auto 4px; border-radius: 50%; background: var(--amk-tile); color: var(--amk-red); }
.amk-phone__cats svg { width: 19px; height: 19px; }
.amk-phone__cats span:first-child i { background: var(--amk-grad-diag); color: #fff; }
.amk-phone__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.amk-phone__cards i { height: 96px; border-radius: 12px; background: var(--amk-surface-2); }
.amk-phone__ad { position: absolute; left: 10px; right: 10px; bottom: 12px; display: flex; align-items: center; gap: 10px; padding: 9px; border-radius: 14px; background: #fff; border: 1px solid var(--amk-line); }
.amk-phone__ad > div { flex: 1; min-width: 0; }
.amk-phone__ad strong { display: block; font-size: 12.5px; line-height: 1.25; }
.amk-phone__ad .amk-btn { padding: 6px 11px; font-size: 11px; }
.amk-sms { gap: 10px; }
.amk-sms__head { display: grid; justify-items: center; gap: 4px; padding: 6px 0 10px; border-bottom: 1px solid var(--amk-line); text-align: center; }
.amk-sms__head strong { font-size: 14px; }
.amk-sms__head small { color: var(--amk-subtle); }
.amk-sms__msg { justify-self: start; max-width: 86%; padding: 9px 12px; border-radius: 16px 16px 16px 4px; background: var(--amk-surface-2); font-size: 12.5px; line-height: 1.45; color: var(--amk-ink); }
.amk-sms__msg--small { padding: 6px 12px; font-size: 11px; color: var(--amk-muted); }
.amk-sms__link { justify-self: start; display: flex; align-items: center; gap: 10px; width: 86%; padding: 8px; border-radius: 14px; border: 1px solid var(--amk-line); }
.amk-sms__link strong { display: block; font-size: 12.5px; }
.amk-sms__link small { color: var(--amk-subtle); }
.amk-sms__me { justify-self: end; max-width: 80%; padding: 9px 12px; border-radius: 16px 16px 4px 16px; background: var(--amk-grad); color: #fff; font-size: 12.5px; }
.amk-sms .amk-chat__input { margin-top: auto; font-size: 12px; }

/* ---------- social ---------- */
.amk-post { max-width: 400px; padding: 0; overflow: hidden; }
.amk-post__head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; }
.amk-post__head > div { flex: 1; }
.amk-post__head strong { display: flex; align-items: center; gap: 4px; font-size: 13.5px; }
.amk-post__head small { color: var(--amk-subtle); }
.amk-post__more { color: var(--amk-subtle); letter-spacing: 1px; }
.amk-post__media { position: relative; overflow: hidden; display: flex; align-items: flex-end; aspect-ratio: 1 / .78; padding: 18px; background: linear-gradient(160deg, #ffe1e6 0%, #ffb3c4 40%, #ff6b8b 72%, #e7005a 100%); color: #fff; }
.amk-post__media .amk-orb { top: -40px; right: -30px; width: 200px; height: 200px; background: rgba(255, 255, 255, .25); }
.amk-post__media > div { position: relative; z-index: 1; }
.amk-post__media strong { display: block; color: #fff; font-size: 24px; line-height: 1.05; letter-spacing: -.02em; }
.amk-post__media span:not(.amk-orb):not(.amk-post__art) { display: block; margin-top: 6px; font-size: 13px; }
.amk-post__art { position: absolute; top: 14%; right: 9%; display: flex; align-items: flex-end; gap: 6px; color: rgba(255, 255, 255, .95); }
.amk-post__art svg { width: 44px; height: 44px; filter: drop-shadow(0 8px 10px rgba(120, 0, 40, .2)); }
.amk-post__art svg:nth-child(2) { width: 70px; height: 70px; }
.amk-post__art svg:nth-child(3) { width: 36px; height: 36px; }
.amk-post__cta { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; background: var(--amk-surface-2); }
.amk-post__cta small { display: block; color: var(--amk-subtle); }
.amk-post__cta strong { display: block; font-size: 13px; }
.amk-post__actions { display: flex; align-items: center; gap: 14px; padding: 12px 14px; }
.amk-post__actions svg { width: 20px; height: 20px; color: var(--amk-ink); }
.amk-post__actions svg:first-child { color: var(--amk-red); fill: currentColor; }
.amk-post__actions span { margin-left: auto; font-family: var(--amk-head); font-size: 12px; font-weight: 500; color: var(--amk-ink); }

/* ---------- influencer ---------- */
.amk-creator { display: grid; gap: 14px; max-width: 480px; }
.amk-creator__head { display: flex; align-items: center; gap: 12px; }
.amk-creator__head > div { flex: 1; min-width: 0; }
.amk-creator__head strong { display: inline-flex; align-items: center; gap: 5px; font-size: 15px; }
.amk-creator__head small { display: block; font-size: 12px; color: var(--amk-subtle); }
.amk-creator__head small b { font-size: 12px; }
.amk-creator__body { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 14px; align-items: center; }
.amk-creator__post { position: relative; overflow: hidden; aspect-ratio: 4 / 4.6; border-radius: 14px; background: radial-gradient(120% 110% at 20% 10%, #ffd8c2 0%, #ff7a45 36%, #e7005a 68%, #5a0f36 100%); }
.amk-creator__post .amk-orb { top: -30px; left: -20px; width: 150px; height: 150px; background: rgba(255, 255, 255, .22); }
.amk-creator__fig { position: absolute; left: 50%; bottom: 0; width: 70%; transform: translateX(-50%); color: rgba(255, 255, 255, .9); line-height: 0; }
.amk-creator__fig svg { width: 100%; height: auto; aspect-ratio: 1; }
.amk-creator__time { position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 8px; background: rgba(0, 0, 0, .45); color: #fff; font-family: var(--amk-head); font-size: 11px; }
.amk-creator__time svg { width: 11px; height: 11px; }
.amk-creator__copy strong { display: block; font-size: 16px; line-height: 1.2; }
.amk-creator__copy p { margin: 6px 0 12px; font-size: 12.5px; line-height: 1.5; color: var(--amk-muted); }
.amk-creator__copy p b { color: #2f6bff; font-size: 12.5px; }
.amk-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.amk-stats div { padding: 10px 12px; border-radius: 12px; background: var(--amk-surface-2); }
.amk-stats small { display: block; color: var(--amk-muted); }
.amk-stats strong { display: block; font-size: 17px; }

/* ---------- email ---------- */
.amk-mail { display: grid; gap: 10px; }
.amk-mail__head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid var(--amk-line); font-size: 15px; }
.amk-mail__row { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 12px; }
.amk-mail__row > div { flex: 1; min-width: 0; }
.amk-mail__row strong { display: block; font-size: 13.5px; }
.amk-mail__row span:not(.amk-avatar) { display: block; font-size: 12px; color: var(--amk-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.amk-mail__row small { align-self: flex-start; color: var(--amk-subtle); }
.amk-mail__row.is-open { background: var(--amk-tile); }
.amk-mail__open { display: grid; margin-left: 20px; padding: 4px 0 4px 14px; border-left: 2px solid var(--amk-line); }
.amk-mail__creative { position: relative; overflow: hidden; display: grid; justify-items: start; gap: 4px; margin-bottom: 12px; padding: 16px; border-radius: 14px; background: linear-gradient(160deg, #2a1830 0%, #7a1d4a 45%, #e7005a 80%, #ff6a2b 100%); color: #fff; }
.amk-mail__creative .amk-orb { top: -50px; right: -40px; width: 170px; height: 170px; background: rgba(255, 255, 255, .14); }
.amk-mail__brand { font-family: var(--amk-head); font-size: 10.5px; font-weight: 600; letter-spacing: .18em; opacity: .9; }
.amk-mail__creative strong { margin-top: 6px; color: #fff; font-size: 21px; line-height: 1.08; letter-spacing: -.02em; }
.amk-mail__creative span:not(.amk-orb):not(.amk-btn):not(.amk-mail__brand) { font-size: 12px; opacity: .9; }
.amk-mail__creative .amk-btn { margin-top: 8px; }

/* ---------- shopping ---------- */
.amk-shop { display: grid; gap: 10px; }
.amk-shop__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 15px; }
.amk-arrows { display: inline-flex; gap: 6px; }
.amk-arrows i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--amk-line); font-size: 16px; line-height: 1; color: var(--amk-ink); }
.amk-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 4px; }
.amk-product { display: grid; gap: 3px; padding: 10px; border-radius: 14px; border: 1px solid var(--amk-line); background: #fff; }
.amk-product__img { display: grid; place-items: center; aspect-ratio: 1; margin-bottom: 6px; border-radius: 10px; color: #fff; }
.amk-product__img svg { width: 56%; height: 56%; stroke-width: 1.5; }
.amk-product__img.p1 { background: linear-gradient(135deg, #ffd7c4, #ff6a2b); }
.amk-product__img.p2 { background: linear-gradient(135deg, #ffc9d8, #e7005a); }
.amk-product__img.p3 { background: linear-gradient(135deg, #ffe3c2, #ff9a3c); }
.amk-product strong { font-size: 13px; }
.amk-product b { font-size: 15px; }
.amk-stars { font-size: 11px; letter-spacing: 1px; color: #ff9a00; }
.amk-stars em { letter-spacing: 0; color: var(--amk-subtle); }
.amk-shop .amk-skel { padding: 4px 0 0; }

/* ---------- remarketing ---------- */
.amk-remkt__ad { position: relative; display: grid; justify-items: start; gap: 6px; padding: 12px; border-radius: 12px; border: 1px solid var(--amk-line); background: linear-gradient(180deg, #fff, #fff6f1); }
.amk-remkt__seen { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: 999px; background: var(--amk-tile); color: var(--amk-red); font-family: var(--amk-head); font-size: 10.5px; font-weight: 500; }
.amk-remkt__seen svg { width: 12px; height: 12px; }
.amk-remkt__ad .amk-product__img { width: 100%; margin: 2px 0; }
.amk-remkt__ad strong { font-size: 15px; line-height: 1.2; }
.amk-remkt__item { font-size: 12px; color: var(--amk-muted); }
.amk-remkt__item b { font-size: 12.5px; }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 991px) {
    .amk-visual { min-height: 420px; }
}
@media (max-width: 767px) {
    .amk-visual { min-height: 0; padding: 14px; border-radius: 18px; }
    .amk-chip { display: none; }
    .amk-pub__body { grid-template-columns: minmax(0, 1fr) 150px; }
}
@media (max-width: 560px) {
    .amk-screen { padding: 14px; font-size: 12px; }
    .amk-serp { padding: 12px 0 10px; }
    .amk-serp__bar { margin: 0 12px; padding: 9px 14px; gap: 10px; font-size: 14px; }
    .amk-serp__bar .amk-serp__x, .amk-serp__sep { display: none; }
    .amk-serp__tabs { padding: 0 14px; }
    .amk-serp__tabs span:nth-child(n + 5) { display: none; }
    .amk-serp__list { padding: 12px 12px 2px; }
    .amk-ad--rich { grid-template-columns: minmax(0, 1fr) 76px; }
    .amk-ad strong { font-size: 14px; }
    .amk-pub__mast span { display: none; }
    .amk-pub__body { grid-template-columns: minmax(0, 1fr); }
    .amk-pub__main { display: none; }
    .amk-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .amk-product:nth-child(3) { display: none; }
    .amk-phone { width: 236px; }
    .amk-mail__open { margin-left: 0; }
    .amk-sponsor__row { grid-template-columns: auto minmax(0, 1fr); }
    .amk-sponsor__row .amk-btn { grid-column: 1 / -1; }
    .amk-creator__body { grid-template-columns: minmax(0, 1fr); }
    .amk-creator__post { aspect-ratio: 16 / 10; }
    .amk-tv__nav span { display: none; }
    .amk-tv__title strong { font-size: 17px; }
    .amk-player__art svg { width: 96px; }
}
@media (prefers-reduced-motion: reduce) { .amk-chip { animation: none; } }


/* ==========================================================================
   WEB-93 (Oct 7 feedback) — real advertiser logos + photography
   ========================================================================== */
.amk-logo { overflow: hidden; background: #fff; border: 1px solid var(--amk-line); padding: 0; }
.amk-logo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.amk-logo--round { border-radius: 50% !important; }
.amk-logo--line { border-color: var(--amk-line-2); }
.amk-logo--line img { object-fit: contain; padding: 4px; }
.amk-avatar--photo { overflow: hidden; padding: 0; }
.amk-avatar--photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }

/* search: no favicon blocks / art — single column text ads */
.amk-ad > div { display: grid; gap: 2px; }

/* display: Toyota MPU */
.amk-banner__logo { display: block; width: 74px; height: auto; margin-bottom: 2px; mix-blend-mode: multiply; }
.amk-banner--mpu { background: linear-gradient(175deg, #fff 0%, #fff 45%, #ffe1d3 72%, #ffb593 100%); }
.amk-banner--mpu strong { margin-top: 8px; font-size: 20px; }

/* contextual: analyzed image */
.amk-ctx__title mark { padding: 0 5px; border-radius: 5px; background: var(--amk-tile); color: var(--amk-red); }
.amk-ctx__img { position: relative; display: block; overflow: hidden; height: 128px; border-radius: 12px; }
.amk-ctx__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.amk-ctx__tag { position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .92); font-family: var(--amk-head); font-size: 11px; font-weight: 500; color: var(--amk-ink); }
.amk-ctx__tag svg { width: 13px; height: 13px; color: var(--amk-red); }
.amk-ctx .amk-ctx__text { line-height: 1.6; }

/* video player with real creative */
.amk-player { background: #120a17; }
.amk-player__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 58%; }
.amk-player__card { position: absolute; left: 12px; bottom: 46px; z-index: 2; display: flex; align-items: center; gap: 9px; padding: 7px 8px 7px 7px; border-radius: 12px; background: #fff; color: var(--amk-ink); }
.amk-player__card .amk-fav { width: 28px; height: 28px; }
.amk-player__card strong { display: block; font-size: 12.5px; line-height: 1.2; }
.amk-player__card small { display: block; font-size: 10.5px; color: var(--amk-subtle); }
.amk-player__card .amk-btn { padding: 6px 11px; font-size: 11px; }

/* influencer: photo post */
.amk-creator__post { background: var(--amk-surface-3); }
.amk-creator__post img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }

/* email: logo lock-up */
.amk-mail__logo { display: block; width: 116px; height: auto; margin-bottom: 2px; }

/* shopping / remarketing product photos */
.amk-product__img--photo { overflow: hidden; background: #f4f1ee; }
.amk-product__img--photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.amk-remkt__ad .amk-product__img--photo { aspect-ratio: 4 / 3; }

/* ---------- Video / OTT / CTV auto-rotating graphic ---------- */
.amk-rot { position: relative; z-index: 1; width: 100%; max-width: 540px; }
.amk-rot__in { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.amk-rot__tabs { display: flex; gap: 6px; margin: 0 auto 14px; padding: 5px; width: max-content; max-width: 100%; border-radius: 999px; background: #fff; border: 1px solid var(--amk-line); }
.amk-rot__tabs label { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 6px 16px 6px 6px; border-radius: 999px; cursor: pointer; font-family: var(--amk-head); font-size: 13px; font-weight: 500; color: var(--amk-muted); transition: background-color .25s ease, color .25s ease; }
.amk-rot__ico { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--amk-tile); color: var(--amk-red); transition: background .25s ease, color .25s ease; }
.amk-rot__ico svg { width: 14px; height: 14px; }
.amk-rot__frame { display: grid; }
.amk-rot__slide { grid-area: 1 / 1; display: grid; place-items: center; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .55s ease, transform .55s ease, visibility 0s linear .55s; }
.amk-rot__dots { display: flex; justify-content: center; gap: 6px; margin-top: 14px; }
.amk-rot__dots i { width: 6px; height: 6px; border-radius: 999px; background: var(--amk-line-2); transition: width .3s ease, background .3s ease; }
.amk-rot__in:nth-of-type(1):checked ~ .amk-rot__tabs label:nth-child(1),
.amk-rot__in:nth-of-type(2):checked ~ .amk-rot__tabs label:nth-child(2),
.amk-rot__in:nth-of-type(3):checked ~ .amk-rot__tabs label:nth-child(3) { background: var(--amk-ink); color: #fff; }
.amk-rot__in:nth-of-type(1):checked ~ .amk-rot__tabs label:nth-child(1) .amk-rot__ico,
.amk-rot__in:nth-of-type(2):checked ~ .amk-rot__tabs label:nth-child(2) .amk-rot__ico,
.amk-rot__in:nth-of-type(3):checked ~ .amk-rot__tabs label:nth-child(3) .amk-rot__ico { background: var(--amk-grad-diag); color: #fff; }
.amk-rot__in:nth-of-type(1):checked ~ .amk-rot__frame .amk-rot__slide--a,
.amk-rot__in:nth-of-type(2):checked ~ .amk-rot__frame .amk-rot__slide--b,
.amk-rot__in:nth-of-type(3):checked ~ .amk-rot__frame .amk-rot__slide--c { opacity: 1; visibility: visible; transform: none; transition: opacity .55s ease .05s, transform .55s ease .05s, visibility 0s; }
.amk-rot__in:nth-of-type(1):checked ~ .amk-rot__dots i:nth-child(1),
.amk-rot__in:nth-of-type(2):checked ~ .amk-rot__dots i:nth-child(2),
.amk-rot__in:nth-of-type(3):checked ~ .amk-rot__dots i:nth-child(3) { width: 22px; background: var(--amk-grad); }
.amk-rot__in:focus-visible ~ .amk-rot__tabs { outline: 2px solid var(--amk-red); outline-offset: 3px; }

/* OTT streaming app */
.amk-ott { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; width: 100%; padding: 14px 14px 14px 10px; border-radius: 18px; background: #140c19; color: #fff; font-size: 12px; }
.amk-ott__rail { display: grid; align-content: start; justify-items: center; gap: 18px; padding-top: 4px; color: rgba(255, 255, 255, .55); }
.amk-ott__rail svg { width: 17px; height: 17px; }
.amk-ott__rail svg:first-child { color: #fff; }
.amk-ott__main { min-width: 0; }
.amk-ott__nav { display: flex; gap: 16px; margin-bottom: 12px; color: rgba(255, 255, 255, .6); white-space: nowrap; overflow: hidden; }
.amk-ott__nav .is-on { color: #fff; font-family: var(--amk-head); font-weight: 500; }
.amk-ott .amk-player { border-radius: 12px; }
.amk-ott__label { display: block; margin: 12px 0 8px; font-family: var(--amk-head); font-size: 11px; color: rgba(255, 255, 255, .6); }
.amk-ott__row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.amk-ott__row i { aspect-ratio: 16 / 10; border-radius: 8px; background: rgba(255, 255, 255, .1); }

/* Connected TV set */
.amk-ctv { display: grid; justify-items: center; width: 100%; }
.amk-ctv__screen { width: 100%; padding: 8px; border-radius: 14px; background: #1b1422; }
.amk-ctv__screen .amk-player { border-radius: 8px; }
.amk-ctv__legs { display: flex; justify-content: space-between; width: 78%; }
.amk-ctv__legs i { width: 34px; height: 16px; background: #2a2130; clip-path: polygon(30% 0, 70% 0, 100% 100%, 80% 100%); }
.amk-ctv__legs i:first-child { clip-path: polygon(30% 0, 70% 0, 20% 100%, 0 100%); }

@media (max-width: 560px) {
    .amk-rot__tabs label { padding-right: 12px; font-size: 12px; gap: 6px; }
    .amk-rot__ico { width: 24px; height: 24px; }
    .amk-ott { grid-template-columns: minmax(0, 1fr); padding: 12px; }
    .amk-ott__rail { display: none; }
    .amk-player__card { left: 8px; bottom: 40px; padding: 5px 6px; }
    .amk-player__card .amk-btn { display: none; }
    .amk-ctx__img { height: 104px; }
}
@media (prefers-reduced-motion: reduce) { .amk-rot__slide { transition: none; } }

/* ==========================================================================
   Search formats (Search / Site search / Swicki).
   Uses the shared .amk-rot carousel and page-only mockup asset loading.
   ========================================================================== */
.amk-rot--search .amk-screen { max-width: none; width: 100%; }
.amk-rot--search .amk-rot__slide { align-items: stretch; }

/* site search */
.amk-site { gap: 10px; }
.amk-site__box { display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 14px; border: 1px solid var(--amk-line-2); border-radius: 999px; font-size: 13.5px; color: var(--amk-ink); }
.amk-site__box svg { width: 16px; height: 16px; color: var(--amk-subtle); flex: none; }
.amk-site__box span:first-of-type { flex: 1; }
.amk-site__go { padding: 6px 14px; border-radius: 999px; background: var(--amk-ink); color: #fff; font-family: var(--amk-head); font-size: 12px; font-weight: 500; }
.amk-site__count { font-size: 11.5px; color: var(--amk-muted); }
.amk-site__ad { grid-template-columns: 46px minmax(0, 1fr); gap: 12px; align-items: start; border-color: var(--amk-line-2); background: linear-gradient(90deg, #fff 0%, #fff8f3 100%); }
.amk-site__ad > div { display: grid; gap: 1px; }
.amk-site__ad .amk-logo { padding: 5px; }
.amk-site__ad .amk-logo img { object-fit: contain; }
.amk-site__result { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 12px; align-items: center; padding: 4px 14px; }
.amk-site__result .amk-thumb { height: 40px; }

/* swicki widget */
.amk-swk__body { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 14px; }
.amk-swk__post { padding-top: 4px; }
.amk-swk__widget { display: grid; align-content: start; gap: 9px; padding: 12px; border-radius: 14px; border: 1px solid var(--amk-line-2); background: var(--amk-surface-2); }
.amk-swk__head { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; align-items: center; }
.amk-swk__head strong { font-size: 15px; line-height: 1; }
.amk-swk__head small { grid-column: 2; font-size: 10.5px; color: var(--amk-muted); }
.amk-swk__mark { grid-row: span 2; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--amk-grad-diag); color: #fff; }
.amk-swk__mark svg { width: 16px; height: 16px; }
.amk-swk__box { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 10px; border-radius: 10px; background: #fff; border: 1px solid var(--amk-line); font-size: 12px; color: var(--amk-ink); }
.amk-swk__box svg { width: 14px; height: 14px; color: var(--amk-red); }
.amk-swk__ad { display: grid; gap: 4px; padding: 9px 10px; border-radius: 10px; background: #fff; border: 1px solid var(--amk-line); }
.amk-swk__ad small { font-family: var(--amk-head); font-size: 10.5px; font-weight: 600; color: var(--amk-ink); }
.amk-swk__brand { display: flex; align-items: center; gap: 8px; }
.amk-swk__brand strong { font-size: 13px; color: var(--amk-link); }
.amk-swk__brand .amk-thumb { width: 28px; height: 28px; border-radius: 8px; }
.amk-swk__ad .amk-ad__url { font-size: 11px; }
.amk-swk__res { padding: 0 2px; }
.amk-swk__label { font-family: var(--amk-head); font-size: 11px; font-weight: 600; color: var(--amk-ink); }
.amk-swk__cloud { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; }
.amk-swk__cloud i { font-style: normal; font-size: 11px; color: var(--amk-muted); }
.amk-swk__cloud .s2 { font-size: 13px; color: var(--amk-ink); }
.amk-swk__cloud .s3 { font-size: 15px; font-family: var(--amk-head); font-weight: 600; background: var(--amk-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

@media (max-width: 560px) {
    .amk-swk__body { grid-template-columns: minmax(0, 1fr); }
    .amk-swk__post { display: none; }
    .amk-site .amk-pub__mast span { display: none; }
}
@media (max-width: 420px) {
    .amk-rot--search .amk-rot__tabs { gap: 2px; }
    .amk-rot--search .amk-rot__tabs label { padding: 6px 10px 6px 6px; gap: 5px; }
    .amk-rot--search .amk-rot__ico { width: 22px; height: 22px; }
}
@media (max-width: 374.98px) {
    .amk-rot--search .amk-rot__ico { display: none; }
    .amk-rot--search .amk-rot__tabs label { padding: 6px 10px; }
}