/* Scoped corrections from the complete customer-flow review. */
[hidden]{display:none!important}
.pkg .pkgX{color:var(--brass-hi);font:400 28px/1 var(--ui);min-width:44px;min-height:44px}
.pkg .pkgBar{position:sticky;top:0;z-index:6;min-height:60px;background:var(--n0);border-bottom:1px solid var(--hair)}
.pkg .pkgIn{padding-top:24px}
.pkg .studyTextButton,#source-button.studyTextButton{position:static;inset:auto;display:inline-flex;align-items:center;justify-content:center;width:auto;aspect-ratio:auto;min-height:44px;padding:11px 17px;border-radius:1px;font:500 16px/1.4 var(--ui);text-align:center;letter-spacing:0}
.studyTextButton::after{display:none}
#source-button.studyTextButton{display:flex;width:fit-content;max-width:calc(100% - 36px);margin:30px auto}
.verseStudy .sampleStage #image-loading{display:none;position:absolute;inset:0;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--ivory)}
.verseStudy .sampleStage.is-loading #image-loading,.verseStudy .sampleStage #image-loading.load-error{display:flex!important}
.verseStudy .sampleStage.is-loading img{opacity:.25}
.verseStudy .sampleStage img.load-error{display:none}
.sampleStage img{transition:opacity .2s}
.partName{min-width:0;max-width:100%;white-space:normal;overflow-wrap:normal;text-align:center;text-wrap:balance}
.partOption{min-width:0}
.partOption .partBadge{white-space:normal;text-align:center}
.partPanel #part-action{white-space:normal;text-wrap:balance}
.partSummary{min-height:0}
.sampleChoices .ref{overflow-wrap:anywhere}
.pkg .pkgBuy{flex-wrap:wrap;gap:14px;margin-top:24px;align-items:center}
.pkg .pkgBuy .pkgP{font:600 28px/1 var(--lat);color:var(--brass-hi)}
.pkg .pkgNo{margin-top:24px}
.pkg .pkgDemo{color:var(--muted)}
.pkg .studyToast{position:sticky;bottom:12px;inset-inline:auto;width:calc(100% - 32px);margin:12px auto;z-index:10;box-shadow:0 8px 30px rgba(0,0,0,.45)}
.studyToast{overflow-wrap:anywhere}
.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:wait}
.bar[aria-disabled=true]{cursor:wait}
.sampleViews .btn[aria-pressed=true]{border-color:var(--gold2);background:rgba(217,180,90,.12);color:var(--hi)}
.verseStudy .btn,.sampleViews .btn{white-space:normal}
.partOptions .partOption:focus-visible,.verse-choice:focus-visible{outline:2px solid var(--hi);outline-offset:4px}
@media(max-width:600px){.pkg .pkgBuy .btn{width:100%}.partOptions .partName{font-size:16px}.partOptions .partBadge{font-size:11px}.bar .btn{max-width:62%;padding-inline:12px;font-size:15px;text-align:center;white-space:normal}.bar .bp{gap:5px}.sampleViews .btn{flex-basis:40%}.pkg .pkgIn{padding-inline:18px}.pkg .pkgLead{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sampleStage img{transition:none}}

/* Layout corrections confirmed in the live browser. */
#dedDlg{width:min(1100px,calc(100vw - 32px))}
#dedDlg .verseStudy{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:28px;margin-top:20px}
.verseChoiceColumn,.verseArtworkColumn{display:grid;min-width:0;gap:14px}
#dedDlg .verseStudy .sampleStage{min-height:150px}
#dedDlg .verseStudy .sampleViews{margin-block:4px}
#dedDlg .verseStudy form{gap:10px}
#dedDlg .verseStudy .pkgDemo{overflow-wrap:anywhere}
.partPanel #part-action{margin-top:14px}
.partPanel .partSummary{margin-top:20px}
.detail2 .partExplorer .close180 figcaption{min-height:0}
.hero #heroCta{min-height:44px;padding-block:10px}
@media(max-width:760px){#dedDlg .verseStudy{grid-template-columns:minmax(0,1fr);gap:24px}.verseArtworkColumn{scroll-margin-top:18px}}