.pbf-blog{padding-bottom:64px}.pbf-blog__hero{padding:28px 0 42px;border-bottom:1px solid var(--pbf-border)}.pbf-blog__intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-top:24px}.pbf-blog__eyebrow{display:block;color:var(--pbf-accent);font-size:.72rem;font-weight:800;letter-spacing:.13em;margin-bottom:14px}.pbf-blog__intro h1{font-size:clamp(2.25rem,4.6vw,3.7rem);letter-spacing:-.055em;line-height:1.12;margin:0 0 18px}.pbf-blog__intro p{max-width:610px;color:var(--pbf-text-2);font-size:1.05rem;line-height:1.8;margin:0}.pbf-blog__note{border-left:2px solid var(--pbf-accent);padding:8px 0 8px 20px;flex-shrink:0;font-weight:700;font-size:.95rem}.pbf-blog__note span{display:block;color:var(--pbf-text-2);font-weight:400;font-size:.8rem;margin-top:8px}
.pbf-blog__toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:32px 0 24px}.pbf-blog__toolbar h2{font-size:1.5rem;letter-spacing:-.035em;margin:0 0 4px}.pbf-blog__toolbar p{color:var(--pbf-text-2);font-size:.85rem;margin:0}
.pbf-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.pbf-blog__grid>:not(article){grid-column:1/-1}.pbf-story{overflow:hidden;min-width:0;background:var(--pbf-surface);border:1px solid var(--pbf-border);border-radius:16px;display:flex;flex-direction:column}.pbf-story__image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--pbf-accent-soft)}.pbf-story__image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.pbf-story:hover .pbf-story__image img{transform:scale(1.025)}.pbf-story__placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--pbf-accent);font-size:1.5rem;font-weight:800;background:radial-gradient(circle at 20% 20%,var(--pbf-surface),transparent 70%)}.pbf-story__placeholder span{font-size:.8rem;margin-top:10px;font-weight:500}.pbf-story__body{padding:24px;display:flex;flex:1;flex-direction:column}.pbf-story__meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px;font-size:.72rem;color:var(--pbf-text-2)}.pbf-story__topic{padding:5px 9px;background:var(--pbf-accent-soft);color:var(--pbf-accent);border-radius:5px;font-weight:700}.pbf-story h3{font-size:1.2rem;line-height:1.45;letter-spacing:-.025em;margin:0 0 12px;overflow-wrap:anywhere}.pbf-story h3 a:hover{color:var(--pbf-accent)}.pbf-story__body>p{color:var(--pbf-text-2);font-size:.87rem;line-height:1.8;margin:0 0 24px}.pbf-story__footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--pbf-border);display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--pbf-text-2)}.pbf-story__footer a{color:var(--pbf-accent);font-weight:700;white-space:nowrap}.pbf-story--lead{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;margin-bottom:8px}.pbf-story--lead .pbf-story__image{height:100%;min-height:330px;aspect-ratio:auto}.pbf-story--lead .pbf-story__body{padding:36px}.pbf-story--lead h3{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.3}
.pbf-blog__end{margin-top:52px;padding:32px;border:1px solid var(--pbf-border);border-radius:16px;background:var(--pbf-accent-soft);display:flex;align-items:center;justify-content:space-between;gap:24px}.pbf-blog__end h2{font-size:1.4rem;margin:0 0 8px}.pbf-blog__end p{color:var(--pbf-text-2);margin:0;font-size:.9rem}.pbf-blog__end .pbf-btn{flex-shrink:0}.pbf-blog__empty{padding:48px 24px;text-align:center;background:var(--pbf-surface);border-radius:16px}.pbf-blog :is(a,button,select):focus-visible{outline:3px solid var(--pbf-accent);outline-offset:4px}
@media(max-width:1000px){.pbf-blog__note{display:none}.pbf-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pbf-story--lead .pbf-story__body{padding:24px}}
@media(max-width:700px){.pbf-blog__toolbar{align-items:stretch;flex-direction:column}.pbf-story--lead{display:flex}.pbf-story--lead .pbf-story__image{min-height:0;height:auto;aspect-ratio:16/10}.pbf-blog__end{flex-direction:column;align-items:start;padding:24px}}
@media(max-width:520px){.pbf-blog__grid{grid-template-columns:minmax(0,1fr);gap:20px}.pbf-blog__hero{padding-bottom:28px}.pbf-story__body{padding:22px}}
@media(prefers-reduced-motion:reduce){.pbf-story__image img{transition:none}}

/* Editorial refinement: clear hierarchy, uncropped covers and comfortable touch targets. */
.pbf-blog__hero { margin-top: 24px; padding: 24px 32px 32px; border: 1px solid var(--pbf-border); border-radius: 20px; background: linear-gradient(115deg,var(--pbf-accent-soft),var(--pbf-surface) 78%); }
.pbf-blog__hero .pbf-breadcrumb { padding: 0; }
.pbf-blog__intro { padding-top: 20px; gap: 24px; }
.pbf-blog__intro h1 { font-size: clamp(2rem,4.2vw,3.25rem); }
.pbf-blog__intro p { font-size: 1rem; line-height: 1.75; }
.pbf-blog__toolbar { align-items: center; padding: 24px 0; }
.pbf-blog__toolbar > div { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; width: 100%; gap: 8px 20px; }
.pbf-blog__toolbar h2 { margin: 0; font-size: 1.65rem; }
.pbf-blog__grid { gap: 24px; }
.pbf-story { border-radius: 14px; box-shadow: var(--pbf-shadow-sm); transition: box-shadow .2s ease,border-color .2s ease; }
.pbf-story:hover,.pbf-story:focus-within { border-color: var(--pbf-border-strong); box-shadow: var(--pbf-shadow); }
.pbf-story__image { aspect-ratio: 1.9; }
.pbf-story__image img { object-fit: contain; }
.pbf-story:hover .pbf-story__image img { transform: none; }
.pbf-story__body { padding: 22px; }
.pbf-story h3 a { color: var(--pbf-text); }
.pbf-story h3 { font-size: 1.25rem; line-height: 1.45; }
.pbf-story__body > p { font-size: .925rem; line-height: 1.75; }
.pbf-story__meta { font-size: .78rem; gap: 10px; margin-bottom: 16px; }
.pbf-story__footer { align-items: center; padding-top: 10px; font-size: .8rem; }
.pbf-story__footer a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; }
.pbf-story--lead { grid-template-columns: 1.12fr 1fr; align-items: stretch; margin-bottom: 4px; }
.pbf-story--lead .pbf-story__image { min-height: 0; aspect-ratio: auto; display: flex; align-items: center; }
.pbf-story--lead .pbf-story__image img { height: auto; }
.pbf-story--lead .pbf-story__body { padding: 30px; }
.pbf-story--lead h3 { font-size: clamp(1.5rem,2.5vw,2rem); }
.pbf-blog__end { margin-top: 36px; }
@media (max-width:1000px) { .pbf-story--lead { grid-template-columns: 1fr 1fr; } .pbf-story--lead .pbf-story__body { padding: 24px; } }
@media (max-width:700px) { .pbf-blog__hero { margin-top: 16px; padding: 22px; } .pbf-story--lead { display: flex; } .pbf-story--lead .pbf-story__image { aspect-ratio: 1.9; } .pbf-story--lead .pbf-story__image img { height: 100%; } .pbf-blog__toolbar { padding: 24px 0 18px; } .pbf-blog__end { margin-top: 28px; } }
@media (max-width:520px) { .pbf-blog { padding-bottom: 36px; } .pbf-blog__intro { padding-top: 14px; } .pbf-blog__intro h1 { letter-spacing: -.045em; } .pbf-blog__intro p { font-size: .925rem; } .pbf-blog__eyebrow { font-size: .65rem; letter-spacing: .1em; } .pbf-blog__grid { gap: 20px; } .pbf-story__body,.pbf-story--lead .pbf-story__body { padding: 20px; } .pbf-story h3 { font-size: 1.3rem; } .pbf-blog__end .pbf-btn { width: 100%; } }
@media (prefers-reduced-motion:reduce) { .pbf-story { transition: none; } }