/* Neutral typography for the new cards inside the existing article framework. */
html[data-coryao-theme="article"] :is(.subscription-card,.subscription-note) :is(h2,h3,h4,p,span,dt,dd,strong,li,a) {color:#333;}
html[data-coryao-theme="article"] .subscription-card :is(h3,h3 a) {color:#222!important;}
html[data-coryao-theme="article"] .subscription-card :is(p,dt,dd,li) {color:#444!important;}
html[data-coryao-theme="article"] .subscription-card .product-mark {background:#eaeaea!important;color:#333!important;border-color:#ccc!important;}
html[data-coryao-theme="article"] .subscription-note :is(p,strong) {color:#444!important;}
html[data-coryao-theme="article"] .subscription-detail .purchase-panel {background:#151515!important;border-color:#444!important;color:#eee!important;}
html[data-coryao-theme="article"] .subscription-detail .purchase-panel :is(h2,h3,p,strong,.purchase-amount) {color:#eee!important;}
html[data-coryao-theme="article"] .subscription-card .actions {display:flex;flex-wrap:wrap;}
html[data-coryao-theme="article"] .subscription-cards {min-width:0;}
html[data-coryao-theme="article"] .subscription-card {overflow-wrap:anywhere;}
html[data-coryao-theme="article"] .subscription-periods button {color:#333!important;background:#eee!important;border-color:#ccc!important;}
html[data-coryao-theme="article"] .subscription-periods button[aria-pressed="true"] {color:#fff!important;background:#353535!important;border-color:#777!important;}
.frontend-preview-notice {position:fixed;bottom:12px;right:12px;z-index:20000;background:#eee;color:#171717;border:1px solid #aaa;border-radius:8px;padding:8px 12px;font:12px/1.5 Arial,"PingFang SC",sans-serif;max-width:calc(100vw - 24px);box-sizing:border-box;}
@media(max-width:640px){
  html[data-coryao-theme="article"] .shell {padding-left:18px!important;padding-right:18px!important;box-sizing:border-box;}
  html[data-coryao-theme="article"] .subscription-card {padding:20px!important;}
  html[data-coryao-theme="article"] .subscription-card :is(.catalog-name,.actions) {min-width:0;}
  html[data-coryao-theme="article"] .subscription-periods {max-width:100%;gap:8px;}
  html[data-coryao-theme="article"] .subscription-periods button {min-height:44px;}
  .frontend-preview-notice {font-size:10px;bottom:6px;right:6px;padding:5px 8px;}
}