/* One 300 × 250 unit; in-flow on narrow screens, outside the preserved main column on wide screens. */
body{position:relative}
.site-promotion{width:min(300px,calc(100% - 32px));margin:0 auto 32px;color:var(--muted);font-size:13px;line-height:1.45;flex:none}
.promotion-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.promotion-label{display:block;font-size:13px;letter-spacing:0}
.promotion-media{width:100%;aspect-ratio:6/5;border-radius:var(--panel-radius,8px);outline:1px solid var(--border);background:var(--panel);overflow:hidden}
.promotion-media>a{display:block;width:100%;height:100%}
.promotion-media img{display:block;width:100%;height:100%;object-fit:contain}
.promotion-media:has(a:focus-visible){outline:2px solid var(--accent);outline-offset:4px}
.promotion-media a:focus-visible{outline:0}
.promotion-description{margin:8px 0 0;font-size:13px;line-height:1.45}
.promotion-inquiry{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.promotion-inquiry[href]:hover{color:var(--text)}.promotion-inquiry[aria-disabled=true]{cursor:default;text-decoration-style:dotted}
@media(min-width:1680px){.site-promotion{position:absolute;top:var(--promotion-top,220px);left:calc(50% + var(--reading-width)/2 + var(--rail-gap));margin:0;z-index:1}}