/* Isolated from existing details listeners/styles. Load after site.css. */
.intent-grid:has(>.oct10-visual-card),.course-minimal-grid:has(>.oct10-visual-card){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.minimal-card.oct10-visual-card{--oct10-accent:#1746cb;position:relative;width:100%;height:264px!important;min-height:264px!important;max-height:264px;padding:0!important;overflow:hidden;border:1px solid #e2e5ed;border-radius:16px;background:#fff!important;color:#18213c!important;box-shadow:0 3px 12px rgba(24,33,60,.04);transition:border-color .25s,box-shadow .25s;isolation:isolate}
.minimal-card.oct10-visual-card.tone-red{--oct10-accent:#d62335}
.minimal-card.oct10-visual-card.tone-white{--oct10-accent:#1746cb}
.minimal-card.oct10-visual-card:hover{transform:none!important;box-shadow:0 5px 16px rgba(24,33,60,.07);border-color:color-mix(in srgb,var(--oct10-accent) 34%,#e2e5ed)}
.minimal-card.oct10-visual-card>summary{position:relative;display:block;height:100%;min-height:0!important;margin:0;padding:0!important;list-style:none;cursor:pointer;border:0;background:transparent;color:inherit;user-select:none}
.minimal-card.oct10-visual-card>summary::-webkit-details-marker{display:none}
.minimal-card.oct10-visual-card>summary::after,.minimal-card.oct10-visual-card>summary::before{content:none!important}
.minimal-card.oct10-visual-card>summary:focus-visible{outline:3px solid var(--oct10-accent);outline-offset:-5px;border-radius:15px}
.minimal-card.oct10-visual-card>summary>h3{position:absolute;inset:176px 20px auto;margin:0!important;min-height:46px;text-align:center;font-size:18px!important;line-height:1.28;font-weight:750;color:inherit;transform:translateY(0);transition:transform .36s ease;overflow-wrap:anywhere}
.minimal-card.oct10-visual-card.oct10-no-icon>summary>h3{top:108px}
.oct10-card-art{position:absolute;inset:22px 0 auto;display:grid;place-items:center;width:100%;height:144px;margin:0;opacity:1;transform:scale(1);transition:opacity .24s ease,transform .36s ease;pointer-events:none}
.oct10-card-art>img,.oct10-card-art>video{display:block;width:144px;height:144px;max-width:80%;max-height:100%;object-fit:contain;border-radius:0;background:transparent}
.oct10-card-art>[hidden]{display:none!important}
.oct10-card-art>.oct10-motion-poster{display:none}
.minimal-card.oct10-visual-card>.oct10-card-body{position:absolute;inset:87px 22px 20px;display:flex;flex-direction:column;gap:12px;margin:0!important;padding:0!important;border:0!important;max-height:none!important;background:transparent!important;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .36s ease;pointer-events:none;visibility:hidden}
.minimal-card.oct10-visual-card>.oct10-card-body>p{flex:1;min-height:0;margin:0!important;padding:0;overflow-y:auto;overscroll-behavior:contain;font-size:14.5px;line-height:1.45;text-align:center;color:#4f5770;scrollbar-width:thin}
.minimal-card.oct10-visual-card>.oct10-card-body>.btn{flex:0 0 auto;align-self:center;min-height:35px;max-width:100%;margin:0!important;padding:7px 13px!important;border:1px solid var(--oct10-accent)!important;border-radius:9px;background:#fff!important;color:var(--oct10-accent)!important;font-size:12.5px;line-height:1.4;font-weight:700;text-align:center;white-space:normal;box-shadow:none;transform:none}
.minimal-card.oct10-visual-card>.oct10-card-body>.btn:hover{background:var(--oct10-accent)!important;color:#fff!important;transform:none}
.minimal-card.oct10-visual-card>.oct10-card-body>.btn:focus-visible{outline:3px solid var(--oct10-accent);outline-offset:3px}
.minimal-card.oct10-visual-card:is(.is-revealed,[open]:not([data-visual-ready]))>summary>h3{transform:translateY(-154px)}
.minimal-card.oct10-visual-card.oct10-no-icon:is(.is-revealed,[open]:not([data-visual-ready]))>summary>h3{transform:translateY(-86px)}
.minimal-card.oct10-visual-card:is(.is-revealed,[open]:not([data-visual-ready])) .oct10-card-art{opacity:0;transform:scale(.88)}
.minimal-card.oct10-visual-card:is(.is-revealed,[open]:not([data-visual-ready]))>.oct10-card-body{opacity:1;transform:none;pointer-events:auto;visibility:visible}
@media(max-width:840px){.intent-grid:has(>.oct10-visual-card),.course-minimal-grid:has(>.oct10-visual-card){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.intent-grid:has(>.oct10-visual-card),.course-minimal-grid:has(>.oct10-visual-card){grid-template-columns:1fr;gap:12px}.minimal-card.oct10-visual-card{height:250px!important;min-height:250px!important;max-height:250px}.minimal-card.oct10-visual-card>.oct10-card-body{bottom:16px}.oct10-card-art{top:17px;height:140px}}
@media(prefers-reduced-motion:reduce){.minimal-card.oct10-visual-card,.minimal-card.oct10-visual-card>summary>h3,.minimal-card.oct10-visual-card>.oct10-card-body,.oct10-card-art{transition:none}.oct10-card-art>video{display:none}.oct10-card-art>.oct10-motion-poster{display:block}}

.minimal-card.oct10-visual-card[data-card-in-view]:not(.is-revealed) .oct10-card-art>img{animation:icon-soft-float 5.5s ease-in-out infinite}.minimal-card.oct10-visual-card:nth-child(3n+2) .oct10-card-art>img{animation-delay:-1.8s}.minimal-card.oct10-visual-card:nth-child(3n) .oct10-card-art>img{animation-delay:-3.2s}@keyframes icon-soft-float{50%{transform:translateY(-5px) rotate(1.4deg)}}@media(prefers-reduced-motion:reduce){.oct10-card-art>img{animation:none!important}}