/* ==========================================================================
   PUBLIC OWNER DOMAIN: POSTS / MARKET INTELLIGENCE
   Owner: SALYSS Realty Public Theme
   Purpose: editorial, magazine, rail, grid and list views using one semantic
   data/render contract. No client-specific styling or fixed light-mode colors.
   ========================================================================== */
.salyssbp-posts-block{display:block;min-width:0;color:var(--salyss-color-text)}
.salyssbp-posts-heading{display:grid;gap:10px;max-width:760px;margin:0 0 clamp(26px,4vw,48px);text-align:var(--salyssbp-posts-align,start)}
.salyssbp-posts-heading h2{margin:0;color:var(--salyssbp-posts-heading-color,var(--salyss-color-text));font-size:clamp(30px,4vw,var(--salyssbp-posts-heading-size,48px));line-height:1.1;letter-spacing:-.025em}
.salyssbp-posts-heading p{max-width:62ch;margin:0;color:var(--salyssbp-posts-subtitle-color,var(--salyss-color-text-muted));font-size:var(--salyssbp-posts-subtitle-size,16px);line-height:1.85}
.salyssbp-posts-grid{display:grid;grid-template-columns:repeat(var(--salyssbp-posts-columns,3),minmax(0,1fr));gap:var(--salyssbp-posts-gap,clamp(18px,2.2vw,30px));min-width:0}
.salyssbp-post-card{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;background:var(--salyssbp-posts-card-bg,var(--salyss-color-surface));border:var(--salyssbp-posts-card-border-width,1px) var(--salyssbp-posts-card-border-style,solid) var(--salyssbp-posts-card-border-color,var(--salyss-color-border));border-radius:var(--salyssbp-posts-card-radius,var(--salyss-radius-lg));box-shadow:var(--salyssbp-posts-card-shadow,none);transition:transform var(--salyss-motion-normal) var(--salyss-ease-standard),border-color var(--salyss-motion-fast) ease,box-shadow var(--salyss-motion-normal) ease}
.salyssbp-post-card:hover{transform:translateY(var(--salyssbp-posts-hover-y,-3px));border-color:var(--salyssbp-posts-hover-border,var(--salyss-color-brand));box-shadow:var(--salyss-shadow-md)}
.salyssbp-post-media{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:var(--salyssbp-posts-ratio,16 / 10);background:var(--salyss-color-surface-soft)}
.salyssbp-post-media::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,color-mix(in srgb,var(--salyss-color-contrast-bg) 24%,transparent));content:"";opacity:.75;pointer-events:none}
.salyssbp-post-media img{display:block;width:100%;height:100%;object-fit:var(--salyssbp-posts-fit,cover);transition:transform var(--salyss-motion-slow) var(--salyss-ease-emphasized)}
.salyssbp-post-card:hover .salyssbp-post-media img{transform:scale(1.035)}
.salyssbp-post-body{display:flex;flex:1;flex-direction:column;align-items:stretch;padding:var(--salyssbp-posts-card-padding,clamp(18px,2.2vw,28px))}
.salyssbp-post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;margin-bottom:12px;color:var(--salyssbp-posts-meta-color,var(--salyss-color-text-muted));font-size:var(--salyssbp-posts-meta-size,var(--salyss-type-caption,14px));line-height:1.5}
.salyssbp-post-category{color:var(--salyssbp-posts-link-color,var(--salyss-color-brand));font-weight:800;letter-spacing:.02em}
.salyssbp-post-body h3{margin:0;color:var(--salyssbp-posts-title-color,var(--salyss-color-text));font-size:var(--salyssbp-posts-title-size,20px);font-weight:var(--salyssbp-posts-title-weight,750);line-height:1.45}
.salyssbp-post-body h3 a{color:inherit;text-decoration:none}
.salyssbp-post-body p{margin:11px 0 0;color:var(--salyssbp-posts-excerpt-color,var(--salyss-color-text-muted));font-size:var(--salyssbp-posts-excerpt-size,var(--salyss-type-body-sm,15px));line-height:1.85}
.salyssbp-post-read-more{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;margin-top:auto;padding-top:18px;color:var(--salyssbp-posts-link-color,var(--salyss-color-brand));font-size:14px;font-weight:800;text-decoration:none}
.salyssbp-post-read-more span{transition:transform var(--salyss-motion-fast) ease}
[dir="rtl"] .salyssbp-post-read-more:hover span{transform:translateX(-4px)}
.salyssbp-post-read-more:hover{color:var(--salyssbp-posts-link-hover,var(--salyss-color-brand-hover))}
.salyssbp-post-card :where(a):focus-visible,.salyssbp-posts-archive a:focus-visible,.salyssbp-posts-pagination a:focus-visible{outline:3px solid color-mix(in srgb,var(--salyss-color-brand) 45%,transparent);outline-offset:3px}

/* Editorial: one hero story with supporting cards. */
.salyssbp-posts-layout-editorial .salyssbp-posts-grid,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-posts-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}
.salyssbp-posts-layout-editorial .salyssbp-post-card,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card{grid-column:span 4;border-color:transparent;background:transparent;box-shadow:none}
.salyssbp-posts-layout-editorial .salyssbp-post-card:first-child,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:first-child{grid-column:span 7;grid-row:span 2}
.salyssbp-posts-layout-editorial .salyssbp-post-card:nth-child(2),.salyssbp-posts-layout-editorial .salyssbp-post-card:nth-child(3),.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:nth-child(2),.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:nth-child(3){grid-column:span 5;display:grid;grid-template-columns:minmax(150px,40%) 1fr}
.salyssbp-posts-layout-editorial .salyssbp-post-card:nth-child(2) .salyssbp-post-media,.salyssbp-posts-layout-editorial .salyssbp-post-card:nth-child(3) .salyssbp-post-media,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:nth-child(2) .salyssbp-post-media,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:nth-child(3) .salyssbp-post-media{height:100%;aspect-ratio:auto;border-radius:var(--salyss-radius-md)}
.salyssbp-posts-layout-editorial .salyssbp-post-card:first-child .salyssbp-post-media,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:first-child .salyssbp-post-media{aspect-ratio:4 / 3;border-radius:var(--salyss-radius-xl)}
.salyssbp-posts-layout-editorial .salyssbp-post-card:first-child h3,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:first-child h3{font-size:clamp(28px,3vw,44px);line-height:1.22}
.salyssbp-posts-layout-editorial .salyssbp-post-card:hover,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:hover{box-shadow:none}

/* Magazine: denser knowledge surface, still image-led. */
.salyssbp-posts-layout-magazine .salyssbp-posts-grid,.salyssbp-posts-block.is-visual_preset-magazine .salyssbp-posts-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.salyssbp-posts-layout-magazine .salyssbp-post-card,.salyssbp-posts-block.is-visual_preset-magazine .salyssbp-post-card{grid-column:span 4}
.salyssbp-posts-layout-magazine .salyssbp-post-card:first-child,.salyssbp-posts-block.is-visual_preset-magazine .salyssbp-post-card:first-child{grid-column:span 6;grid-row:span 2}
.salyssbp-posts-layout-magazine .salyssbp-post-card:nth-child(2),.salyssbp-posts-block.is-visual_preset-magazine .salyssbp-post-card:nth-child(2){grid-column:span 6}
.salyssbp-posts-layout-magazine .salyssbp-post-card:first-child h3,.salyssbp-posts-block.is-visual_preset-magazine .salyssbp-post-card:first-child h3{font-size:clamp(24px,2.4vw,36px)}

/* Horizontal rail is particularly useful for mobile retention and related reads. */
.salyssbp-posts-layout-rail .salyssbp-posts-grid,.salyssbp-posts-block.is-visual_preset-rail .salyssbp-posts-grid{grid-auto-columns:minmax(280px,38vw);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;padding-block:4px 18px;scroll-snap-type:inline mandatory;scrollbar-width:thin}
.salyssbp-posts-layout-rail .salyssbp-post-card,.salyssbp-posts-block.is-visual_preset-rail .salyssbp-post-card{scroll-snap-align:start}

.salyssbp-posts-layout-list .salyssbp-posts-grid{grid-template-columns:1fr}
.salyssbp-posts-layout-list .salyssbp-post-card{display:grid;grid-template-columns:minmax(190px,34%) 1fr}
.salyssbp-posts-layout-list .salyssbp-post-media{height:100%;aspect-ratio:auto}
.salyssbp-posts-empty{grid-column:1/-1;padding:32px;border:1px dashed var(--salyss-color-border);border-radius:var(--salyss-radius-lg);color:var(--salyss-color-text-muted);text-align:center}
.salyssbp-posts-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:32px}
.salyssbp-posts-pagination .page-numbers{display:grid;min-width:40px;height:40px;place-items:center;padding:0 10px;border:1px solid var(--salyss-color-border);border-radius:999px;background:var(--salyss-color-surface);color:var(--salyss-color-text);text-decoration:none}
.salyssbp-posts-pagination .page-numbers.current,.salyssbp-posts-pagination .page-numbers:hover{border-color:var(--salyss-color-brand);background:var(--salyss-color-brand);color:var(--salyss-color-on-brand)}
.salyssbp-posts-archive{display:flex;justify-content:flex-start;align-items:center;margin-top:clamp(24px,3vw,38px)}
.salyssbp-posts-archive a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 24px;border:1px solid var(--salyss-color-brand);border-radius:999px;background:transparent;color:var(--salyss-color-brand);font-size:15px;font-weight:850;line-height:1.4;text-decoration:none;transition:transform var(--salyss-motion-fast) ease,background-color var(--salyss-motion-fast) ease,color var(--salyss-motion-fast) ease}
.salyssbp-posts-archive a:hover{transform:translateY(-2px);background:var(--salyss-color-brand);color:var(--salyss-color-on-brand)}

@media(max-width:1023px){
 .salyssbp-posts-heading{text-align:var(--salyssbp-posts-align-tablet,var(--salyssbp-posts-align,start))}
 .salyssbp-posts-grid{grid-template-columns:repeat(var(--salyssbp-posts-columns-tablet,2),minmax(0,1fr));gap:var(--salyssbp-posts-gap-tablet,var(--salyssbp-posts-gap,20px))}
 .salyssbp-posts-layout-editorial .salyssbp-posts-grid,.salyssbp-posts-layout-magazine .salyssbp-posts-grid,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-posts-grid,.salyssbp-posts-block.is-visual_preset-magazine .salyssbp-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .salyssbp-posts-layout-editorial .salyssbp-post-card,.salyssbp-posts-layout-magazine .salyssbp-post-card,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card,.salyssbp-posts-block.is-visual_preset-magazine .salyssbp-post-card{grid-column:auto;grid-row:auto;display:flex}
 .salyssbp-posts-layout-editorial .salyssbp-post-card:first-child,.salyssbp-posts-layout-magazine .salyssbp-post-card:first-child,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:first-child,.salyssbp-posts-block.is-visual_preset-magazine .salyssbp-post-card:first-child{grid-column:1/-1}
 .salyssbp-posts-layout-editorial .salyssbp-post-card:nth-child(2) .salyssbp-post-media,.salyssbp-posts-layout-editorial .salyssbp-post-card:nth-child(3) .salyssbp-post-media,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:nth-child(2) .salyssbp-post-media,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:nth-child(3) .salyssbp-post-media{height:auto;aspect-ratio:16 / 10}
 .salyssbp-posts-layout-rail .salyssbp-posts-grid,.salyssbp-posts-block.is-visual_preset-rail .salyssbp-posts-grid{grid-auto-columns:minmax(280px,58vw);grid-template-columns:none}
}
@media(max-width:767px){
 .salyssbp-posts-heading{text-align:var(--salyssbp-posts-align-mobile,var(--salyssbp-posts-align-tablet,var(--salyssbp-posts-align,start)))}
 .salyssbp-posts-grid,.salyssbp-posts-layout-editorial .salyssbp-posts-grid,.salyssbp-posts-layout-magazine .salyssbp-posts-grid,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-posts-grid,.salyssbp-posts-block.is-visual_preset-magazine .salyssbp-posts-grid{grid-template-columns:1fr;gap:var(--salyssbp-posts-gap-mobile,18px)}
 .salyssbp-posts-layout-editorial .salyssbp-post-card:first-child,.salyssbp-posts-layout-magazine .salyssbp-post-card:first-child,.salyssbp-posts-block.is-visual_preset-editorial .salyssbp-post-card:first-child,.salyssbp-posts-block.is-visual_preset-magazine .salyssbp-post-card:first-child{grid-column:auto}
 .salyssbp-posts-layout-list .salyssbp-post-card{grid-template-columns:112px 1fr}
 .salyssbp-posts-layout-list .salyssbp-post-body{padding:14px}
 .salyssbp-posts-layout-rail .salyssbp-posts-grid,.salyssbp-posts-block.is-visual_preset-rail .salyssbp-posts-grid{grid-auto-columns:minmax(255px,84vw);grid-template-columns:none}
 .salyssbp-posts-archive{justify-content:stretch}.salyssbp-posts-archive a{width:100%}
}
@media(prefers-reduced-motion:reduce){.salyssbp-post-card,.salyssbp-post-media img,.salyssbp-post-read-more span,.salyssbp-posts-archive a{transition:none}.salyssbp-post-card:hover,.salyssbp-post-media:hover img,.salyssbp-posts-archive a:hover{transform:none}}

/* Reference journal preset — three compact editorial cards beside one narrative
   heading. The preset is reusable outside the homepage. */
.salyssbp-posts-block.is-visual_preset-reference-journal{--salyss-posts-reference-max:1320px;display:grid;grid-template-columns:minmax(250px,.30fr) minmax(0,.70fr);gap:clamp(28px,5vw,68px);align-items:start;width:min(100% - clamp(30px,6vw,96px),var(--salyss-posts-reference-max));margin-inline:auto;padding-block:clamp(54px,5.5vw,80px)}
.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-posts-heading{grid-column:1;max-width:400px;margin:0;text-align:start}
.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-posts-heading h2{font-size:clamp(30px,3.1vw,44px);font-weight:520;line-height:1.15;letter-spacing:normal}
.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-posts-heading p{font-size:var(--salyss-type-body-sm,15px);line-height:1.75}
.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-posts-grid{grid-column:2;grid-row:1/span 2;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-posts-archive{grid-column:1;margin-top:4px}
.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-card,.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-card:first-child,.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-card:nth-child(2),.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-card:nth-child(3){display:flex;grid-column:auto;grid-row:auto;overflow:hidden;border:1px solid var(--salyss-color-border);border-radius:6px;background:var(--salyss-color-surface);box-shadow:none}
.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-media,.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-card:first-child .salyssbp-post-media,.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-card:nth-child(2) .salyssbp-post-media,.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-card:nth-child(3) .salyssbp-post-media{height:auto;aspect-ratio:4/3;border-radius:0}
.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-body{padding:13px 14px 15px}
.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-card h3,.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-card:first-child h3{font-size:var(--salyss-type-card-title,18px);line-height:1.5;font-weight:620}
.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-excerpt{font-size:var(--salyss-type-body-sm,15px);line-height:1.72}
@media(max-width:1023px){.salyssbp-posts-block.is-visual_preset-reference-journal{grid-template-columns:1fr}.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-posts-heading,.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-posts-grid,.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-posts-archive{grid-column:1;grid-row:auto}.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-posts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.salyssbp-posts-block.is-visual_preset-reference-journal{display:block;width:min(100% - 28px,var(--salyss-posts-reference-max))}.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-posts-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}.salyssbp-posts-block.is-visual_preset-reference-journal .salyssbp-post-card{width:100%}}

@media(min-width:1920px){.salyssbp-posts-block.is-visual_preset-reference-journal{--salyss-posts-reference-max:clamp(1320px,72vw,1560px)}}