/* Compact sibling of Data Pile o' day; width follows its containing block. */
.aoi-explorer-strip{--aes-ink:#173c35;--aes-paper:#fff6df;box-sizing:border-box;width:var(--aoi-explorer-width,100%);max-width:100%;min-width:0;margin:16px 0 26px;padding:0 6px 6px 0;container-type:inline-size}
.aoi-explorer-strip *{box-sizing:border-box}
.aoi-explorer-strip .aes-link{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;min-height:72px;padding:10px 16px;border:3px solid var(--aes-ink);border-radius:0;box-shadow:6px 6px 0 var(--aes-ink);background:var(--aes-paper);color:var(--aes-ink)!important;text-decoration:none!important;font:700 14px/1.35 Arial,Helvetica,sans-serif;overflow:hidden}
.aoi-explorer-strip .aes-link::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.26;background:linear-gradient(110deg,#51d6df,#a16bd0 30%,#e719af 55%,#ff607e 78%,#ffe35a)}
.aoi-explorer-strip .aes-stamp{display:grid;place-items:center;flex:0 0 42px;height:42px;border:2px solid var(--aes-ink);box-shadow:3px 3px 0 var(--aes-ink);background:#d2ee90;font:900 30px/1 Arial,sans-serif;transform:rotate(-8deg)}
.aoi-explorer-strip .aes-copy{min-width:0;flex:1}.aoi-explorer-strip .aes-copy strong{display:block;font:900 clamp(17px,2.8cqw,23px)/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.025em}.aoi-explorer-strip .aes-copy>span{display:block;margin-top:4px;font:12px/1.3 monospace}
.aoi-explorer-strip .aes-end{display:flex;align-items:center;gap:12px;border-left:2px solid var(--aes-ink);padding-left:16px;white-space:nowrap;font:800 12px/1 monospace}.aoi-explorer-strip .aes-end b{font:700 29px/1 Arial,sans-serif}
.aoi-explorer-strip .aes-link:hover{box-shadow:6px 6px 0 var(--aes-ink),0 0 18px #74c5a877}.aoi-explorer-strip .aes-link:focus-visible{outline:3px solid #9b471c;outline-offset:5px}
@container(max-width:420px){.aoi-explorer-strip .aes-link{gap:10px;padding:10px;min-height:72px}.aoi-explorer-strip .aes-stamp{flex-basis:32px;height:34px;font-size:24px}.aoi-explorer-strip .aes-end{font-size:0;gap:0;padding-left:9px}.aoi-explorer-strip .aes-copy>span{font-size:11px}}
@container(max-width:250px){.aoi-explorer-strip .aes-stamp{display:none}.aoi-explorer-strip .aes-end{padding-left:5px}.aoi-explorer-strip .aes-link{padding:8px}}
@media(prefers-reduced-motion:no-preference){.aoi-explorer-strip .aes-link:hover::before,.aoi-explorer-strip .aes-link:focus-visible::before{animation:aes-slice .45s steps(2,end) 1}@keyframes aes-slice{0%,100%{transform:translateX(0);clip-path:inset(0)}25%{transform:translateX(5px);clip-path:inset(25% 0 45%)}60%{transform:translateX(-4px);clip-path:inset(55% 0 8%)}}}
