.aoi-recent{box-sizing:border-box;width:100%;min-width:0;margin:22px 0 32px;color:#211b2f;font-family:Arial,sans-serif;text-align:left;container-type:inline-size}
.aoi-recent *, .aoi-styles-portal *{box-sizing:border-box}
.aoi-styles-portal{box-sizing:border-box;position:relative;isolation:isolate;display:flex;align-items:center;min-height:222px;overflow:hidden;width:100%;padding:28px;color:#fff!important;background:radial-gradient(ellipse at 95% 0,#784d9e 0,transparent 55%),linear-gradient(120deg,#151124,#2b1d42);border:1px solid #685479;border-radius:18px;text-decoration:none!important;text-align:left;font-family:Arial,sans-serif}
.aoi-portal-copy{display:grid;gap:12px;position:relative;z-index:1;max-width:78%}
.aoi-portal-kicker{font:700 10px/1.5 monospace;letter-spacing:.16em;color:#dbcbef}
.aoi-portal-copy strong{font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.04em;color:#fff}
.aoi-portal-copy>span:not(.aoi-portal-kicker){font-size:13px;line-height:1.5;color:#e5daef}
.aoi-portal-copy b{display:flex;gap:22px;align-items:center;justify-self:start;padding:10px 14px;border:1px solid #ddf7aa;border-radius:7px;background:#d9f59d;color:#1a2310;font-size:13px;transition:gap .2s}
.aoi-styles-portal:hover .aoi-portal-copy b{gap:30px}
.aoi-portal-orbit{position:absolute;width:190px;height:190px;right:-65px;top:22px;transform:rotate(-28deg);opacity:.8}
.aoi-portal-orbit i{position:absolute;inset:0;border:1px solid #deffa5;border-radius:50%;box-shadow:0 0 25px #c7b0ff33}
.aoi-portal-orbit i:nth-child(2){inset:22px;transform:translateX(-16px);border-color:#e2b3ff}
.aoi-portal-orbit i:nth-child(3){inset:44px;transform:translateX(-32px);background:linear-gradient(145deg,#c5f67f,#b78af0);border-color:transparent}
.aoi-recent-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:26px 0 8px}
.aoi-recent-kicker{font:700 10px/1.5 monospace;letter-spacing:.14em;color:#745586}
.aoi-recent-heading h2{font:700 24px/1.2 Arial,sans-serif;letter-spacing:-.04em;margin:6px 0 0;color:#211b2f}
.aoi-recent-heading label{display:flex;align-items:center;gap:7px;font-size:12px;color:#51465d;white-space:nowrap}
.aoi-recent-heading select{border:1px solid #bcb1c5;border-radius:6px;background:#fff;color:#211b2f;font:inherit;padding:7px}
.aoi-recent [hidden]{display:none!important}
.aoi-recent-status{font:12px/1.5 Arial,sans-serif;color:#685d71;margin:0 0 16px}
.aoi-recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.aoi-recent-card{min-width:0;background:#faf8fc;border:1px solid #e4dce9;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.aoi-recent-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #37234c15}
.aoi-recent-card-link{height:100%;display:flex;flex-direction:column;color:inherit!important;text-decoration:none!important}
.aoi-recent-visual{position:relative;aspect-ratio:16/10;background:radial-gradient(circle at 80% 20%,#b69acb,transparent 50%),repeating-linear-gradient(135deg,#322641 0 1px,#493359 1px 28px);overflow:hidden}
.aoi-recent-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#e6f7c6;font:italic 60px Georgia,serif}
.aoi-recent-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.aoi-recent-card:hover img{transform:scale(1.04)}
.aoi-recent-card-body{display:flex;flex-direction:column;flex:1;padding:14px}
.aoi-recent-card time{font:10px/1.4 monospace;color:#6a596f;text-transform:uppercase}
.aoi-recent-card h3{font:700 16px/1.3 Arial,sans-serif;margin:8px 0;color:#292133;overflow-wrap:anywhere}
.aoi-recent-card p{font:12px/1.55 Arial,sans-serif;margin:0 0 12px;color:#675b70}
.aoi-recent-read{margin-top:auto;padding-top:8px;font:700 11px/1.4 Arial,sans-serif;color:#684187}
.aoi-recent-retry{padding:10px 16px;background:#292133;color:#fff;border:0;border-radius:6px;cursor:pointer}
.aoi-styles-portal:focus-visible,.aoi-recent a:focus-visible,.aoi-recent button:focus-visible,.aoi-recent select:focus-visible{outline:3px solid #9762c2;outline-offset:4px}
@container(max-width:360px){.aoi-recent-grid{grid-template-columns:1fr}.aoi-recent-heading h2{font-size:21px}.aoi-styles-portal{padding:22px}.aoi-portal-copy{max-width:85%}}
@media(prefers-reduced-motion:reduce){.aoi-recent *,.aoi-styles-portal *{transition:none!important}.aoi-recent-card:hover{transform:none}}