.post-callout{margin:2rem 0 2.5rem;padding:1.5rem 1.75rem;border-radius:16px;border:1px solid rgba(30,64,175,.22);background:#1e40af0f}.post-callout__title{font-size:.95rem;font-weight:700;color:var(--primary-light);margin-bottom:.75rem}.post-callout ul{margin:0;padding-left:1.25rem}.post-callout li{margin-bottom:.5rem;color:var(--text-secondary);line-height:1.5}.post-callout li:last-child{margin-bottom:0}.post-figure{margin:2rem 0}.post-figure img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--surface-border)}.post-figure figcaption{margin-top:.75rem;font-size:.9rem;color:var(--text-secondary);text-align:center}.post-tabs{margin:2rem 0;border:1px solid var(--surface-border);border-radius:16px;overflow:hidden;background:var(--bg-elevated)}.post-tabs__nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--surface-border);background:var(--bg-secondary)}.post-tabs__tab{appearance:none;border:1px solid var(--surface-border);background:transparent;color:var(--text-secondary);padding:.55rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.post-tabs__tab:hover{color:var(--text-main);border-color:#1e40af40}.post-tabs__tab.is-active{background:#1e40af1f;border-color:#1e40af59;color:var(--text-main)}.post-tabs__panel{padding:1.25rem 1.5rem 1.5rem}.post-tabs__panel pre{margin:0;padding:1rem;border-radius:12px;background:var(--bg-deep);border:1px solid var(--surface-border);overflow-x:auto;font-size:.85rem;line-height:1.5;color:var(--text-secondary)}.post-tabs__panel p{margin:1rem 0 0;color:var(--text-secondary);font-size:.95rem}.post-signoff{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--surface-border);color:var(--text-secondary);font-size:.95rem}.post-signoff a{color:var(--primary);font-weight:600;text-decoration:none}.post-signoff a:hover{color:var(--primary-light)}.post-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0 2rem}.post-fit__panel{border:1px solid var(--surface-border);border-radius:14px;padding:1.25rem 1.35rem;background:var(--bg-elevated)}.post-fit__panel--pros{border-color:#34d39938;background:#34d3990a}.post-fit__panel--cons{border-color:#fb923c3d;background:#fb923c0a}.post-fit__heading{font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 1rem}.post-fit__list{margin:0}.post-fit__row{display:grid;grid-template-columns:minmax(6.5rem,38%) 1fr;gap:.75rem 1rem;padding:.7rem 0;border-bottom:1px solid var(--surface-border)}.post-fit__row:first-child{padding-top:0}.post-fit__row:last-child{border-bottom:0;padding-bottom:0}.post-fit__row dt{font-weight:600;color:var(--text-main);font-size:.92rem;line-height:1.45}.post-fit__row dd{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.55}.post-fit__row dd code{font-size:.88em}.post-fit__row dd a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.post-fit__row dd a:hover{color:var(--primary-light)}.post-compare{margin:1.25rem 0 2rem;border:1px solid var(--surface-border);border-radius:14px;overflow:hidden;background:var(--bg-elevated)}.post-compare__table{width:100%;border-collapse:collapse;font-size:.92rem}.post-compare__table thead th{background:var(--bg-secondary);color:var(--text-main);font-weight:700;font-size:.88rem;padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--surface-border)}.post-compare__table thead th:first-child{width:8.5rem}.post-compare__table tbody th[scope=row]{background:var(--bg-secondary);color:var(--text-main);font-weight:600;text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--surface-border);border-right:1px solid var(--surface-border);white-space:nowrap}.post-compare__table tbody td{color:var(--text-secondary);padding:.8rem 1rem;border-bottom:1px solid var(--surface-border);vertical-align:top;line-height:1.5}.post-compare__table tbody tr:last-child th,.post-compare__table tbody tr:last-child td{border-bottom:0}@media(max-width:720px){.post-fit{grid-template-columns:1fr}.post-compare{overflow-x:auto}.post-compare__table{min-width:640px}}
