/* ========================================================================== 
   FAD blog archive module - v10.262.15 archive image radius correction
   Scope: body.fad-blog-archive only.
   Purpose: /blog/, /tema/ and /tag/ archive layout with approved TV-card typography, spacing
   and button rhythm reused directly for article cards. Archive card images
   explicitly keep square lower corners, matching related article cards.
   ========================================================================== */

body.fad-blog-archive{
  background:#f4f7fb;
}

.fad-blog-archive .fad-blog-page{
  background:#f4f7fb;
}

.fad-blog-archive .fad-blog-index{
  --fad-tv-card-radius:28px;
  --fad-tv-card-radius-mobile:22px;
  --fad-tv-card-border:1px solid rgba(48,78,133,.12);
  --fad-tv-card-shadow:0 18px 46px rgba(15,30,58,.07);
  --fad-tv-card-bg:#fff;
  --fad-tv-muted:#526176;
  --fad-tv-ink:var(--fad-type-ink,#071326);
  --fad-blog-ink:var(--fad-type-ink,#071326);
  --fad-blog-blue:var(--fad-blue,#304E85);
  display:grid;
  gap:var(--fad-inner-section-gap,56px);
}

.fad-blog-archive .fad-blog-topic-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:0;
}

.fad-blog-archive .fad-blog-topic-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border:1px solid rgba(48,78,133,.14);
  border-radius:999px;
  background:rgba(255,255,255,.84);
  color:#31435d;
  text-decoration:none;
  font-size:var(--fad-type-small-size,14.5px);
  line-height:1.2;
  font-weight:760;
  letter-spacing:var(--fad-type-small-track,var(--fad-type-small-spacing,-.002em));
  box-shadow:0 10px 24px rgba(15,30,58,.035);
}

.fad-blog-archive .fad-blog-topic-pill:hover,
.fad-blog-archive .fad-blog-topic-pill:focus-visible{
  border-color:rgba(48,78,133,.28);
  color:var(--fad-blog-ink);
  outline:0;
}

.fad-blog-archive .fad-blog-topic-pill:focus-visible{
  outline:3px solid rgba(48,78,133,.38);
  outline-offset:3px;
}

.fad-blog-archive .fad-blog-topic-pill.is-active{
  background:var(--fad-blog-blue);
  border-color:var(--fad-blog-blue);
  color:#fff;
  box-shadow:0 14px 30px rgba(48,78,133,.18);
}

.fad-blog-archive .fad-blog-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,2.4vw,30px);
}

.fad-blog-archive .fad-post-card{
  margin:0;
}

.fad-blog-archive .fad-post-card__media{
  display:block;
  text-decoration:none;
  border-bottom:1px solid rgba(48,78,133,.10);
}

.fad-blog-archive .fad-post-card__image,
.fad-blog-archive .fad-post-card__media img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  border-radius:0;
}

.fad-blog-archive .fad-post-card__image-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(48,78,133,.28);
  font-size:clamp(38px,5vw,72px);
  line-height:1;
  font-weight:950;
  letter-spacing:-.06em;
}

.fad-blog-archive .fad-post-card__meta a,
.fad-blog-archive .fad-post-card__category{
  color:inherit!important;
  text-decoration:none!important;
}

.fad-blog-archive .fad-post-card__meta a:hover,
.fad-blog-archive .fad-post-card__meta a:focus-visible{
  text-decoration:underline!important;
  text-underline-offset:3px;
}

.fad-blog-archive .fad-post-card__separator,
.fad-blog-archive .fad-post-card__date{
  color:#6c7d95;
}

.fad-blog-archive .fad-post-card__title a{
  color:inherit!important;
  text-decoration:none!important;
}

.fad-blog-archive .fad-post-card__title a:hover,
.fad-blog-archive .fad-post-card__title a:focus-visible{
  color:var(--fad-blog-blue)!important;
}

.fad-blog-archive .fad-post-card__actions{
  margin-top:auto!important;
  padding-top:26px;
}

.fad-blog-archive .fad-post-card__link{
  margin:0!important;
}

.fad-blog-archive .fad-blog-pagination{
  margin:0;
}

.fad-blog-archive .fad-blog-pagination .nav-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:center;
}

.fad-blog-archive .fad-blog-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:42px;
  padding:9px 13px;
  border:1px solid rgba(48,78,133,.14);
  border-radius:999px;
  background:rgba(255,255,255,.84);
  color:#31435d;
  text-decoration:none;
  font-size:var(--fad-type-small-size,14.5px);
  line-height:1.2;
  font-weight:760;
}

.fad-blog-archive .fad-blog-pagination .page-numbers.current{
  background:var(--fad-blog-blue);
  border-color:var(--fad-blog-blue);
  color:#fff;
}

.fad-blog-archive .fad-blog-pagination a.page-numbers:hover,
.fad-blog-archive .fad-blog-pagination a.page-numbers:focus-visible{
  border-color:rgba(48,78,133,.28);
  color:var(--fad-blog-ink);
}

.fad-blog-archive .fad-blog-empty{
  margin:0;
  padding:clamp(24px,3vw,38px);
  border:var(--fad-tv-card-border);
  border-radius:var(--fad-tv-card-radius);
  background:#fff;
  box-shadow:var(--fad-tv-card-shadow);
}

.fad-blog-archive .fad-blog-empty h2{
  margin:0 0 12px;
  color:var(--fad-blog-ink);
  font-size:clamp(24px,2vw,32px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:900;
}

.fad-blog-archive .fad-blog-empty p{
  margin:0;
  color:var(--fad-tv-muted);
  font-size:var(--fad-type-body-size,16px);
  line-height:var(--fad-type-body-line,1.62);
}

@media (max-width:980px){
  .fad-blog-archive .fad-blog-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .fad-blog-archive .fad-blog-index{
    gap:38px;
  }

  .fad-blog-archive .fad-blog-topic-nav{
    gap:8px;
  }

  .fad-blog-archive .fad-blog-topic-pill{
    min-height:38px;
    padding:9px 13px;
    font-size:13.5px;
  }

  .fad-blog-archive .fad-blog-empty{
    border-radius:var(--fad-tv-card-radius-mobile);
  }

  .fad-blog-archive .fad-post-card__actions,
  .fad-blog-archive .fad-post-card__actions .fad-btn{
    width:100%;
  }
}
/* v10.259.3 — approved /blog/ title-only adjustment, reused in v10.260 taxonomy archives.
   Keep TV card system, but cap blog article titles for longer post names. */
.fad-blog-archive .fad-post-card .fad-tv-show-copy h2.fad-post-card__title{
  margin:0 0 12px!important;
  font-size:clamp(25px,1.9vw,31px)!important;
  line-height:1.06!important;
  letter-spacing:-.04em!important;
}

@media (max-width:640px){
  .fad-blog-archive .fad-post-card .fad-tv-show-copy h2.fad-post-card__title{
    font-size:clamp(24px,7.1vw,30px)!important;
    line-height:1.07!important;
  }
}

/* ==========================================================================
   v10.262.9 - author page integration for approved shared components
   Button, intro split, proof strip, post-card, pagination and final CTA visuals
   remain owned by approved components. Social icons mirror the approved single
   author component values because single.css is not loaded on archive pages.
   ========================================================================== */

body.fad-author-profile-page .fad-author-intro-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  margin-top:4px;
}

body.fad-author-profile-page .fad-author-intro-actions .fad-single-author-socials{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

body.fad-author-profile-page .fad-author-intro-actions .fad-single-author-social{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:1px solid rgba(48,78,133,.16);
  border-radius:999px;
  background:#f4f7fb;
  color:#304E85!important;
  text-decoration:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

body.fad-author-profile-page .fad-author-intro-actions .fad-single-author-social svg{
  display:block;
  width:18px;
  height:18px;
  fill:currentColor;
}

body.fad-author-profile-page .fad-author-intro-actions .fad-single-author-social:hover,
body.fad-author-profile-page .fad-author-intro-actions .fad-single-author-social:focus-visible{
  background:#304E85;
  border-color:#304E85;
  color:#fff!important;
  transform:translateY(-1px);
}

body.fad-author-profile-page .fad-author-articles{
  display:grid;
  gap:var(--fad-inner-section-gap-compact,32px);
  scroll-margin-top:110px;
}

@media (min-width:981px){
  body.fad-author-profile-page .fad-page-content .fad-about-intro-main{
    grid-template-columns:minmax(320px,500px) minmax(0,620px);
    justify-content:center;
    column-gap:clamp(40px,3.4vw,56px);
  }

  body.fad-author-profile-page .fad-about-intro-image{
    width:100%;
    max-width:500px;
    justify-self:start;
  }
}

@media (min-width:701px) and (max-width:980px){
  body.fad-author-profile-page .fad-about-intro-image{
    width:100%;
    max-width:420px;
    justify-self:center;
  }
}

@media (max-width:760px){
  body.fad-author-profile-page .fad-author-intro-actions{
    align-items:flex-start;
  }
}