.purchase-block,.purchase-placeholder{max-width:760px;margin:14px auto 20px;display:grid;gap:16px;padding:0;min-width:0}
.purchase-block[hidden]{display:none!important}
.purchase-item{min-width:0}.purchase-target{font-size:12px;margin:0 0 5px!important;color:#444}
.work-article a.purchase-button,.purchase-placeholder button{display:block;width:100%;box-sizing:border-box;min-height:54px;padding:14px 44px 14px 18px;border:1px solid #ad315c;border-radius:5px;font:700 16px/24px Arial,'Meiryo',sans-serif;text-align:center;text-decoration:none;overflow-wrap:anywhere;position:relative}
.work-article a.purchase-button{max-width:640px;margin:0 auto;cursor:pointer;transition:background-color .12s,transform .12s,box-shadow .12s}
.work-article a.purchase-button::after{content:'›';position:absolute;right:16px;top:50%;transform:translateY(-50%);font:700 28px/1 Arial,sans-serif}
.work-article a.purchase-button>span[aria-hidden="true"]{display:none}
.work-article a.purchase-primary{background:#ad315c;color:#fff;border-color:#862342;box-shadow:0 3px 0 #701c38}
.work-article a.purchase-secondary{background:#fff;color:#ad315c}
.work-article a.purchase-primary:hover{background:#862342;border-color:#862342;box-shadow:0 4px 0 #701c38;transform:translateY(-1px)}
.work-article a.purchase-secondary:hover{background:#faeff3;color:#862342}
.work-article a.purchase-primary:active{box-shadow:0 1px 0 #701c38;transform:translateY(2px)}
.work-article a.purchase-secondary:active{transform:translateY(1px)}
.work-article a.purchase-button:focus-visible{outline:3px solid #222;outline-offset:3px}
.work-article .purchase-meta{font-size:12px;line-height:1.6;color:#555;margin:4px 0 0}
.work-article .purchase-offer,.purchase-overlap{font-size:12px;line-height:1.7;color:#444;margin:0}
.purchase-placeholder button:disabled{background:#666;border-color:#666;color:#fff;opacity:1;cursor:default}
.purchase-placeholder p{font-size:11px;color:#666;text-align:center;margin:0}
.button-demo-nav{max-width:1100px;margin:12px auto;padding:10px;border:1px solid #bbb;background:#fafafa;font-size:12px;line-height:1.8}
.button-demo-nav a{color:#23588b;margin-right:16px}.button-demo-nav button{border:1px solid #aaa;background:#fff;border-radius:2px;font-size:12px;padding:4px 8px}
.click-log{max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 monospace;background:#fff;color:#333;border:1px solid #ccc;padding:8px}
@media(max-width:760px){.purchase-block{gap:16px}.work-article a.purchase-button{min-height:52px}.button-demo-nav{margin:8px 10px}}
.purchase-item .purchase-cover,.feature-item .purchase-cover{width:100%;max-width:240px;margin:10px auto 12px;padding:0}.purchase-cover img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}