.agent4-top-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);grid-template-areas:"lead hero" "toc hero";gap:18px var(--a4-gap);align-items:start;margin:0 0 34px}.agent4-top-shell--no-hero{grid-template-columns:minmax(0,780px);grid-template-areas:"lead" "toc"}.agent4-top-shell__lead{grid-area:lead}.agent4-top-shell__hero{grid-area:hero;margin:0}.agent4-top-shell__toc{grid-area:toc}.agent4-top-shell__hero img{display:block;width:100%;height:auto;max-height:430px;object-fit:cover;border-radius:4px}.agent4-toc{border-left:3px solid #d33;padding:12px 16px;background:#f7f7f7}.agent4-toc__title{font-weight:700;margin:0 0 8px}.agent4-toc ol{margin:0;padding-left:20px}.agent4-inline-16x9{width:min(100%,830px)}.agent4-inline-product-4x3-figure,.agent4-inline-original-ratio{width:min(100%,640px)}.agent4-inline-product-4x3{aspect-ratio:4/3;overflow:hidden;width:100%}.agent4-sct-article .agent4-inline-product-4x3 img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.agent4-sct-article .agent4-inline-product-4x3--contain img{object-fit:contain}.agent4-sct-article .agent4-inline-original-ratio img{display:block;width:100%;height:auto;max-width:100%;object-fit:initial}.agent4-video{max-width:var(--a4-video-desktop);margin:30px auto}.agent4-video__frame{position:relative;width:100%;overflow:hidden}.agent4-video--short .agent4-video__frame{aspect-ratio:9/16}.agent4-video--wide .agent4-video__frame{aspect-ratio:16/9}.agent4-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.agent4-approved-body .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.agent4-approved-body .pair figure{margin:0}.agent4-approved-body .flow{padding:24px;background:#f4f7f8;border-left:4px solid #d33;margin:28px 0}.agent4-approved-body .flow h3{margin-top:0}@media (min-width:768px) and (max-width:1024px){.agent4-video{max-width:var(--a4-video-tablet)}.agent4-inline-16x9{max-width:573px}.agent4-inline-product-4x3-figure{max-width:560px}}@media (max-width:767px){.agent4-top-shell{grid-template-columns:1fr;grid-template-areas:"lead" "hero" "toc"}.agent4-top-shell--no-hero{grid-template-areas:"lead" "toc"}.agent4-top-shell__hero img{max-height:none}.agent4-inline-16x9,.agent4-inline-product-4x3-figure,.agent4-inline-original-ratio{width:100%;max-width:100%}.agent4-video{max-width:min(var(--a4-video-mobile),100%)}.agent4-approved-body .pair{grid-template-columns:1fr}}