/* AE Picture Wall 0.1.0. Scoped to the enhanced wall; no global link/style overrides. */
:is(html.aepw-enabled, html:has(#aepw-config)) #picwall-container {
  display:grid !important; grid-template-columns:repeat(auto-fill,minmax(172px,1fr));
  gap:14px; padding:6px 0 18px; align-items:start;
}
:is(html.aepw-enabled, html:has(#aepw-config)) #picwall-container > .clear {display:none}
:is(html.aepw-enabled, html:has(#aepw-config)) #picwall-container .picwall-pictureframe {
  display:block !important; float:none !important; position:relative !important;
  width:auto !important; height:auto !important; min-width:0; margin:0 !important;
  padding:0 !important; overflow:visible !important; background:none !important; border:0 !important;
}
:is(html.aepw-enabled, html:has(#aepw-config)) .picwall-pictureframe > img,
:is(html.aepw-enabled, html:has(#aepw-config)) .picwall-pictureframe > a {display:none !important}
.aepw-card {--aepw-hue:200; overflow:hidden; border:1px solid #d8dfe4; border-radius:11px;
  background:#fff; color:#202f3a; box-shadow:0 2px 7px #142b4210; text-align:left; min-width:0;}
.aepw-hue-0 {--aepw-hue:0}.aepw-hue-1 {--aepw-hue:30}.aepw-hue-2 {--aepw-hue:60}
.aepw-hue-3 {--aepw-hue:90}.aepw-hue-4 {--aepw-hue:120}.aepw-hue-5 {--aepw-hue:150}
.aepw-hue-6 {--aepw-hue:180}.aepw-hue-7 {--aepw-hue:210}.aepw-hue-8 {--aepw-hue:240}
.aepw-hue-9 {--aepw-hue:270}.aepw-hue-10 {--aepw-hue:300}.aepw-hue-11 {--aepw-hue:330}
#picwall-container .aepw-main {display:block !important; position:relative !important; inset:auto !important;
  width:auto !important; height:auto !important; padding:0 !important; margin:0 !important; color:inherit !important;
  text-decoration:none !important; background:none !important; opacity:1 !important; font-size:14px;}
#picwall-container .aepw-main:hover {text-decoration:none !important}
.aepw-main:focus-visible {outline:3px solid #156aae; outline-offset:-3px; border-radius:10px}
.aepw-visual {display:block; position:relative; aspect-ratio:8/5; overflow:hidden;
  background:hsl(var(--aepw-hue),35%,20%); color:#fff; isolation:isolate;}
.aepw-art {display:flex; position:absolute; inset:0; padding:12px; flex-direction:column; gap:4px;
  background:radial-gradient(circle at 100% 0,hsl(var(--aepw-hue),45%,32%) 0 28%,transparent 28.5%),
    radial-gradient(circle at 95% 5%,hsl(var(--aepw-hue),38%,27%) 0 52%,transparent 52.5%);}
.aepw-eyebrow {display:block; text-transform:uppercase; font:600 8px/1.3 system-ui,sans-serif; letter-spacing:1.3px; opacity:.9; flex-shrink:0}
.aepw-initial {display:block; text-transform:uppercase; font:700 28px/1 system-ui,sans-serif; margin:2px 0 auto; opacity:.65; flex-shrink:0}
.aepw-domain-art {display:block; font:700 14px/1.25 system-ui,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex-shrink:0; min-height:1.25em}
.aepw-tags-art {display:flex; gap:5px; max-height:17px; overflow:hidden; flex-shrink:0; margin-top:1px}
.aepw-tags-art > span {display:inline-block; padding:2px 5px; border-radius:4px; background:#ffffff1f;
  font:10px/1.3 system-ui,sans-serif; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis}
#picwall-container img.aepw-image {display:block !important; position:absolute !important; inset:0 !important;
  margin:0 !important; padding:0 !important; width:100% !important; height:100% !important;
  max-width:none !important; border:0 !important; object-fit:cover; opacity:0; transition:opacity .2s ease;
  background:transparent !important; pointer-events:none;}
#picwall-container img.aepw-image.aepw-loaded {opacity:1}
#picwall-container .aepw-card[data-source="favicon"] img.aepw-image {
  width:54px !important; height:54px !important; inset:13px auto auto 15px !important;
  padding:9px !important; box-sizing:border-box; border-radius:11px; object-fit:contain; background:#fff !important;}
.aepw-card[data-source="favicon"]:has(.aepw-loaded) .aepw-initial,
.aepw-card[data-source="favicon"]:has(.aepw-loaded) .aepw-eyebrow {visibility:hidden}
.aepw-caption {display:flex; flex-direction:column; gap:7px; padding:12px; min-height:79px; box-sizing:border-box}
.aepw-caption strong {font:600 13px/1.4 system-ui,sans-serif; display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; min-height:2.8em;}
.aepw-domain {font:11px/1.3 system-ui,sans-serif; color:#5c6a74; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.aepw-card-tools {display:flex; align-items:center; justify-content:space-between; gap:8px;
  border-top:1px solid #edf0f2; padding:6px 10px; font:10px/1.4 system-ui,sans-serif; color:#5c6a74;}
.aepw-retry {background:none; color:#245b7b; border:0; padding:4px; cursor:pointer; font:inherit}
.aepw-card.aepw-busy .aepw-source::after {content:' · Checking…'}
.aepw-toolbar {padding:15px 0; margin-bottom:10px; text-align:left; border-bottom:1px solid #d8dfe4;
  font:14px/1.5 system-ui,sans-serif; color:inherit;}
.aepw-toolbar p {margin:5px 0 !important; font-size:12px; line-height:1.6;}
.aepw-actions {display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:12px}
.aepw-actions button,.aepw-pager a {display:inline-block; padding:8px 12px; border:1px solid #becbd3;
  border-radius:6px; background:#f6f9fb; color:#234357; font:12px/1.4 system-ui,sans-serif;
  cursor:pointer; text-decoration:none !important;}
.aepw-actions button:hover,.aepw-pager a:hover {background:#eaf1f5}
.aepw-actions button:disabled {cursor:default; opacity:.5}
.aepw-actions a {font-size:12px; margin-left:3px}
.aepw-actions button:focus-visible,.aepw-retry:focus-visible,.aepw-pager a:focus-visible {
  outline:3px solid #156aae; outline-offset:2px;}
#aepw-progress {min-height:1.5em; color:#526471}
.aepw-pager {display:flex; justify-content:center; align-items:center; gap:15px; padding:10px 0 18px;
  font:12px/1.4 system-ui,sans-serif;}
.aepw-disabled {opacity:.45; padding:8px 12px}
.aepw-empty,.aepw-notice {padding:15px; font-size:14px}
@media(max-width:540px) {
  :is(html.aepw-enabled,html:has(#aepw-config)) #picwall-container {grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px}
  .aepw-art {padding:11px; gap:3px}.aepw-initial {font-size:23px; margin:3px 0 auto}
  .aepw-domain-art {font-size:12px}.aepw-eyebrow {font-size:7px; letter-spacing:.8px}
  .aepw-tags-art {max-height:16px}.aepw-tags-art > span {font-size:8px}
  .aepw-caption {padding:10px}.aepw-caption strong {font-size:12px}
  #picwall-container .aepw-card[data-source="favicon"] img.aepw-image {inset:10px auto auto 11px !important; width:35px !important; height:35px !important; padding:5px !important}
  .aepw-pager {gap:5px}.aepw-pager a,.aepw-disabled {padding:8px}
}
@media(prefers-reduced-motion:reduce) {#picwall-container img.aepw-image {transition:none}}