.post-page{background:var(--color-bg-subtle,#f8fafc);min-height:100vh;padding-bottom:3rem}.post-page--has-cta{padding-bottom:5rem}.post-page__container{padding-top:calc(var(--site-header-height, 80px) + 2rem);max-width:900px}.post-page__container--wide{max-width:1140px}@media (max-width:991px){.post-page__container{padding-top:calc(var(--site-header-height, 64px) + 1rem)}.post-page--has-cta{padding-bottom:6rem}}.post-article{background:#fff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--hp-radius-xl,20px);box-shadow:var(--hp-shadow-lg,0 8px 30px rgba(15,23,42,.06));overflow:hidden}.post-hero{display:grid;grid-template-columns:1fr;gap:0;border-bottom:1px solid var(--color-border,#e2e8f0);border-left:4px solid var(--hp-primary,#0054ad)}.post-hero--interview{border-left-color:#f59e0b}.post-hero--challenge{border-left-color:#0054ad}.post-hero--assessment{border-left-color:#10b981}.post-hero--skills{border-left-color:#8b5cf6}.post-hero__content{padding:1.75rem 1.75rem 1.5rem}@media (min-width:768px){.post-hero--with-image{grid-template-columns:1fr 280px}.post-hero__content{padding:2rem 2rem 1.75rem}}.post-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.85rem}.post-hero__tag{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;border-radius:999px;background:var(--hp-primary-soft,rgba(0,84,173,.08));color:var(--hp-primary,#0054ad)}.post-hero--interview .post-hero__tag{background:#fef3c7;color:#b45309}.post-hero--assessment .post-hero__tag{background:#d1fae5;color:#047857}.post-hero--skills .post-hero__tag{background:#ede9fe;color:#6d28d9}.post-hero__date,.post-hero__duration{font-size:.8125rem;color:#94a3b8;font-weight:500}.post-hero__title{font-size:clamp(1.375rem,3vw,1.75rem);font-weight:800;color:var(--color-text,#0f172a);line-height:1.3;margin:0 0 1.25rem;letter-spacing:-.02em}.post-hero__cta{display:inline-flex}.post-hero__image{min-height:180px;background:var(--hp-primary-soft,rgba(0,84,173,.06))}.post-hero__image img{width:100%;height:100%;min-height:180px;-o-object-fit:cover;object-fit:cover}@media (min-width:768px){.post-hero__image,.post-hero__image img{min-height:100%}}.post-body{padding:1.75rem}@media (min-width:768px){.post-body{padding:2rem 2.25rem 2.25rem}}.post-prose{font-size:1rem;line-height:1.7;color:#334155}.post-prose :deep(h2),.post-prose :deep(h3),.post-prose :deep(h4){color:var(--color-text,#0f172a);font-weight:700;margin:1.5rem 0 .75rem;line-height:1.35}.post-prose :deep(h2){font-size:1.25rem}.post-prose :deep(h3){font-size:1.125rem}.post-prose :deep(p){margin:0 0 1rem}.post-prose :deep(ol),.post-prose :deep(ul){margin:0 0 1rem;padding-left:1.25rem}.post-prose :deep(li){margin-bottom:.35rem}.post-prose :deep(a){color:var(--hp-primary,#0054ad);font-weight:600;text-decoration:underline;text-underline-offset:2px}.post-prose :deep(img){max-width:100%;height:auto;border-radius:12px;margin:1rem 0}.post-prose :deep(strong){color:var(--color-text,#0f172a);font-weight:700}.post-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.25rem 1.75rem 1.75rem;border-top:1px solid var(--color-border,#e2e8f0)}@media (min-width:768px){.post-footer{padding:1.25rem 2.25rem 2rem}}.post-skeleton{background:#fff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--hp-radius-xl,20px);padding:2rem}.post-mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom, 0px));background:hsla(0,0%,100%,.96);border-top:1px solid var(--color-border,#e2e8f0);box-shadow:0 -4px 20px rgba(15,23,42,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.post-mobile-bar__btn{width:100%;justify-content:center}.posts-header{margin-bottom:1.75rem}.posts-header__title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:800;color:var(--color-text,#0f172a);margin:0 0 .5rem}.posts-header__subtitle{font-size:1rem;color:#64748b;margin:0;max-width:36rem;line-height:1.55}.posts-empty{text-align:center;padding:3rem 1.5rem;background:#fff;border:1px dashed var(--color-border,#e2e8f0);border-radius:var(--hp-radius-xl,20px);color:#64748b}