/* Built from assets/css/blocks/ — run: php scripts/build_content_blocks_css.php */
.post-content.prose.content-block-tpl table, .page-content.prose.content-block-tpl table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 0.92em; } .post-content.prose.content-block-tpl th, .post-content.prose.content-block-tpl td, .page-content.prose.content-block-tpl th, .page-content.prose.content-block-tpl td { padding: 0.55rem 0.75rem; text-align: left; vertical-align: top; } .post-content.prose.content-block-tpl[data-btpl-table="simple"] th, .post-content.prose.content-block-tpl[data-btpl-table="simple"] td, .page-content.prose.content-block-tpl[data-btpl-table="simple"] th, .page-content.prose.content-block-tpl[data-btpl-table="simple"] td { border-bottom: 1px solid #e5e7eb; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-table="simple"] th, body.dark-mode .post-content.prose.content-block-tpl[data-btpl-table="simple"] td, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-table="simple"] th, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-table="simple"] td { border-bottom-color: #374151; } .post-content.prose.content-block-tpl[data-btpl-table="striped"] tbody tr:nth-child(even), .page-content.prose.content-block-tpl[data-btpl-table="striped"] tbody tr:nth-child(even) { background: #f8fafc; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-table="striped"] tbody tr:nth-child(even), body.dark-mode .page-content.prose.content-block-tpl[data-btpl-table="striped"] tbody tr:nth-child(even) { background: #1a1a1a; } .post-content.prose.content-block-tpl[data-btpl-table="striped"] th, .post-content.prose.content-block-tpl[data-btpl-table="striped"] td, .page-content.prose.content-block-tpl[data-btpl-table="striped"] th, .page-content.prose.content-block-tpl[data-btpl-table="striped"] td { border-bottom: 1px solid #e5e7eb; } .post-content.prose.content-block-tpl[data-btpl-table="boxed"] table, .page-content.prose.content-block-tpl[data-btpl-table="boxed"] table { border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; } .post-content.prose.content-block-tpl[data-btpl-table="boxed"] th, .post-content.prose.content-block-tpl[data-btpl-table="boxed"] td, .page-content.prose.content-block-tpl[data-btpl-table="boxed"] th, .page-content.prose.content-block-tpl[data-btpl-table="boxed"] td { border: 1px solid #e5e7eb; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-table="boxed"] table, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-table="boxed"] table, body.dark-mode .post-content.prose.content-block-tpl[data-btpl-table="boxed"] th, body.dark-mode .post-content.prose.content-block-tpl[data-btpl-table="boxed"] td, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-table="boxed"] th, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-table="boxed"] td { border-color: #374151; } .post-content.prose.content-block-tpl[data-btpl-quote="card"] blockquote, .page-content.prose.content-block-tpl[data-btpl-quote="card"] blockquote { border-left: none; padding: 1.25rem 1.5rem; background: #f1f5f9; border-radius: 10px; font-style: normal; color: #334155; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-quote="card"] blockquote, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-quote="card"] blockquote { background: #1e293b; color: #e2e8f0; } .post-content.prose.content-block-tpl[data-btpl-quote="minimal"] blockquote, .page-content.prose.content-block-tpl[data-btpl-quote="minimal"] blockquote { border-left: none; padding: 0 1rem; text-align: center; font-style: italic; color: #64748b; } .post-content.prose.content-block-tpl[data-btpl-list="tight"] ul, .post-content.prose.content-block-tpl[data-btpl-list="tight"] ol, .page-content.prose.content-block-tpl[data-btpl-list="tight"] ul, .page-content.prose.content-block-tpl[data-btpl-list="tight"] ol { margin: 0.5em 0; } .post-content.prose.content-block-tpl[data-btpl-list="checklist"] ul, .page-content.prose.content-block-tpl[data-btpl-list="checklist"] ul { list-style: none; padding-left: 0; } .post-content.prose.content-block-tpl[data-btpl-list="checklist"] ul li, .page-content.prose.content-block-tpl[data-btpl-list="checklist"] ul li { position: relative; padding-left: 1.65rem; margin-bottom: 0.4em; } .post-content.prose.content-block-tpl[data-btpl-list="checklist"] ul li::before, .page-content.prose.content-block-tpl[data-btpl-list="checklist"] ul li::before { content: '✓'; position: absolute; left: 0; color: var(--primary); font-weight: 700; } .post-content.prose.content-block-tpl[data-btpl-paragraph="compact"] p, .page-content.prose.content-block-tpl[data-btpl-paragraph="compact"] p { margin-bottom: 0.85em; } .post-content.prose.content-block-tpl[data-btpl-heading="underline"] h2, .post-content.prose.content-block-tpl[data-btpl-heading="underline"] h3, .page-content.prose.content-block-tpl[data-btpl-heading="underline"] h2, .page-content.prose.content-block-tpl[data-btpl-heading="underline"] h3 { border-bottom: 1px solid #e2e8f0; padding-bottom: 0.35em; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-heading="underline"] h2, body.dark-mode .post-content.prose.content-block-tpl[data-btpl-heading="underline"] h3, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-heading="underline"] h2, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-heading="underline"] h3 { border-bottom-color: #374151; } .post-content.prose.content-block-tpl[data-btpl-image="framed"] img, .page-content.prose.content-block-tpl[data-btpl-image="framed"] img { border: 1px solid #e5e7eb; padding: 4px; border-radius: 8px; box-sizing: border-box; } .post-content.prose.content-block-tpl[data-btpl-image="shadow"] img, .page-content.prose.content-block-tpl[data-btpl-image="shadow"] img { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .post-content.prose .gallery, .page-content.prose .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; margin: 1.5em 0; } .post-content.prose .gallery img, .page-content.prose .gallery img { width: 100%; height: 120px; object-fit: cover; border-radius: 6px; } .post-content.prose.content-block-tpl[data-btpl-gallery="mosaic"] .gallery, .page-content.prose.content-block-tpl[data-btpl-gallery="mosaic"] .gallery { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 90px; gap: 6px; } .post-content.prose.content-block-tpl[data-btpl-gallery="mosaic"] .gallery > *:first-child, .page-content.prose.content-block-tpl[data-btpl-gallery="mosaic"] .gallery > *:first-child { grid-column: span 2; grid-row: span 2; } .post-content.prose.content-block-tpl[data-btpl-gallery="mosaic"] .gallery > *:first-child img, .page-content.prose.content-block-tpl[data-btpl-gallery="mosaic"] .gallery > *:first-child img { height: 100%; min-height: 186px; } .post-content.prose.content-block-tpl[data-btpl-code="slate"] pre, .page-content.prose.content-block-tpl[data-btpl-code="slate"] pre { background: #1e293b; color: #e2e8f0; border-radius: 8px; } .post-content.prose.content-block-tpl[data-btpl-code="slate"] pre code, .page-content.prose.content-block-tpl[data-btpl-code="slate"] pre code { background: transparent; color: inherit; padding: 0; } .post-content.prose.content-block-tpl[data-btpl-divider="soft"] hr, .page-content.prose.content-block-tpl[data-btpl-divider="soft"] hr { border: none; border-top: 1px solid #e5e7eb; opacity: 0.7; } .post-content.prose.content-block-tpl[data-btpl-divider="dots"] hr, .page-content.prose.content-block-tpl[data-btpl-divider="dots"] hr { border: none; text-align: center; height: auto; margin: 2rem 0; background: transparent; } .post-content.prose.content-block-tpl[data-btpl-divider="dots"] hr::after, .page-content.prose.content-block-tpl[data-btpl-divider="dots"] hr::after { content: '· · ·'; letter-spacing: 0.75em; color: #94a3b8; font-size: 1.1rem; } .post-content.prose.content-block-tpl[data-btpl-button="solid"] > button, .page-content.prose.content-block-tpl[data-btpl-button="solid"] > button { background: var(--primary); color: #fff; border: none; padding: 0.65em 1.35em; border-radius: 6px; font-size: 1rem; font-family: inherit; cursor: pointer; margin: 0.5em 0; } .post-content.prose.content-block-tpl[data-btpl-button="outline"] > button, .page-content.prose.content-block-tpl[data-btpl-button="outline"] > button { background: transparent; color: var(--primary); border: 2px solid var(--primary); padding: 0.55em 1.2em; border-radius: 6px; font-size: 1rem; font-family: inherit; cursor: pointer; margin: 0.5em 0; } .post-content.prose.content-block-tpl[data-btpl-button="pill"] > button, .page-content.prose.content-block-tpl[data-btpl-button="pill"] > button { background: var(--primary); color: #fff; border: none; padding: 0.65em 1.5em; border-radius: 999px; font-size: 1rem; font-family: inherit; cursor: pointer; margin: 0.5em 0; } .post-content.prose.content-block-tpl[data-btpl-faq="cards"] .faq-block > p:nth-child(odd), .page-content.prose.content-block-tpl[data-btpl-faq="cards"] .faq-block > p:nth-child(odd) { font-weight: 700; margin-bottom: 0.25rem; color: #0f172a; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="cards"] .faq-block > p:nth-child(odd), body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="cards"] .faq-block > p:nth-child(odd) { color: #f1f5f9; } .post-content.prose.content-block-tpl[data-btpl-faq="cards"] .faq-block > p:nth-child(even), .page-content.prose.content-block-tpl[data-btpl-faq="cards"] .faq-block > p:nth-child(even) { margin-top: 0; margin-bottom: 1.25rem; padding: 1rem 1.1rem; background: #f8fafc; border-radius: 8px; border: 1px solid #e2e8f0; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="cards"] .faq-block > p:nth-child(even), body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="cards"] .faq-block > p:nth-child(even) { background: #1e293b; border-color: #334155; } .post-content.prose.content-block-tpl[data-btpl-faq="divided"] .faq-block > p, .page-content.prose.content-block-tpl[data-btpl-faq="divided"] .faq-block > p { padding-bottom: 0.75rem; margin-bottom: 0.75rem; border-bottom: 1px solid #e5e7eb; } .post-content.prose.content-block-tpl[data-btpl-faq="divided"] .faq-block > p:last-child, .page-content.prose.content-block-tpl[data-btpl-faq="divided"] .faq-block > p:last-child { border-bottom: none; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-block, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-block, .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-stack, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-stack { display: flex; flex-direction: column; gap: 0.75rem; margin: 1.5rem 0; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-eyebrow, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-eyebrow { align-self: flex-start; margin: 0 0 0.5rem 0; padding: 0.35rem 0.85rem; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--primary); background: color-mix(in srgb, var(--primary) 12%, transparent); border-radius: 999px; border: 1px solid color-mix(in srgb, var(--primary) 22%, transparent); } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-title, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-title { margin: 0 0 1rem 0; font-size: clamp(1.35rem, 3vw, 1.85rem); font-weight: 800; line-height: 1.2; color: #0f172a; font-family: var(--font-heading); } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-title, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-title { color: #f1f5f9; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-stack .faq-accordion-item, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-stack .faq-accordion-item { margin-bottom: 0; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-item, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-item { margin-bottom: 0.75rem; border-radius: 12px; background: #f5f3ff; border: 1px solid color-mix(in srgb, var(--primary) 14%, #e9e3f7); border-left: 4px solid var(--primary); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); overflow: hidden; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-item, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-item { background: #1e1b2e; border-color: #334155; border-left-color: var(--primary); box-shadow: none; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary { list-style: none; -webkit-tap-highlight-color: transparent; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; font-weight: 700; font-size: 1rem; line-height: 1.35; color: #0f172a; font-family: var(--font-body); } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary::-webkit-details-marker, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary::-webkit-details-marker { display: none; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary::marker, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary::marker { content: ''; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary { color: #f1f5f9; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary:focus, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary:focus { outline: none; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary:focus-visible, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--primary); } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary:focus-visible, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-summary:focus-visible { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--primary) 70%, #e2e8f0); } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-chevron, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-chevron { flex-shrink: 0; width: 2.1rem; height: 2.1rem; border-radius: 50%; background: var(--primary); position: relative; transition: transform 0.2s ease; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-chevron::after, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-chevron::after { content: ''; position: absolute; top: 42%; left: 50%; width: 0.4rem; height: 0.4rem; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translate(-50%, -50%) rotate(45deg); transition: transform 0.2s ease; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-item[open] .faq-accordion-chevron::after, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-item[open] .faq-accordion-chevron::after { top: 50%; transform: translate(-50%, -25%) rotate(225deg); } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-panel, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-panel { padding: 0 1.1rem 1.05rem 1.1rem; margin: 0; font-size: 0.95rem; line-height: 1.6; color: #64748b; border-top: none; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-panel, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-panel { color: #94a3b8; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-item[open] .faq-accordion-summary, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-item[open] .faq-accordion-summary { border-bottom: none; box-shadow: none; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-panel > p:first-child, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-panel > p:first-child { margin-top: 0.5rem; } .post-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-panel > p:last-child, .page-content.prose.content-block-tpl[data-btpl-faq="accordion"] .faq-accordion-panel > p:last-child { margin-bottom: 0; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-block, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-block, .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-stack, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-stack { display: flex; flex-direction: column; gap: 1rem; margin: 1.5rem auto; max-width: 42rem; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-eyebrow, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-eyebrow { align-self: center; margin: 0 auto 0.75rem; padding: 0; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #64748b; background: none; border: none; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-eyebrow, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-eyebrow { color: #94a3b8; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-title, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-title { margin: 0 0 1.75rem 0; width: 100%; text-align: center; font-size: clamp(1.35rem, 3vw, 1.9rem); font-weight: 800; line-height: 1.2; color: #0f172a; font-family: var(--font-heading); } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-title, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-title { color: #f1f5f9; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-stack .faq-accordion-item, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-stack .faq-accordion-item { margin-bottom: 0; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item { margin-bottom: 0; border-radius: 28px; border: 1px solid transparent; overflow: hidden; background: #f3f6ff; box-shadow: none; transition: background-color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open], .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open] { background: #fff; border-color: #e2e8f0; box-shadow: 0 12px 40px -14px rgba(15, 23, 42, 0.14); } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item { background: #1a1f2e; border-color: transparent; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open], body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open] { background: #0f172a; border-color: #334155; box-shadow: 0 12px 36px -12px rgba(0, 0, 0, 0.45); } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary { list-style: none; -webkit-tap-highlight-color: transparent; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1.5rem 1.75rem; font-weight: 700; font-size: 1rem; line-height: 1.35; color: #0f172a; font-family: var(--font-body); } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary::-webkit-details-marker, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary::-webkit-details-marker { display: none; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary::marker, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary::marker { content: ''; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary:focus, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary:focus { outline: none; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary:focus-visible, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--primary); } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary:focus-visible, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary:focus-visible { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--primary) 70%, #e2e8f0); } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-summary { color: #f1f5f9; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-chevron, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-chevron { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #fff; border: 1px solid #e2e8f0; position: relative; transition: background-color 0.2s ease, border-color 0.2s ease; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-chevron::after, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-chevron::after { content: '+'; position: static; width: auto; height: auto; border: none; transform: none; font-size: 1.35rem; font-weight: 400; line-height: 1; color: #0f172a; transition: color 0.2s ease; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open] .faq-accordion-chevron, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open] .faq-accordion-chevron { background: #dce3fd; border-color: #c7d2fe; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open] .faq-accordion-chevron::after, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open] .faq-accordion-chevron::after { content: '×'; font-size: 1.15rem; font-weight: 300; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-chevron, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-chevron { background: #1e293b; border-color: #334155; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-chevron::after, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-chevron::after { color: #f1f5f9; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open] .faq-accordion-chevron, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open] .faq-accordion-chevron { background: #312e42; border-color: #475569; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open] .faq-accordion-summary, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-item[open] .faq-accordion-summary { border-bottom: none; box-shadow: none; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-panel, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-panel { padding: 0 1.75rem 1.5rem; margin: 0; font-size: 0.9375rem; line-height: 1.65; color: #475569; border-top: none; border-bottom: none; } body.dark-mode .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-panel, body.dark-mode .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-panel { color: #94a3b8; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-panel > p:first-child, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-panel > p:first-child { margin-top: 0.35rem; } .post-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-panel > p:last-child, .page-content.prose.content-block-tpl[data-btpl-faq="modern"] .faq-accordion-panel > p:last-child { margin-bottom: 0; } .post-content.prose.content-block-tpl[data-btpl-tools-list="compact"] .software-review-list, .page-content.prose.content-block-tpl[data-btpl-tools-list="compact"] .software-review-list { gap: 0.75rem !important; margin-top: 0.75rem !important; } .post-content.prose .block-video { position: relative; width: 100%; max-width: 100%; margin: 1.25rem 0; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #0f172a; border-radius: 8px; } .post-content.prose .block-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .post-content.prose[data-btpl-video="boxed"] .block-video { max-width: 720px; margin-left: auto; margin-right: auto; box-shadow: 0 12px 40px rgba(15, 23, 42, 0.15); border: 1px solid rgba(15, 23, 42, 0.12); } .post-content.prose .block-alert { margin: 1.25rem 0; border-radius: 10px; border: 1px solid transparent; } .post-content.prose .block-alert__body { font-size: 1rem; line-height: 1.6; } .post-content.prose .block-alert__body > *:first-child { margin-top: 0; } .post-content.prose .block-alert__body > *:last-child { margin-bottom: 0; } .post-content.prose .block-alert--info { background: rgba(59, 130, 246, 0.08); border-color: rgba(59, 130, 246, 0.25); color: var(--text-primary, #1e293b); } .post-content.prose .block-alert--success { background: rgba(34, 197, 94, 0.1); border-color: rgba(34, 197, 94, 0.3); color: var(--text-primary, #1e293b); } .post-content.prose .block-alert--warning { background: rgba(245, 158, 11, 0.12); border-color: rgba(245, 158, 11, 0.35); color: var(--text-primary, #1e293b); } .post-content.prose .block-alert--neutral { background: rgba(100, 116, 139, 0.08); border-color: rgba(100, 116, 139, 0.22); color: var(--text-primary, #1e293b); } .post-content.prose[data-btpl-alert="banner"] .block-alert { border-radius: 6px; padding: 0.9rem 1.1rem; } .post-content.prose[data-btpl-alert="card"] .block-alert { padding: 1rem 1.15rem; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08); border-color: rgba(15, 23, 42, 0.08); } .post-content.prose[data-btpl-alert="minimal"] .block-alert { background: transparent; border: none; border-left: 4px solid var(--primary, #6366f1); border-radius: 0; padding: 0.35rem 0 0.35rem 1rem; } .post-content.prose[data-btpl-alert="minimal"] .block-alert--info { border-left-color: #3b82f6; } .post-content.prose[data-btpl-alert="minimal"] .block-alert--success { border-left-color: #22c55e; } .post-content.prose[data-btpl-alert="minimal"] .block-alert--warning { border-left-color: #f59e0b; } .post-content.prose[data-btpl-alert="minimal"] .block-alert--neutral { border-left-color: #64748b; } .post-content.prose .block-spacer { display: block; width: 100%; margin: 0; padding: 0; border: none; flex-shrink: 0; pointer-events: none; } .post-content.prose[data-btpl-spacer="line"] .block-spacer { position: relative; background: transparent; } .post-content.prose[data-btpl-spacer="line"] .block-spacer::after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; margin-top: -0.5px; height: 1px; background: rgba(15, 23, 42, 0.12); } .post-content.prose[data-btpl-spacer="dashed"] .block-spacer { position: relative; background: transparent; } .post-content.prose[data-btpl-spacer="dashed"] .block-spacer::after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; margin-top: -0.5px; height: 1px; border-top: 1px dashed rgba(15, 23, 42, 0.18); }