/* Local examples only: three independent, keyboard-reachable media lanes. */
.media-preview-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.media-preview-column{min-width:0;border:1px solid #d7e3f2;border-radius:22px;background:#fff;box-shadow:0 12px 34px #193c6b0a;overflow:hidden}
.media-preview-column-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:22px 22px 17px;border-bottom:1px solid #e7edf6}
.media-preview-column-heading{min-width:0}
.media-preview-column-heading h2{margin:0;color:#142a4c;font-size:19px;line-height:1.2;letter-spacing:-.025em;font-weight:720}
.media-preview-column-heading p{margin:6px 0 0;color:#5b6e88;font-size:13px;line-height:1.35}
.media-preview-count{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:50%;background:#edf4ff;color:#285aab;font-size:12px;font-weight:700}
.media-preview-scroll{height:570px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#7999c9 #e9f0fa;scrollbar-gutter:stable}
.media-preview-scroll:focus-visible{outline:3px solid #3569c0;outline-offset:-4px}
.media-preview-scroll::-webkit-scrollbar{width:8px;height:8px}
.media-preview-scroll::-webkit-scrollbar-track{background:#e9f0fa;border-radius:8px}
.media-preview-scroll::-webkit-scrollbar-thumb{background:#7999c9;border-radius:8px}
.media-preview-track{display:flex;flex-direction:column;gap:14px;padding:16px}
.media-preview-card{min-width:0;overflow:hidden;border:1px solid #e0e9f4;border-radius:16px;background:#fdfefe;box-shadow:0 5px 14px #1c416007}
.media-preview-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:148px;overflow:hidden;background:linear-gradient(135deg,#dceaf9 0%,#b6cce8 48%,#e7e1f7 100%)}
.media-preview-art:before,.media-preview-art:after{content:"";position:absolute;border-radius:50%;background:#ffffff35}
.media-preview-art:before{width:170px;height:170px;left:-45px;top:-92px}
.media-preview-art:after{width:210px;height:210px;right:-80px;bottom:-160px}
.media-preview-art--bilder{background:linear-gradient(135deg,#e8e5f5,#cad8ed 55%,#e0ecf7)}
.media-preview-art--beitraege{background:linear-gradient(135deg,#d9e8fa,#d2d4ee 58%,#e8e0f2)}
.media-preview-art-mark{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffffa8;border-radius:18px;background:#ffffff99;color:#305d9a;font-size:31px;line-height:1;box-shadow:0 8px 25px #284a6b18}
.media-preview-art-label{position:absolute;z-index:2;left:10px;top:10px;padding:6px 9px;border-radius:20px;background:#142e52df;color:#fff;font-size:9px;font-weight:750;letter-spacing:.05em}
.media-preview-content{padding:15px 16px 17px}
.media-preview-meta{display:flex;gap:7px;align-items:center;margin-bottom:8px;color:#647895;font-size:10px;font-weight:600}
.media-preview-meta time{font-variant-numeric:tabular-nums}
.media-preview-title{margin:0;color:#172d4c;font-size:16px;font-weight:720;line-height:1.25;letter-spacing:-.02em}
.media-preview-kind{margin:7px 0 0;color:#65768b;font-size:12px;line-height:1.4}
.media-preview-hint{display:flex;align-items:center;min-height:46px;margin:0;padding:10px 20px;border-top:1px solid #e7edf6;color:#536c8c;font-size:11px;font-weight:600}
.media-preview-hint-mobile{display:none}
@media(max-width:760px){
 .media-preview-columns{grid-template-columns:minmax(0,1fr);gap:18px}
 .media-preview-column-header{padding:20px 18px 15px}
 .media-preview-scroll{height:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-gutter:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
 .media-preview-track{flex-direction:row;align-items:stretch;gap:12px;padding:14px 16px 18px}
 .media-preview-card{flex:0 0 min(72vw,245px);scroll-snap-align:start}
 .media-preview-art{min-height:132px}
 .media-preview-content{padding:13px 14px 16px}
 .media-preview-hint{min-height:42px;padding:9px 18px}
 .media-preview-hint-desktop{display:none}
 .media-preview-hint-mobile{display:inline}
}
@media(prefers-reduced-motion:reduce){.media-preview-scroll{scroll-behavior:auto;scroll-snap-type:none}}

.social-media-selection{margin-top:0}.social-media-example-note{margin:0 0 20px;color:#52647a;font-size:13px;line-height:1.5}.media-preview-column-heading h2{font-size:19px}

/* Give each content type a distinct, coordinated colour. */
.media-preview-column{border-color:#c9d7ef;box-shadow:0 14px 34px #1a3d7412}
.media-preview-column-header{border-bottom:0;background:linear-gradient(120deg,#173e80,#302f85)}
.media-preview-column--bilder .media-preview-column-header{background:linear-gradient(120deg,#3e317e,#68469b)}
.media-preview-column--beitraege .media-preview-column-header{background:linear-gradient(120deg,#164e72,#264b94)}
.media-preview-column-heading h2{color:#fff}
.media-preview-column-heading p{color:#e0eafe}
.media-preview-count{background:#ffffff27;color:#fff}
.media-preview-scroll{background:#f4f7fd;scrollbar-color:#5f82ba #e4ecf8}
.media-preview-card{border-color:#d8e3f2;box-shadow:0 6px 16px #193c6b10}
.media-preview-art{background:linear-gradient(135deg,#2d6cc0 0%,#4568ba 48%,#6653a9 100%)}
.media-preview-art--bilder{background:linear-gradient(135deg,#6a58ad,#8c5aaa 55%,#bd7daa)}
.media-preview-art--beitraege{background:linear-gradient(135deg,#277fa3,#426db4 55%,#6955a7)}
.media-preview-art-mark{border-color:#ffffff8c;background:#ffffff24;color:#fff;box-shadow:0 8px 25px #102e5933}
.media-preview-art-label{background:#102445e8}
.media-preview-hint{color:#354f72;border-top-color:#d9e5f4}

/* Glass surfaces retain solid, readable text areas and visible scrolling. */
.media-preview-column{background:#f5f9ffb8;border:1px solid #ffffffdf;box-shadow:0 16px 38px #173d7022,inset 0 1px 0 #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.media-preview-column-header{background-image:linear-gradient(145deg,#ffffff2e,transparent 55%),linear-gradient(120deg,#173e80,#302f85);box-shadow:inset 0 1px 0 #ffffff66}
.media-preview-column--bilder .media-preview-column-header{background-image:linear-gradient(145deg,#ffffff2e,transparent 55%),linear-gradient(120deg,#3e317e,#68469b)}
.media-preview-column--beitraege .media-preview-column-header{background-image:linear-gradient(145deg,#ffffff2e,transparent 55%),linear-gradient(120deg,#164e72,#264b94)}
.media-preview-count{border:1px solid #ffffff66;box-shadow:inset 0 1px 0 #ffffff66}
.media-preview-scroll{background:#edf4fd80}
.media-preview-card{background:#ffffffeb;border-color:#ffffff;box-shadow:0 9px 22px #193c6b19,inset 0 1px 0 #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.media-preview-art{box-shadow:inset 0 1px 0 #ffffff8c}
.media-preview-art-mark{background:linear-gradient(145deg,#ffffff70,#ffffff22);border-color:#ffffffaa;box-shadow:0 8px 22px #102e5926,inset 0 1px 0 #ffffff9c}
.media-preview-hint{background:#ffffffaa;border-top-color:#d9e5f4}

/* Stronger glass edges and reflections around the editorial columns. */
.media-preview-column{background:linear-gradient(145deg,#ffffffc7,#dceaff8c);border-color:#fff;box-shadow:0 18px 42px #173d7033,inset 0 2px 0 #fff,inset 0 -3px 9px #aac9eb50;backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%)}
.media-preview-column-header{background-image:linear-gradient(155deg,#ffffff68 0%,#ffffff20 25%,transparent 49%,#d2eaff18 72%,transparent 85%),linear-gradient(120deg,#173e80,#302f85);box-shadow:inset 0 2px 0 #ffffffad,inset 0 -1px 0 #ffffff45}
.media-preview-column--bilder .media-preview-column-header{background-image:linear-gradient(155deg,#ffffff68 0%,#ffffff20 25%,transparent 49%,#f1d5ff18 72%,transparent 85%),linear-gradient(120deg,#3e317e,#68469b)}
.media-preview-column--beitraege .media-preview-column-header{background-image:linear-gradient(155deg,#ffffff68 0%,#ffffff20 25%,transparent 49%,#c9f6ff18 72%,transparent 85%),linear-gradient(120deg,#164e72,#264b94)}
.media-preview-count{background:linear-gradient(145deg,#ffffff62,#ffffff1c);border-color:#ffffffae;box-shadow:0 3px 9px #12274b30,inset 0 2px 0 #ffffffa0}
.media-preview-scroll{background:linear-gradient(160deg,#e8f3ff99,#d4e6f774)}
.media-preview-card{background:linear-gradient(145deg,#fffffffa,#f0f7ffec);border-color:#fff;box-shadow:0 10px 24px #193c6b25,inset 0 2px 0 #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.media-preview-art{box-shadow:inset 0 2px 0 #ffffffc4,inset 0 -2px 0 #ffffff30}
.media-preview-art-mark{background:linear-gradient(145deg,#ffffffb3,#d6e8ff48);border-color:#ffffffde;box-shadow:0 10px 24px #102e593b,inset 0 2px 0 #fff,inset 0 -3px 6px #a9c9ff4a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.media-preview-hint{background:linear-gradient(135deg,#fffffff0,#e5f2ffe3);border-top-color:#fff}

/* Distinct translucent layers and a quiet text shadow on coloured glass. */
.media-preview-column{background:linear-gradient(155deg,#f8fcffd6 0%,#d8eaff86 55%,#cddffb6e 100%);border-color:#ffffffef;box-shadow:0 20px 46px #173d7038,inset 0 2px 1px #fff,inset 0 -4px 12px #9bbfec65;backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}
.media-preview-column-header{background-image:linear-gradient(150deg,#ffffff7a 0%,#ffffff30 20%,#ffffff08 39%,transparent 51%,#d2eaff30 74%,transparent 88%),linear-gradient(120deg,#173e80,#302f85);box-shadow:inset 0 2px 1px #ffffffdb,inset 0 -1px 0 #ffffff70}
.media-preview-column--bilder .media-preview-column-header{background-image:linear-gradient(150deg,#ffffff7a 0%,#ffffff30 20%,#ffffff08 39%,transparent 51%,#f1d5ff30 74%,transparent 88%),linear-gradient(120deg,#3e317e,#68469b)}
.media-preview-column--beitraege .media-preview-column-header{background-image:linear-gradient(150deg,#ffffff7a 0%,#ffffff30 20%,#ffffff08 39%,transparent 51%,#c9f6ff30 74%,transparent 88%),linear-gradient(120deg,#164e72,#264b94)}
.media-preview-column-heading h2,.media-preview-column-heading p,.media-preview-count{text-shadow:0 1px 2px #0b214c85}
.media-preview-scroll{background:linear-gradient(155deg,#e7f4ff80,#c6dfff5c)}
.media-preview-card{background:linear-gradient(145deg,#fffffffa,#eef6ffeb);box-shadow:0 11px 25px #193c6b2b,inset 0 2px 0 #fff,inset 0 -2px 5px #c3dcf53b}
.media-preview-art-mark{background:linear-gradient(145deg,#ffffffce,#d6e8ff50);box-shadow:0 10px 26px #102e5948,inset 0 2px 0 #fff,inset 0 -3px 7px #c2dcff70}

/* Isolated integration labels and channel details are visible at every size. */
.social-test-channels{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;color:#425a77;font-size:12px;line-height:1.4}
.social-test-channels a{color:#174c91;text-decoration:underline;font-weight:700}
.social-test-media,.social-test-property{margin:10px 0 0;font-size:12px;line-height:1.4;color:#425a77}
.social-test-property{padding:10px;border:1px solid #bfd4ed;border-radius:10px;background:#f2f7ff}
.social-test-property strong{display:block;color:#172d4c}.social-test-property details{margin-top:7px}.social-test-property summary{cursor:pointer;font-weight:700;color:#174c91}
.social-campaign-destination{display:inline-flex;align-items:center;min-height:34px;margin-top:10px;padding:7px 12px;border:1px solid #9dbce0;border-radius:8px;background:#eaf3ff;color:#174c91;font-size:12px;font-weight:800;text-decoration:none}
.social-campaign-destination:hover,.social-campaign-destination:focus-visible{background:#dbeaff;text-decoration:underline;text-underline-offset:3px}
.social-test-status,.social-test-empty{padding:20px;border-radius:14px;background:#f5f9ff;color:#233b5d;line-height:1.5}.social-test-retry{padding:10px 16px;border:1px solid #244b85;border-radius:9px;background:#fff;color:#173e80;font-weight:700;cursor:pointer}

/* One continuous blue gradient spans the three adjacent category headers. */
.media-preview-column-header,
.media-preview-column--videos .media-preview-column-header,
.media-preview-column--bilder .media-preview-column-header,
.media-preview-column--beitraege .media-preview-column-header{
  background-color:#365f97;
  background-image:linear-gradient(90deg,#0b1e36 0%,#365f97 50%,#a8cff8 100%);
  background-size:calc(300% + 44px) 100%;
  background-position:0% center;
  background-repeat:no-repeat;
}
.media-preview-column--bilder .media-preview-column-header{background-position:50% center}
.media-preview-column--beitraege .media-preview-column-header{background-position:100% center}
.media-preview-column--beitraege .media-preview-column-heading h2,
.media-preview-column--beitraege .media-preview-column-heading p,
.media-preview-column--beitraege .media-preview-count{color:#102b4d;text-shadow:none}
.media-preview-column--beitraege .media-preview-count{background:#ffffffb8;border-color:#244a7066;box-shadow:inset 0 1px 0 #fff}
@media(max-width:760px){
  .media-preview-column-header,
  .media-preview-column--videos .media-preview-column-header,
  .media-preview-column--bilder .media-preview-column-header,
  .media-preview-column--beitraege .media-preview-column-header{background-size:100% 100%;background-position:center}
  .media-preview-column--videos .media-preview-column-header{background:#0b1e36}
  .media-preview-column--bilder .media-preview-column-header{background:#365f97}
  .media-preview-column--beitraege .media-preview-column-header{background:#a8cff8}
}

/* Restore the previous blue header style on the rightmost category only. */
.media-preview-column--beitraege .media-preview-column-header{
  background-image:linear-gradient(150deg,#ffffff7a 0%,#ffffff30 20%,#ffffff08 39%,transparent 51%,#c9f6ff30 74%,transparent 88%),linear-gradient(120deg,#164e72,#264b94);
  background-size:auto;
  background-position:0 0;
}
.media-preview-column--beitraege .media-preview-column-heading h2,
.media-preview-column--beitraege .media-preview-column-heading p,
.media-preview-column--beitraege .media-preview-count{color:#fff;text-shadow:0 1px 2px #0b214c85}
.media-preview-column--beitraege .media-preview-count{background:linear-gradient(145deg,#ffffff62,#ffffff1c);border-color:#ffffffae;box-shadow:0 3px 9px #12274b30,inset 0 2px 0 #ffffffa0}

/* Only the video artwork placeholder takes the shared hero blue; real media stays intact. */
.media-preview-art--videos:not(.social-inventory-video-has-thumbnail):not(.social-inline-video-active){
  background:var(--glambury-social-hero-gradient);
}