/* V3.3 — Inline purchase availability, consistent hierarchy. */
#buyerView .buyer-article-main{gap:14px;min-width:0}
#buyerView .buyer-article-main>div:first-child{min-width:0;overflow-wrap:anywhere}
#buyerView .buyer-article-footer{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
#buyerView .buyer-article-footer>span{margin-right:auto;font-size:13px;color:#557369}
#buyerView .buyer-article-footer .btn{min-height:42px;white-space:normal}
#buyerView .buyer-remain{text-align:right;flex-shrink:0}
.fee-v330-availability{border-top:1px solid #dae7d8;padding:15px 0 3px;margin-top:13px;display:grid;gap:11px}
.fee-v330-availability.hidden{display:none!important}
.fee-v330-availability>strong{font-size:14px;color:#073e31}
.fee-v330-availability-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px;border:1px solid #e4ede2;border-radius:13px;background:#fbfdf9}
.fee-v330-availability-row>div{display:grid;gap:4px;min-width:0}
.fee-v330-availability-row small{color:#527363;overflow-wrap:anywhere}
.fee-v330-availability-row button{flex-shrink:0;max-width:50%}
#buyerView .buyer-purchased .buyer-history-line small{overflow-wrap:anywhere}
#buyerView .buyer-switch button{min-height:44px}
@media(max-width:600px){
 #buyerView .buyer-article-footer .btn{flex:1 1 100%;min-height:46px}
 .fee-v330-availability-row{flex-direction:column;align-items:stretch}
 .fee-v330-availability-row button{max-width:100%;width:100%}
 #buyerView .buyer-article-main .buyer-remain strong{font-size:21px}
}
