@layer components{.le-cap-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.le-cap-item{min-width:0}.le-cap-art{aspect-ratio:24/25;background:#242320;border-right:1px solid #f7f7f629;position:relative;overflow:hidden}.le-cap-item:last-child .le-cap-art{border-right:0}.le-cap-study{width:100%;height:100%;display:block}.le-cap-diagram{z-index:1;background:#f7f7f4;border:1px solid #ffffffb3;border-radius:4px;place-items:center;padding:10px;display:grid;position:absolute;inset:18% 7% 20%;box-shadow:0 8px 24px -8px #00000073;container-type:inline-size}.le-cap-diagram pre{white-space:pre;color:var(--ink-2);margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:min(11px,6.57895cqw);line-height:1.8}.le-cap-diagram pre span{color:var(--ink)}.le-cap-study-guides{stroke:#f3eee1;stroke-opacity:.19;stroke-width:.65px}.le-cap-study-rays{stroke:#f3eee1;stroke-opacity:.76;stroke-width:.65px}.le-cap-art-index{z-index:1;font:10px var(--mono);color:#f7f7f680;position:absolute;bottom:12px;left:16px}.le-cap-copy{padding:26px 22px 0 0}.le-cap-item+.le-cap-item .le-cap-copy{padding-left:18px}.le-cap-tag{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;display:block}.le-cap-title{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:450;line-height:1.2}.le-cap-body{color:var(--ink-2);margin:12px 0 0;font-size:14px;line-height:1.6}@media (max-width:1000px){.le-cap-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}.le-cap-item:nth-child(3) .le-cap-art{border-right:0}.le-cap-item:nth-child(4) .le-cap-copy{padding-left:0}}@media (max-width:640px){.le-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.le-cap-art{border:0}.le-cap-copy,.le-cap-item+.le-cap-item .le-cap-copy{padding:20px 0 0}.le-cap-title{font-size:18px}.le-cap-body{font-size:13px}}}