.purchase-panel .included{display:flex;flex-direction:column;gap:3px;top:45.4%;height:15.9%;padding:0 2%;font-size:18px;line-height:1.1;text-align:center;white-space:normal;color:var(--console-ink)}
.purchase-panel .included small{display:block;font-size:12px;line-height:1.1}
.purchase-panel .preview-status{top:90%;font-size:11px;line-height:1.1}
.purchase-panel{--console-ink:#161a16}
/* Keep the glossy contribution console early in the mobile hero. */
@media(max-width:760px){.stage .purchase-panel{order:1;margin:18px 0 0;min-height:0}.stage .poetry-note{order:2;z-index:10;align-self:flex-end;width:68%;height:104px;margin:-20px 2% 10px 0}.stage .book{order:3}.stage .pen{order:4}}
.amount{border:0;background:none;padding:0;min-height:44px}
.amount:disabled{cursor:not-allowed}
.amount:focus-visible{outline:none}
.amount:focus-visible>span{outline:3px solid var(--jade);outline-offset:3px}
.amount:not(:disabled):hover>span{box-shadow:inset 0 0 0 1px var(--jade)}
@media(max-width:760px){.purchase-panel .included{font-size:15px;top:44%;height:18%}.purchase-panel .included small{font-size:11px}.purchase-panel .preview-status{top:90%}}
/* Keep console status/recovery text clear of the overlapping note card. */
.purchase-panel .preview-status{left:7%;right:auto;text-align:left;transform:none}
@media(max-width:760px){.purchase-panel .preview-status{left:6%}}
.purchase-panel .preview-status{top:71%}.purchase-panel .preview-status+.preview-status{top:79%}
@media(max-width:760px){.purchase-panel .preview-status{top:69%}.purchase-panel .preview-status+.preview-status{top:78%}}

/* Keep the note in front of the console's lower edge, not at the book's foot. */
@media(max-width:600px){
 .stage .poetry-note{align-self:start;width:94%;height:106px;margin:-18px 0 0 14px;z-index:10}
 .stage .purchase-panel{margin:22px 0 0;min-height:0}
}