/* AIS-I23-UX / UX-I23-01. ADD AFTER current i12/release22 CSS.
   Scope is limited to p23 additions. Existing products, shell, filters and forms
   are not restyled. Images remain original editable vectors, not screenshots. */
.p23-card,.p23-task{--p23-blue:#2154e8;--p23-ink:#152337;--p23-muted:#536174;--p23-line:#bacbef;--p23-paper:#eef4ff}
.p23-card *,.p23-task *{box-sizing:border-box;min-width:0}
.p23-card .p23-media{margin:0}
.p23-media>a{display:block;position:relative;background:#eef4ff;border:1px solid #bacbef;border-radius:12px;text-decoration:none;overflow:hidden;cursor:zoom-in}
.p23-card .p23-media>a{border:0;border-bottom:1px solid #d8e1ef;border-radius:0}
.p23-media img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0;background:#eef4ff}
.p12-grid .p23-card .p23-media img{width:100%;height:auto;aspect-ratio:8/5;max-height:none;object-fit:contain}
.p23-open-label{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#2154e8;background:#fff;border-top:1px solid #d8e1ef;padding:6px 14px;min-height:38px;font-size:.8125rem;font-weight:700;line-height:1.45}
.p23-open-label b{font-size:1.2rem;font-weight:400;flex:none}
.p23-media a:hover .p23-open-label{text-decoration:underline;text-underline-offset:4px}
.p23-media figcaption{font-size:.8125rem;line-height:1.5;color:#536174;margin-top:8px}
.p12-grid .p23-card .p23-media figcaption{padding:8px 18px 0;margin:0;font-size:.75rem}
.p23-card .p12-card-copy>p:not(.p12-type){font-size:.9375rem;line-height:1.55}
.p23-card .p12-type{margin:0 0 8px}
.p23-task{padding-block:40px;border-bottom:1px solid #d8e1ef;scroll-margin-top:calc(var(--a7-header,80px) + 24px)}
.p23-task:nth-of-type(even){background:#f8faff}
.p23-task h2{font-size:clamp(1.65rem,2.6vw,2.25rem);line-height:1.18;max-width:55rem;margin:0 0 22px;overflow-wrap:break-word;hyphens:none}
.p23-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:36px;align-items:start}
.p23-detail-layout>*,.p23-body>*{min-width:0}
.p23-body{margin:0}
.p23-body dt{color:#2154e8;font-size:.875rem;font-weight:700;margin:18px 0 7px}
.p23-body dt:first-child{margin-top:0}
.p23-body dd{margin:0;font-size:1rem;line-height:1.62;color:#536174}
.p23-body p{margin:0;font-size:1rem;line-height:1.62}
.p23-detail-layout>.p23-media{max-width:640px;width:100%;justify-self:end}
.p23-task .l-actions{gap:12px 24px;margin-top:24px}
.p23-task .p12-back{margin-top:0}
.p23-task .p23-next{display:inline-flex;align-items:center;min-height:44px;color:#2154e8;font-size:.875rem;line-height:1.45}
.p23-topic-header{padding:28px 0 32px;background:#f3f7ff}
.p23-topic-header h1{font-size:clamp(2rem,3.4vw,3rem);max-width:58rem}
.p23-topic-header>div>p{max-width:56rem;margin-top:20px}
.p23-topic-header .p12-topic-nav{max-width:none}
.p23-card :is(a,button):focus-visible,.p23-task :is(a,button,summary):focus-visible{outline:3px solid #9b4d00;outline-offset:4px}
.p23-task .p23-body [data-field]{white-space:normal}
@media(max-width:899px){.p23-detail-layout{grid-template-columns:minmax(0,1fr);gap:24px}.p23-detail-layout>.p23-media{grid-row:1;justify-self:start;max-width:640px}.p23-body{grid-row:2}}
@media(max-width:599px){.p23-task{padding-block:32px}.p23-task h2{font-size:1.75rem;margin-bottom:20px}.p23-detail-layout>.p23-media{max-width:none}.p23-media img{aspect-ratio:8/5}.p23-task .l-actions>.l-button{width:100%}.p23-topic-header{padding:24px 0}.p23-open-label{font-size:.8125rem}.p23-task .p23-next{width:100%}.p23-card .p12-card-copy{padding:16px 18px}}
body.ais-large-text .p23-detail-layout,body.l-large-text .p23-detail-layout{grid-template-columns:minmax(0,1fr)}
body.ais-large-text .p23-detail-layout>.p23-media,body.l-large-text .p23-detail-layout>.p23-media{grid-row:1}
body.ais-large-text .p23-body,body.l-large-text .p23-body{grid-row:2}
@media(prefers-reduced-motion:reduce){.p23-card *,.p23-task *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.p23-media>a,.p23-open-label{border:1px solid CanvasText}}
@media print{.p23-card,.p23-task{break-inside:avoid}}
