.studio-custom>.rich{margin-bottom:20px}.custom-pieces{display:grid;gap:22px}.custom-piece{position:relative;min-width:0;border:1px solid var(--course-border,#8a7b8d);border-radius:12px;overflow:hidden;color:var(--course-ink,#2f2d32)}.custom-piece-copy{padding:23px}.custom-item-heading{font-size:22px;font-weight:700;line-height:1.4;margin:0 0 12px}.custom-piece .rich:empty{min-height:0}.custom-piece-media:empty{display:none}.custom-piece-media img{width:100%;height:200px;object-fit:cover;display:block}.custom-piece-media .media-box img{border-radius:0}.custom-piece-media .image-placeholder{border-radius:0;min-height:150px;background:var(--course-tint,#f5ebce);border-color:var(--course-border,#8a7b8d);color:var(--course-muted,#625961)}.custom-piece-media audio{display:block;width:calc(100% - 28px);margin:20px 14px}.custom-piece-media video{width:100%;display:block;max-height:400px}.custom-media-placeholder{padding:25px;background:var(--course-tint,#f5ebce);color:var(--course-muted,#625961);text-align:center}.custom-media-placeholder span{font-size:38px}.custom-media-placeholder p{font-size:14px}.custom-layout-columns>.custom-pieces,.custom-layout-cards>.custom-pieces,.custom-layout-steps-horizontal>.custom-pieces{grid-template-columns:repeat(var(--custom-columns),minmax(0,1fr))}.custom-layout-columns .custom-piece{border-top:6px solid var(--course-accent,#5b3f5f)}.custom-layout-columns .custom-piece:nth-child(even){border-top-color:var(--course-muted,#625961)}.custom-layout-chat .custom-piece{width:85%;border-radius:20px 20px 20px 3px}.custom-layout-chat .custom-piece:nth-child(even){justify-self:end;border-radius:20px 20px 3px 20px}.custom-layout-chat .custom-item-heading{font-size:16px;color:var(--course-muted,#625961)}.custom-layout-callout .custom-piece{border-left:7px solid var(--course-accent,#5b3f5f)}.custom-layout-callout .custom-piece-copy{padding:30px}.custom-layout-split .custom-piece,.custom-layout-quote-split .custom-piece{display:grid;grid-template-columns:1fr 1.4fr;align-items:center}.custom-layout-quote-split .custom-piece{grid-template-columns:1fr 2fr}.custom-layout-split .custom-piece-media img,.custom-layout-quote-split .custom-piece-media img{height:100%;min-height:240px}.custom-layout-split .custom-piece-media,.custom-layout-quote-split .custom-piece-media{height:100%;min-width:0;display:grid;align-content:center}.custom-layout-split .custom-piece-copy:only-child,.custom-layout-quote-split .custom-piece-copy:only-child{grid-column:1/-1}.custom-quote-symbol{font-size:48px;color:var(--course-accent,#5b3f5f);line-height:1;display:block}.custom-quote-author{font-size:15px;color:var(--course-accent,#5b3f5f);margin-top:15px}.custom-kind-quote .custom-piece-copy>.rich:not(.custom-item-heading):not(.custom-quote-author){font-size:21px}.custom-step-number{display:grid;place-items:center;width:36px;height:36px;background:var(--course-accent,#5b3f5f);color:white;border-radius:50%;font-size:18px;margin:18px 0 0 20px}.custom-layout-steps .custom-piece,.custom-layout-stagger .custom-piece,.custom-layout-timeline .custom-piece{display:grid;grid-template-columns:60px minmax(0,1fr)}.custom-layout-stagger .custom-piece:nth-child(even){margin-left:35px}.custom-layout-timeline .custom-pieces{border-left:3px solid var(--course-border,#8a7b8d);padding-left:22px}.custom-layout-pyramid .custom-piece{justify-self:center;width:100%;text-align:center;border-radius:8px;border-top:5px solid var(--course-border,#8a7b8d)}.custom-layout-pyramid .custom-piece:first-child{width:55%;background:var(--course-tint,#f5ebce)!important}.custom-layout-pyramid .custom-piece:nth-child(2){width:77%;background:var(--course-tint,#f5ebce)!important}.custom-layout-xy .custom-pieces{height:430px;position:relative;display:block;border-left:3px solid var(--course-border,#8a7b8d);border-bottom:3px solid var(--course-border,#8a7b8d);background:linear-gradient(transparent 49.8%,var(--course-border,#8a7b8d) 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.8%,var(--course-border,#8a7b8d) 50%,transparent 50.2%)}.custom-layout-xy .custom-piece{position:absolute;width:42%;max-height:180px;overflow:auto;transform:translate(-50%,-50%);border:2px solid var(--course-border,#8a7b8d)}.custom-layout-xy .custom-piece-copy{padding:12px}.custom-layout-xy .custom-item-heading{font-size:17px}.custom-layout-xy .custom-piece-copy>.rich{font-size:14px}.custom-axis-labels{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:15px}.custom-library-heading{display:flex;align-items:center;gap:8px}.custom-subcategories{display:grid;gap:3px;padding:4px 0 8px 15px}.block-categories .custom-subcategories button{min-height:35px;padding:8px;font-size:14px}.block-categories .custom-subcategories[hidden]{display:none}.custom-library-note{font-size:14px;color:var(--course-muted,#625961);line-height:1.6}
@media(max-width:650px){.custom-layout-columns>.custom-pieces,.custom-layout-cards>.custom-pieces,.custom-layout-steps-horizontal>.custom-pieces{grid-template-columns:1fr}.custom-layout-split .custom-piece,.custom-layout-quote-split .custom-piece{grid-template-columns:1fr}.custom-layout-pyramid .custom-piece:first-child{width:75%}.custom-layout-pyramid .custom-piece:nth-child(2){width:88%}.custom-piece-copy{padding:17px}.custom-layout-xy .custom-piece-copy{padding:8px}.custom-layout-xy .custom-pieces{height:500px}.custom-layout-xy .custom-piece{max-height:215px}}

/* Numbered steps have a narrow number column and a full-width content column.
   A media panel must never push the text into the number column. */
:is(.custom-layout-steps,.custom-layout-stagger,.custom-layout-timeline) .custom-piece{align-items:start}
:is(.custom-layout-steps,.custom-layout-stagger,.custom-layout-timeline) .custom-step-number{grid-column:1;grid-row:1}
:is(.custom-layout-steps,.custom-layout-stagger,.custom-layout-timeline) .custom-piece-copy{grid-column:2;grid-row:1;min-width:0}
:is(.custom-layout-steps,.custom-layout-stagger,.custom-layout-timeline) .custom-piece-media{grid-column:2;grid-row:2;min-width:0;margin:0 23px 23px}
:is(.custom-layout-steps,.custom-layout-stagger,.custom-layout-timeline) .custom-piece-media :is(audio,video){width:100%;max-width:100%;min-width:0;margin:0}
:is(.custom-layout-steps,.custom-layout-stagger,.custom-layout-timeline) .custom-media-placeholder{display:flex;align-items:center;gap:14px;padding:16px;border-radius:8px;text-align:left}
:is(.custom-layout-steps,.custom-layout-stagger,.custom-layout-timeline) .custom-media-placeholder span{font-size:28px;line-height:1}
:is(.custom-layout-steps,.custom-layout-stagger,.custom-layout-timeline) .custom-media-placeholder p{margin:0}
@media(max-width:650px){:is(.custom-layout-steps,.custom-layout-stagger,.custom-layout-timeline) .custom-piece-media{margin:0 17px 17px}}