/* Shared article layout; keep all blog URLs on this source. */
.post { padding: 56px 0 40px; }
.post-inner { max-width: 720px; margin: 0 auto; }
.post h1 { font-family: var(--font-display); font-size: clamp(1.8rem,4vw,2.6rem); color: var(--dark); line-height: 1.15; margin-bottom: 14px; }
.post-dek { font-size: 1.05rem; color: var(--gray); line-height: 1.6; margin-bottom: 10px; }
.post-byline { font-size: 0.82rem; color: var(--gray); margin-bottom: 28px; }
.post-hero-img { width: 100%; height: auto; border-radius: 10px; margin-bottom: 32px; display: block; }
.post h2 { font-family: var(--font-display); font-size: 1.5rem; color: var(--dark); margin: 34px 0 12px; }
.post p { color: var(--gray); line-height: 1.75; margin-bottom: 16px; font-size: 1rem; }
.post ul { margin: 0 0 18px 22px; }
.post li { color: var(--gray); line-height: 1.7; margin-bottom: 8px; }
.post a { color: var(--orange-text); font-weight: 600; }
.post details { border: 1px solid #e4e4e4; border-radius: 8px; padding: 14px 16px; margin-bottom: 10px; }
.post summary { font-weight: 700; color: var(--dark); cursor: pointer; }
.post details p { margin: 10px 0 0; }
.price-table { width: 100%; border-collapse: collapse; margin: 20px 0 28px; }
.price-table th { background: var(--dark); color: #fff; font-family: var(--font-display); font-size: 0.85rem; padding: 12px 16px; text-align: left; }
.price-table td { padding: 12px 16px; font-size: 0.92rem; color: var(--gray); border-bottom: 1px solid #e4e4e4; }
.price-table tr:nth-child(even) td { background: var(--light-gray); }
.price-table td strong { color: var(--orange-text); }
.post-table-wrap { overflow-x: auto; margin: 22px 0 28px; }
.post table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
.post th, .post td { border: 1px solid #e4e4e4; padding: 12px 14px; text-align: left; }
.post thead th { background: var(--light-gray); color: var(--dark); font-family: var(--font-display); }
.post-img-inline { max-width: 380px; width: 100%; height: auto; border-radius: 10px; margin: 8px 0 24px; display: block; }
.post ul,.post ol { margin: 0 0 18px 22px; }
.post { padding-top: 110px; }
@media (max-width: 760px) { .post-inner { padding-left:20px; padding-right:20px; } }