/* Readability review: typography only, retaining the v1.34 screen geometry.
   Sizes follow the shell width, including when the preview is height-limited. */
.shell{container-type:inline-size}
.inner{--type-xs:clamp(11px,.92cqw,16px);--type-sm:clamp(12px,1.02cqw,18px);--type-md:clamp(13px,1.14cqw,20px);--type-lg:clamp(15px,1.25cqw,22px)}
.nav button{font-size:var(--type-md);line-height:1.15}
.readerhint{font-size:var(--type-xs);letter-spacing:.02em;color:#d7e1e8}
.head h1{font-size:clamp(19px,1.9cqw,34px)}
.head small{font-size:var(--type-xs);letter-spacing:.02em}
.member-inbox-button{font-size:var(--type-sm)}
.inbox-badge,.profile-mail-count{font-size:clamp(11px,.85cqw,15px)}
.goldbtn,.outline,.pager button{font-size:var(--type-sm);line-height:1.15}
.tile b,.panel h3,.rule b{font-size:var(--type-md)}
.tile small,.muted,.mini small{font-size:var(--type-xs);color:#d3dce4;line-height:1.3}
.panel>p:not([class]),.profile-banner p{font-size:var(--type-sm);line-height:1.3}
.rowline{font-size:var(--type-sm);line-height:1.2}
.profile-banner h2{font-size:clamp(22px,2cqw,36px)}
.mini b{font-size:clamp(18px,1.8cqw,32px)}
.digit small{font-size:var(--type-xs);line-height:1.2}
.santapanel .caption{font-size:var(--type-md)}
.idle-action small{font-size:var(--type-sm);color:#d5dee7}
.loading-content p,.goodbye-content p{font-size:var(--type-lg)}
.menu-tabs button,.menu-back,.menu-page,.menu-pagination,.order-button{font-size:var(--type-sm);line-height:1.15}
.menu-copy strong{font-size:var(--type-lg);line-height:1.15}
.menu-copy small{font-size:var(--type-xs);color:#cfdae4;line-height:1.25}
.menu-buy{font-size:var(--type-lg);font-variant-numeric:tabular-nums}
.menu-add{font-size:var(--type-sm)}
.order-name,.order-summary h3,.order-total{font-size:var(--type-md)}
.order-name small,.order-summary p{font-size:var(--type-xs);color:#d0dbe5}
.quantity{font-size:var(--type-md)}
.empty-order p,.order-success p{font-size:var(--type-sm);color:#d4dfe8}
.feature-copy h2,.win-copy h2{font-size:clamp(14px,1.18cqw,21px);line-height:1.12}
.feature-copy p{font-size:clamp(11px,.9cqw,16px);line-height:1.2;color:#d0dce6}
.feature-action{font-size:clamp(12px,.98cqw,17px);line-height:1.1}
.win-label{font-size:var(--type-xs);letter-spacing:.04em;color:#d1dce6}
.win-amount{font-size:clamp(20px,1.85cqw,33px);letter-spacing:-.02em}
.win-date{font-size:var(--type-xs);color:#d1dce6}
.win-location{font-size:var(--type-sm);color:#e0e7ef}
.feature-detail-copy p{font-size:var(--type-md);color:#d5e0ea}
.feature-eyebrow,.feature-member{font-size:var(--type-sm);letter-spacing:.03em}
.jackpot-header-controls .jackpot-tabs button{font-size:var(--type-sm)}
.content.jackpot-section .member-inbox-button{font-size:var(--type-sm)}
.live-jackpot-value .grand-label{font-size:clamp(10px,.84cqw,15px);letter-spacing:.08em}
.rolling-amount{font-size:clamp(22px,2.48cqw,44px)}
.live-jackpot-foot{font-size:var(--type-xs);color:#e1d3b0}
.inbox-list-header,.message-item .message-kind,.inbox-detail .message-type,.offer-panel .offer-label{font-size:var(--type-xs);letter-spacing:.04em}
.message-item .message-subject{font-size:var(--type-md);line-height:1.2}
.message-item small,.inbox-detail .sender,.inbox-foot{font-size:var(--type-xs);line-height:1.3;color:#cbd9e5}
.inbox-detail .message-copy{font-size:var(--type-md);line-height:1.4;color:#edf1f6}
.offer-panel .offer-title{font-size:var(--type-lg)}
.offer-panel .offer-meta,.message-info{font-size:var(--type-sm);color:#dfd9ca}
.offer-actions button,.offer-status{font-size:var(--type-md)}
.modal{font-size:18px;line-height:1.4}
.modal button{font-size:18px}
.notice{font-size:18px;line-height:1.3}
/* Dense text stays inside its existing cell; the media and column grid stay intact. */
@container(max-width:1100px){
  .feature-copy{gap:4px}
  @container(max-width:900px){.feature-copy{gap:2px}.feature-copy h2{font-size:13px}.feature-action{font-size:11px}.feature-action svg{height:16px}}
  .win-date{letter-spacing:-.02em}
  .content.jackpot-section .head h1{font-size:clamp(16px,1.8cqw,20px)}
  .jackpot-header-controls .jackpot-tabs button,.content.jackpot-section .member-inbox-button{font-size:clamp(11px,1.02cqw,13px)}
}
