/* FactorPrint CMS 1.2.80 — News archive and article inherit Home max_width; CSS Snapshot 2026. */
/* FactorPrint CMS 1.2.21 — responsive date + title News block; archive cards remain unchanged. */
/* FactorPrint CMS 1.2.20 — News plugin cards, details and editorial panels. CSS Snapshot 2026. */
.fp-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(1rem,2vw,1.6rem);margin:1.25rem 0 2rem}
.fp-news-card{overflow:hidden;min-width:0;display:flex;flex-direction:column;border:1px solid var(--fp-border,#dce5ef);border-radius:18px;background:var(--fp-card,#fff);box-shadow:0 9px 28px rgba(22,44,64,.07)}
.fp-news-card-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#edf3f8}
.fp-news-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.fp-news-card:hover .fp-news-card-image img{transform:scale(1.03)}
.fp-news-card-body{padding:1.2rem;display:grid;gap:.65rem;align-content:start;flex:1}
.fp-news-card time,.fp-news-article time{font-size:.82rem;color:var(--fp-muted,#677c90)}
.fp-news-card h3{margin:0;font-size:1.15rem;line-height:1.4}
.fp-news-card p{margin:0;line-height:1.58;color:var(--fp-muted,#5b6c7d)}
.fp-news-card-more{margin-top:auto;font-weight:700;align-self:start}
.fp-news-archive,.fp-news-article{width:min(var(--fp-site-layout-width,1200px),calc(100% - 36px));max-width:var(--fp-site-layout-width,1200px);margin-inline:auto;padding:2rem 0}
.fp-news-article h1{margin:.6rem 0}
.fp-news-article figure{margin:1.5rem 0}
.fp-news-article figure img{display:block;max-width:100%;width:100%;height:auto;max-height:600px;object-fit:cover;border-radius:16px}
.fp-news-article .richtext{line-height:1.7;overflow-wrap:anywhere}
.fp-news-admin-list{display:grid;gap:.75rem}
.fp-news-admin-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid #dce5ef;border-radius:12px;padding:1rem}
.fp-news-admin-row p{margin:.3rem 0 0}
.fp-news-admin-editor form{display:grid;gap:1rem}
.fp-news-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.fp-news-editor-fields>label,.fp-news-media-field label{display:grid;gap:.35rem;font-weight:600}
.fp-news-editor-fields input,.fp-news-editor-fields select{width:100%;max-width:100%;padding:.8rem;border:1px solid #bdcede;border-radius:8px}
.fp-news-editor-content,.fp-news-media-field{grid-column:1/-1}
.fp-news-editor-content textarea{min-height:290px;width:100%;resize:vertical}
.fp-news-media-field{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap}
.fp-news-media-field label{flex:1 1 220px}
.fp-news-image-preview{width:100%;min-height:0}
.fp-news-image-preview img{display:block;max-width:270px;max-height:180px;object-fit:contain;border-radius:9px}
@media(max-width:640px){.fp-news-editor-fields{grid-template-columns:minmax(0,1fr)}.fp-news-admin-row{align-items:start;flex-direction:column}.fp-news-article,.fp-news-archive{padding:1rem 0}}

/* FactorPrint CMS 1.2.60 — News responds to its *container* width, not the viewport; CSS Snapshot 2026. */
/* Wide News block: date and linked title side by side. */
.fp-news-block{width:100%;max-width:100%;min-width:0;margin-block:.55rem;container-type:inline-size;container-name:fp-news-list}
.fp-news-compact-list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:0;min-width:0}
.fp-news-compact-item{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:start;column-gap:.65rem;row-gap:0;padding:.42rem .1rem;border-bottom:1px solid var(--fp-border,#dce5ef);min-width:0}
.fp-news-compact-item:first-child{border-top:1px solid var(--fp-border,#dce5ef)}
.fp-news-compact-item time{display:block;min-width:0;font-size:.79rem;line-height:1.5;color:var(--fp-muted,#677c90);white-space:nowrap;font-variant-numeric:tabular-nums}
.fp-news-compact-item a{display:block;min-width:0;max-width:100%;font-size:.91rem;font-weight:600;line-height:1.4;text-decoration:none;overflow-wrap:anywhere;color:var(--fp-link,var(--fp-accent,#1476c8))}
.fp-news-compact-item a:hover{text-decoration:underline}
.fp-news-compact-item a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px}
/* Narrow News widget (< 440px), including an inner 2/3-column CMS layout on a wide desktop. */
@container fp-news-list (max-width:440px){
  .fp-news-compact-item{grid-template-columns:minmax(0,1fr);row-gap:.22rem;padding-block:.65rem}
  .fp-news-compact-item time,.fp-news-compact-item a{grid-column:1;inline-size:100%}
  .fp-news-compact-item a{font-size:.95rem;line-height:1.48}
}
/* Old engines without container queries: prioritize a readable one-column layout on mobile. */
@supports not (container-type:inline-size){
  @media(max-width:640px){
    .fp-news-compact-item{grid-template-columns:minmax(0,1fr);row-gap:.22rem;padding-block:.65rem}
    .fp-news-compact-item time,.fp-news-compact-item a{grid-column:1}
  }
}

/* FactorPrint CMS News 1.2.0 — accessible Like control for single news posts. */
.fp-news-like-bar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:2.25rem 0 .75rem;padding:1rem 1.1rem;border:1px solid var(--fp-border,#dce5ef);border-radius:14px;background:linear-gradient(115deg,#f3f9fe,#fff)}
.fp-news-like-button{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.65rem 1rem;border:1px solid #d1e3f2;border-radius:999px;background:#fff;color:#126b9c;font:inherit;font-weight:700;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.fp-news-like-button:hover:not(:disabled){background:#e5f3fc;border-color:#86b9d6;transform:translateY(-1px)}
.fp-news-like-button:focus-visible{outline:3px solid #328ac5;outline-offset:3px}
.fp-news-like-button.is-liked{background:#fff0f2;border-color:#f0b6c2;color:#a62b4a;cursor:default}
.fp-news-like-icon{font-size:1.25rem;color:#c52d58;line-height:1}
.fp-news-like-total{font-size:1.15rem;font-weight:800;color:#243b52;font-variant-numeric:tabular-nums}
.fp-news-like-caption{font-size:.84rem;color:#6b7d90}
.fp-news-like-status{flex:1 1 100%;min-height:1em;font-size:.83rem;color:#536d84}
@media(max-width:430px){.fp-news-like-bar{padding:.75rem;gap:.45rem}}
@media(prefers-reduced-motion:reduce){.fp-news-like-button{transition:none!important;transform:none!important}}
