/*
Theme Name: Twenty Twenty-Five Child - Light Article
Template: twentytwentyfive
Description: Light, article-centric child theme with responsive post grid and wide single-post layout.
Version: 1.1.0
Text Domain: tt25-light-article-child
*/

:root{ --tt25-body-size: var(--wp--preset--font-size--base); }

body{ font-size: var(--tt25-body-size); }

:where(.entry-content, .wp-block-post-content, .wp-site-blocks .wp-block-post-content){
  font-size: var(--tt25-body-size);
  line-height: 1.7;
}
:where(.entry-content, .wp-block-post-content) p{
  font-size: var(--tt25-body-size);
  line-height: 1.7;
}
:where(.wp-block-post-date, .wp-block-post-terms, figcaption, .wp-block-image figcaption){
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--muted);
}
.wp-block-post-title,
h1.entry-title,
.single .wp-block-post-title,
h1{
  font-size: clamp(2rem, 4vw, 2.25rem);
  line-height: 1.2;
}

.wp-block-post-template.is-layout-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 1024px){
  .wp-block-post-template.is-layout-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .wp-block-post-template.is-layout-grid{ grid-template-columns: repeat(1, minmax(0,1fr)); }
}
.wp-block-post-template .wp-block-group p,
.wp-block-post-template .wp-block-group .wp-block-post-excerpt{
  font-size: var(--tt25-body-size);
}
.wp-block-post-template .wp-block-post-featured-image img{
  width: 100%;
  height: auto;
  display: block;
}

.is-article .wp-site-blocks{ padding-left: 0; padding-right: 0; }
.is-article .single-wrap{ width: 100vw; }
.is-article .single-inner{
  width: 98%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px){
  .is-article .single-inner{ width: 80%; }
}
.is-article .single-inner img,
.is-article .single-inner iframe,
.is-article .single-inner figure{
  max-width: 100%;
  height: auto;
}