* { box-sizing: content-box; }

main.main { background-color: var(--bg-dynamic-secondary); }

@media screen and (min-width: 769px) {
    @supports (padding: max(0px)) {
        body .col.post-content > *:not([class*="-fullbleed"]),
        body .footer-info {
            padding-left: max(var(--general-page-padding), env(safe-area-inset-left)) !important;
            padding-right: max(var(--general-page-padding), env(safe-area-inset-right)) !important;
        }
        
        body .col.post-content > header.local-nav {
            padding-right: max( calc( var(--general-page-padding) + 4px ), calc( env(safe-area-inset-right) + 16px ), env(safe-area-inset-right)) !important;
        }
    }
}

@media screen and (max-width: 768px) {
    @supports (padding: max(0px)) {
        header.local-nav p.has-theme-font-family {
            padding-left: max(var(--page-padding-wide), env(safe-area-inset-left)) !important;
        }
        header.local-nav {
            padding-left: 0 !important;
            padding-right: max(0px, env(safe-area-inset-right)) !important;
        }
    }
}

@media screen and ( max-width: 576px ) {
    @supports (padding: max(0px)) {
        header.local-nav p.has-theme-font-family {
            padding-left: max(var(--page-padding-default), env(safe-area-inset-left)) !important;
        }
        header.local-nav {
            padding-left: 0 !important;
            padding-right: max(var(--page-padding-default), env(safe-area-inset-right)) !important;
        }
    }
}


.post-content > *:not(header.local-nav) { max-width: var(--max-width-wide) !important; }
.post-content h1 { font-weight: 400; }

.footer-info { padding-left: var(--general-page-padding) !important; padding-right: var(--general-page-padding) !important; }

.is-style-wide { max-width: var(--max-width-wide) !important; }
.is-style-expanded { max-width: var(--max-width-expanded) !important; }


.wp-block-button a { box-sizing: border-box !important; }

.tool-bar { padding-top: 12px; padding-bottom: 12px; gap: 12px !important; overflow: scroll; }
.tool-bar .wp-block-button a { color: inherit !important; border: 1px solid var(--border-button-unselected); background: var(--bg-dynamic-primary) !important; padding: 8px 16px; transition: background 120ms ease; white-space: nowrap; }
html:lang(en-US) .tool-bar .wp-block-button a { line-height: var(--line-height-paragraph-en-s); }
html:lang(zh-CN) .tool-bar .wp-block-button a { line-height: var(--line-height-paragraph-zh-s); }
.tool-bar .wp-block-button a:hover { background: var(--bg-dynamic-primary-hover) !important; }

.tool-bar .wp-block-button.selected a { color: var(--text-color-primary-reversed) !important; background-color: var(--bg-dynamic-primary-reversed) !important; border-color: var(--bg-dynamic-primary-reversed) !important; transition: background 10ms ease; }

.tool-bar hr.is-style-vertical-line { width: 1px; height: 22px; background: var(--border-button-group-separator) !important; flex-shrink: 0; }

.card-group { margin-bottom: var(--content-spacing-xlarge) !important; }
.card { padding: 32px; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; background-color: var(--bg-dynamic-primary); border-radius: 16px; }
.card p { font-size: var(--font-size-p-highlight-3); }
html:lang(en-US) .card p { line-height: var(--line-height-paragraph-en-l); }
html:lang(zh-CN) .card p { line-height: var(--line-height-paragraph-zh-l); }

.card .wp-block-media-text { grid-template-columns: 64px auto !important; gap: 24px; }
.card .wp-block-media-text figure { width: 64px; border-radius: 64px; overflow: hidden; pointer-events: none; }
.card .wp-block-media-text .wp-block-media-text__content { margin-top: 0; }
.card .wp-block-media-text .wp-block-media-text__content p { font-size: var(--font-size-p-secondary); }

.card .wp-block-media-text .wp-block-media-text__content { padding: 0; }
.card .wp-block-media-text .wp-block-media-text__content p.is-style-portfolio-caption-2 { font-size: var(--font-size-p-caption-2); color: var(--text-color-tertiary); }
html:lang(en-US) .card .wp-block-media-text .wp-block-media-text__content p.is-style-portfolio-caption-2 { line-height: var(--line-height-paragraph-en-s); }
html:lang(zh-CN) .card .wp-block-media-text .wp-block-media-text__content p.is-style-portfolio-caption-2 { line-height: var(--line-height-paragraph-zh-s); }

@media screen and ( max-width: 768px ) {
    .card { grid-column: 1 / 3 !important; }
}

main.filter-thinking .card:not(.thinking),
main.filter-strategy .card:not(.strategy),
main.filter-craft .card:not(.craft),
main.filter-influence .card:not(.influence) { display: none; }