* { box-sizing: content-box; }
body main.main { background: 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;
        }
    }
    
    .org .title { flex-direction: column; }
    .table .header-row { display: none; }
    .table .body-row { flex-direction: column; }
    .post-content .table .body-row > div:first-child { font-weight: 700; }
    .post-content .table .body-row > div:first-child > div { row-gap: 0 !important; }
    .post-content .org .title { flex-direction: column; font-size: var(--font-size-p-highlight-3); }
}


.post-content > *:not(header.local-nav) { max-width: var(--max-width-wide) !important; }
.post-content h1 { margin-bottom: 0 !important; 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 { margin-top: var(--content-spacing-large) !important; margin-bottom: 80px !important; gap: 12px !important; overflow: scroll; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.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(--border-button-unselected) !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 .filters-primary,
.tool-bar .filters-secondary { margin: unset !important; }
.tool-bar hr.is-style-vertical-line { width: 1px; height: 22px; background: var(--border-button-group-separator) !important; flex-shrink: 0; margin: unset !important; }


.org { display: flex; flex-direction: column; align-items: stretch; margin: 0 auto !important; }
.org ~ .org { margin-top: var(--content-spacing-xlarge) !important; }
.org .title { display: flex; flex-direction: row; justify-content: center; align-items: baseline; margin: 0 !important; padding: var(--content-spacing-large) var(--content-spacing-medium); background: var(--bg-dynamic-primary); font-size: var(--font-size-p-highlight-2); column-gap: 12px !important; row-gap: 4px !important; border-radius: 16px; }
.org .title h2 { margin: 0 !important; font-weight: 400; }
.org .title p { color: var(--text-color-tertiary); }

.table { font-size: var(--font-size-p); }
.table .header-row { padding: var(--content-spacing-large) 0 var(--content-spacing-small); font-size: var(--font-size-p-caption-1); font-weight: 700; margin: 0; }
.table .header-row, .table .body-row { column-gap: var(--content-spacing-large) !important; row-gap: var(--content-spacing-xsmall) !important; }
.table .body-row { padding-top: var(--content-spacing-medium); padding-bottom: var(--content-spacing-medium); align-items: flex-start; margin: 0; }
.table .body-row > div:last-child > div { font-size: var(--font-size-p-caption-2); flex-wrap: wrap; gap: 2px 10px !important; color: var(--text-color-secondary); }
.table [class*="-row"] { border-bottom: 1px solid var(--border-table-td-border-secondary); }
html:lang(en-US) .table [class*="-row"] > div:first-child { line-height: var(--line-height-paragraph-en-l); }
html:lang(zh-CN) .table [class*="-row"] > div:first-child { line-height: var(--line-height-paragraph-zh-l); }
.table [class*="-row"] > div:first-child,
.table [class*="-row"] > div:last-child { flex-basis: 25%; }
.table [class*="-row"] > div:not(:first-child):not(:last-child) { flex-basis: 50%; }
.table .body-row > div:first-child { font-size: var(--font-size-p-elevated); font-weight: 500; }
.table .body-row > div:first-child > div,
.table .body-row > div:nth-child(2) > div { gap: var(--content-spacing-xsmall) !important; }
.table .body-row > div > div { margin-top: 0; margin-bottom: 0; }
.table .body-row > div:first-child > div p:last-child { font-weight: 400; color: var(--text-color-tertiary); }
.table .body-row > div:last-child p::before { content: '#'; margin-right: 2px; }

.table .body-row > div:nth-child(2) > div div.wp-block-cover { min-height: unset; aspect-ratio: 2 / 1; width: 100%; padding: 0; }

.table:last-of-type { margin-bottom: var(--content-spacing-xlarge); }

.post-date { display: none; }

main.filter-automation .body-row:not(.tag-automation),
main.filter-b2b .body-row:not(.tag-b2b),
main.filter-b2c .body-row:not(.tag-b2c),
main.filter-communication-design .body-row:not(.tag-communication-design),
main.filter-content-infrastructure .body-row:not(.tag-content-infrastructure),
main.filter-data-analysis .body-row:not(.tag-data-analysis),
main.filter-data-visualization .body-row:not(.tag-data-visualization),
main.filter-design-research .body-row:not(.tag-design-research),
main.filter-design-systems .body-row:not(.tag-design-systems),
main.filter-generative-ai .body-row:not(.tag-generative-ai),
main.filter-information-architecture .body-row:not(.tag-information-architecture),
main.filter-operational-efficiency .body-row:not(.tag-operational-efficiency),
main.filter-operational-tools .body-row:not(.tag-operational-tools),
main.filter-product-marketing .body-row:not(.tag-product-marketing),
main.filter-scheduling .body-row:not(.tag-scheduling),
main.filter-strategy-research .body-row:not(.tag-strategy-research),
main.filter-ux-optimization .body-row:not(.tag-ux-optimization),
main.filter-web .body-row:not(.tag-web),
main.filter-workflow-design .body-row:not(.tag-workflow-design) { display: none; }