/**
 * File: assets/css/frontend/blog/base.css
 * Purpose: Defines shared blog containers, typography rhythm and theme-owned blog foundations.
 * Scope: Native WordPress blog contexts only.
 * Related PHP: src/Frontend/Blog/BlogPresentation.php
 * Related CSS: assets/css/frontend/blog/*.css
 * Related JS: None
 * Package: HyperDAF Pro
 */
.hdf-blog-container,.hdf-single-post{width:min(calc(100% - (2 * var(--hdf-layout-gutter-desktop))),var(--hdf-layout-wide));margin-inline:auto}.hdf-blog-context .hdf-site-main{padding-block:0}.hdf-blog-meta{display:flex;flex-wrap:wrap;gap:var(--hdf-spacing-2) var(--hdf-spacing-4);align-items:center;color:var(--hdf-color-text-muted);font-size:var(--hdf-typography-size-sm)}.hdf-blog-meta__item:not(:last-child)::after{margin-left:var(--hdf-spacing-4);color:var(--hdf-color-border-strong);content:"•"}.hdf-blog-meta a{color:inherit;text-decoration:none}.hdf-blog-meta a:hover{text-decoration:underline;text-decoration-color:var(--hdf-color-primary);text-underline-offset:.2em}

.hdf-blog-layout-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--hdf-spacing-7);align-items:start}.hdf-blog-layout-shell--left{grid-template-columns:minmax(15rem,18rem) minmax(0,1fr)}.hdf-blog-layout-shell--right{grid-template-columns:minmax(0,1fr) minmax(15rem,18rem)}.hdf-blog-layout-shell__main{min-width:0}.hdf-blog-sidebar{display:grid;gap:var(--hdf-spacing-4)}.hdf-blog-widget{padding:var(--hdf-spacing-4);border:var(--hdf-border-width-default) solid var(--hdf-color-border);border-radius:var(--hdf-radius-lg);background:var(--hdf-color-surface)}.hdf-blog-widget__title{margin:0 0 var(--hdf-spacing-3);font-size:var(--hdf-typography-size-lg)}.hdf-blog-widget ul{margin:0;padding:0;list-style:none}.hdf-blog-widget li+li{margin-top:var(--hdf-spacing-2)}.hdf-blog-widget a{color:var(--hdf-color-text-secondary);text-decoration:none}.hdf-blog-widget a:hover{color:var(--hdf-color-primary-strong);text-decoration:underline;text-underline-offset:.2em}