/* User-created advertisement design. Keep separate from the surrounding UI.
   Base artboard: 468.234375 × 220; scale the entire card proportionally.
   No image cropping, recoloring, filters, font replacement, or content rewriting. */
.ad-slot{position:relative;min-width:0;height:220px;overflow:visible}
.ad-slot[hidden]{display:none}
.boxq{width:468.234375px;height:220px;box-sizing:border-box;margin:0;padding:0;display:grid;grid-template-columns:41% 59%;color:#263442;background:#fff;border:1px solid rgba(35,55,75,.10);border-radius:16px;box-shadow:0 8px 24px rgba(31,52,73,.08),0 2px 6px rgba(31,52,73,.04);position:relative;overflow:hidden;isolation:isolate;cursor:pointer;transform:scale(var(--card-scale,1));transform-origin:top left;font-size:15px;line-height:1.75;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif,websafe;letter-spacing:1.2px}
.boxq-link{position:absolute;inset:0;z-index:20;display:block;width:100%;height:100%;text-decoration:none;border-radius:16px}
.boxq-link:focus-visible{outline:3px solid rgba(0,174,255,.65);outline-offset:-3px}
.boxq-media{min-width:0;height:100%;position:relative;overflow:hidden;background:linear-gradient(145deg,#f0f8fc 0%,#f7fafc 100%)}
.boxq-media img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.boxq-category{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;min-height:27px;box-sizing:border-box;padding:5px 11px;color:#fff;background:rgba(28,47,65,.88);border-radius:999px;font-size:11px;font-weight:700;line-height:1;letter-spacing:.04em;box-shadow:0 3px 10px rgba(20,36,50,.14);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.boxq-content{min-width:0;height:100%;box-sizing:border-box;padding:18px 18px 16px;display:flex;flex-direction:column;background:#fff}
.boxq-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;width:100%;min-width:0;min-height:24px;margin:0 0 10px;overflow:hidden}
.boxq-area,.boxq-type{display:inline-flex;align-items:center;box-sizing:border-box;padding:5px 9px;border-radius:6px;font-size:10px;font-weight:700;line-height:1;letter-spacing:.03em;white-space:nowrap}
.boxq-area{flex-shrink:0;color:#087aa8;background:#e9f7fd}
.boxq-type{min-width:0;flex-shrink:1;color:#65717c;background:#f1f3f5;overflow:hidden;text-overflow:ellipsis}
.boxq-title{margin:0 0 9px;padding:0;color:#253542;background:none;border:none;box-shadow:none;font-size:18px;font-weight:750;line-height:1.42;letter-spacing:.015em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.boxq-description{margin:0;padding:0;color:#6d7882;font-size:12.5px;font-weight:400;line-height:1.65;letter-spacing:.025em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.boxq-action{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#1387b7;font-size:12px;font-weight:700;line-height:1}
.boxq-arrow{width:27px;height:27px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#169fd3;border-radius:50%;font-size:15px;line-height:1}
.boxq p{margin:0;padding:0}