body .modal.promotion-modal{color:var(--ink)}
body .promotion-modal :is(h2,h3){color:var(--ink)}
.showcase-account-actions{display:flex;flex-wrap:wrap;gap:8px}
.showcase-account-actions [hidden]{display:none!important}
.promotion-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 16px}
.promotion-info>section{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.promotion-info h3{font-size:15px;line-height:1.5;margin:0 0 8px}.promotion-info p{font-size:13px;line-height:1.7;margin:0}
.promotion-notice{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:13px;line-height:1.7;margin:20px 0}
.promotion-dashboard>.muted{line-height:1.7}.promotion-modal .field{margin:18px 0}.promotion-modal select{width:100%;min-width:0;box-sizing:border-box}
.promotion-page .page-head{align-items:flex-start;gap:24px}
.promotion-page .page-head>div:first-child{min-width:0;max-width:76ch}
.promotion-page .page-head h1{font-weight:400}
.promotion-page .page-head p{max-width:72ch;line-height:1.8;font-size:13px}
.promotion-page .page-head .head-actions{flex-shrink:0;justify-content:flex-end}
.promotion-page .promotion-dashboard{margin-top:26px}
.promotion-status{display:flex;align-items:flex-start;gap:24px;padding:30px;box-shadow:none}
.promotion-status-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;flex:none;background:var(--surface2);border:1px solid var(--line);border-radius:20px}
.promotion-status-icon img{width:42px;height:42px;object-fit:contain}
.promotion-art-dark,body[data-theme=dark] .promotion-art-light{display:none}
body[data-theme=dark] .promotion-art-dark{display:block}
.promotion-status-copy{min-width:0;max-width:80ch}
body .promotion-status h2{font:400 25px/1.4 var(--font-display);margin:12px 0}
.promotion-status-copy>.muted{font-size:13px;line-height:1.8;margin:0}
.promotion-status-copy .badge{font-size:11px;font-weight:400}
.promotion-availability{border-top:1px solid var(--line);margin:18px 0 0;padding-top:14px;color:var(--muted);line-height:1.7}
.promotion-guide{margin-top:30px}
body .promotion-guide>h2{font:400 23px/1.4 var(--font-display);margin:0 0 16px}
.promotion-guide .promotion-info{gap:0;margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.promotion-guide .promotion-info>section{padding:22px 24px;border:0;border-radius:0;background:none}
.promotion-guide .promotion-info>section+section{border-left:1px solid var(--line)}
body .promotion-guide .promotion-info h3{font:500 13px/1.5 var(--font-body)}
.promotion-guide>.tiny{font-size:11px;line-height:1.8;margin-top:16px;max-width:100ch}
@media(max-width:600px){.promotion-status{padding:22px 18px;gap:16px;flex-direction:column}.promotion-status-icon{width:52px;height:52px;border-radius:15px}.promotion-status-icon img{width:34px;height:34px}body .promotion-status h2{font-size:23px}.promotion-guide .promotion-info>section{padding:20px}.promotion-guide .promotion-info>section+section{border-left:0;border-top:1px solid var(--line)}.promotion-page .page-head{flex-wrap:wrap}.promotion-page .page-head .head-actions{margin-left:auto}}
@media(max-width:600px){.promotion-info{grid-template-columns:minmax(0,1fr)}.showcase-heading>.showcase-account-actions{display:flex;flex-wrap:wrap;gap:8px}}