body.notion-commerce-page { padding-inline: 0; }
body.notion-commerce-page.page:not(.home):not(.notion-auth-page) .wp-site-blocks > main.notion-commerce-main:first-of-type,
body.notion-commerce-page .wp-site-blocks > main.notion-commerce-main { max-width: none; margin: 0; padding: var(--notion-fixed-header-height,73px) 0 0 !important; }
.notion-commerce-content { max-width: 1200px; width: calc(100% - 64px); margin: 48px auto 72px; color: var(--wp--preset--color--contrast,#1f2328); }
.notion-commerce-intro { max-width: 800px; margin-bottom: 32px; line-height: 1.8; }
.notion-commerce-muted { color: var(--wp--preset--color--muted,#5e636e); font-size: .85rem; }
.notion-report-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 16px; padding: 24px; background: #fff0e3; border-radius: 12px; }
.notion-report-filters label { display: grid; gap: 8px; flex: 1 1 200px; font-size: .85rem; }
.notion-report-filters input,.notion-report-filters select,.notion-membership-form select { box-sizing: border-box; width: 100%; min-width: 0; padding: 12px; border: 1px solid #b6c9c5; border-radius: 6px; background: #fff; color: #1f2328; font: inherit; }
.notion-commerce-button,.notion-membership-form .notion-contact-actions button { background: #a95219; border: 0; color: #fff; border-radius: 6px; padding: 13px 25px; font: inherit; cursor: pointer; }
.notion-commerce-content a { color: #a95219; }
.notion-commerce-content :is(a,button,input,select,textarea):focus-visible { outline: 2px solid #a95219; outline-offset: 3px; }
.notion-report-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.notion-report-card { overflow: hidden; border: 1px solid #e7dacf; border-radius: 12px; background: #fff; }
.notion-report-card img { width: 100%; height: 210px; object-fit: cover; }
.notion-report-card__body { padding: 24px; }
.notion-report-card h2 { font-size: 1.2rem; line-height: 1.5; margin: 12px 0; overflow-wrap: anywhere; }
.notion-report-card h2 a { text-decoration: none; }
.notion-report-card p { line-height: 1.7; }
.notion-report-link { display: inline-block; margin-top: 12px; font-weight: 700; }
.notion-commerce-empty { margin-top: 32px; padding: 40px 24px; text-align: center; border: 1px solid #e7dacf; border-radius: 12px; background: #fff; }
.notion-commerce-empty h2 { font-size: 1.5rem; }
.notion-report-pagination { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.notion-report-pagination .page-numbers { padding: 8px 14px; border: 1px solid #e7dacf; border-radius: 5px; }
.notion-report-pagination .current { background: #fff0e3; }
.notion-report-detail { max-width: 850px; margin: 32px auto; line-height: 1.9; overflow-wrap: anywhere; }
.notion-report-detail img { max-width: 100%; height: auto; }
.notion-membership-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2fr); gap: 40px; align-items: start; }
.notion-membership-aside { background: #fff0e3; border-radius: 12px; padding: 28px; line-height: 1.8; }
.notion-membership-aside h2 { font-size: 1.4rem; line-height: 1.5; }
.notion-membership-form { padding: 28px; border: 1px solid #e7dacf; border-radius: 12px; background: #fff; gap: 24px; }
.notion-membership-form .notion-contact-field { grid-template-columns: 1fr; gap: 8px; }
.notion-membership-form .notion-contact-field > span { padding: 0; color: #a95219; }
.notion-membership-form .notion-contact-field input,.notion-membership-form textarea { border-radius: 6px; font: inherit; font-size: .9rem; }
.notion-membership-permission { grid-column: 1/-1; display: flex; align-items: start; gap: 10px; font-size: .85rem; line-height: 1.8; }
.notion-membership-permission input { margin-top: 6px; accent-color: #a95219; }
@media(max-width:950px) { .notion-report-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .notion-membership-layout { grid-template-columns: 1fr; gap: 24px; } }
@media(max-width:600px) { .notion-commerce-content { width: calc(100% - 32px); margin-top: 28px; } .notion-report-grid { grid-template-columns: 1fr; } .notion-report-filters { align-items: stretch; flex-direction: column; padding: 20px; } .notion-report-filters label { flex: auto; } .notion-membership-form { padding: 20px; } }