/* Shared type scale and empty states for all opgram screens. */
:root{
--og-text-body:15px;--og-text-list:14px;--og-text-meta:13px;
--og-text-page:28px;--og-text-section:18px;--og-text-card:18px;
--og-text-primary:#13213f;--og-text-secondary:#4b5875;--og-text-muted:#5d6880;--og-icon-muted:#a8b3c8;
}
body.opgram{font-family:var(--og-font);font-size:var(--og-text-body);line-height:1.6;color:var(--og-text-primary)}
.opgram :is(button,input,select,textarea,table){font-family:var(--og-font)}
.og-desktop-nav{font-size:15px}
.og-desktop-nav>a,.og-nav-more summary{font-size:inherit}
.opgram :is(.og-page-heading h1,.og-community-head h1,.community-title,.my-page-title,.faq-title,.ticket-title,.policy-title,.market-title,.block-title,.attendance-topcard-head h1,.og-auth-card>h1){font-family:var(--og-font);font-size:var(--og-text-page);font-weight:750;line-height:1.35;letter-spacing:-.035em;color:var(--og-text-primary)}
.og-page-heading{margin-bottom:24px}
.opgram :is(.og-section-heading h3,.og-home-board h2,.attendance-card-head h2,.board-comment-title,.policy-section-title){font-size:var(--og-text-section);font-weight:700;line-height:1.45;color:var(--og-text-primary)}
.opgram :is(.og-place-info h4,.item-name,.auction-card .title){font-size:var(--og-text-card);font-weight:750;line-height:1.45;color:var(--og-text-primary)}
.opgram :is(.board-subject,.board-subject-mobile,.faq-table td,.ticket-table td,.faq-subject-mobile,.ticket-subject-mobile,.og-card-location,.auction-status a,.comm-menu-item,.og-community-tabs a,.og-form>label){font-size:var(--og-text-list);line-height:1.6;color:var(--og-text-primary)}
.opgram :is(.board-author,.board-date,.board-hit,.board-no,.board-no-mobile,.board-date-mobile,.board-author-mobile,.faq-view-meta,.ticket-view-meta,.item-duration,.item-category,.og-card-hours,.og-card-topline,.og-section-heading>span,.auction-card .info,.auction-card .price-label){font-size:var(--og-text-meta);line-height:1.6;color:var(--og-text-muted)}
.opgram :is(.og-detail-summary,.og-detail-facts dd,.og-description-html,.og-detail-description p,.policy-section-content){font-size:var(--og-text-body);line-height:1.8;color:var(--og-text-secondary)}
.opgram :is(.og-form-help-links,.og-auth-signup,.og-registration-note,.og-detail-facts dt){font-size:var(--og-text-meta);color:var(--og-text-muted)}
.opgram :is(.board-empty,.board-empty-mobile,.board-gallery-empty,.board-webzine-empty,.faq-empty,.ticket-empty,.attendance-empty,.auction-empty,.block-empty){padding:0;margin:0;min-height:0;text-align:center}
.opgram :is(.board-gallery-empty,.board-webzine-empty){grid-column:1/-1;border:0}
.opgram .block-empty::before{display:none}
.opgram .og-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:220px;padding:48px 24px;width:100%;text-align:center;font-family:var(--og-font);color:var(--og-text-muted)}
.opgram .og-empty-state>.og-icon{display:block;flex:none;width:40px;height:40px;stroke-width:1.5;color:var(--og-icon-muted);margin:0}
.opgram .og-empty-state>.og-empty-state-message{margin:0;padding:0;font-size:var(--og-text-list);font-weight:400;line-height:1.6;color:var(--og-text-muted)}
.opgram .og-empty-state>.og-empty-state-description{margin:0;padding:0;font-size:var(--og-text-meta);font-weight:400;line-height:1.6;color:var(--og-text-muted)}
.opgram .og-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:220px;padding:48px 24px}
.opgram .og-empty>.og-icon{width:40px;height:40px;margin:0;color:var(--og-icon-muted)}
.opgram .og-empty h3{font-size:var(--og-text-list);font-weight:400;line-height:1.6;color:var(--og-text-muted);margin:0}
.opgram .og-empty p{font-size:var(--og-text-meta);line-height:1.6;color:var(--og-text-muted);margin:0}
.og-support-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--og-line);padding-bottom:16px;margin-bottom:26px}
.og-support-tabs a{min-height:44px;padding:10px 18px;border-radius:5px;font-size:var(--og-text-list);font-weight:600;color:var(--og-text-secondary)}
.og-support-tabs a.is-active{background:var(--og-blue);color:#fff}
.opgram .og-community-tabs a.is-active,.opgram .auction-status a.active{color:#fff;background:var(--og-blue)}
@media(max-width:767px){
:root{--og-text-page:24px}
.opgram .og-empty-state,.opgram .og-empty{min-height:200px;padding:40px 20px}
.og-support-tabs{gap:5px}.og-support-tabs a{font-size:var(--og-text-list);padding:10px 13px}
}