/**
 * Copyright 2025 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.blog__meta {
  border-bottom: 1px solid $gray-09;
  border-top: 1px solid $gray-09;
  padding: 0.5em;
  margin-bottom: 1em;
}

.blog__more {
  margin-top: 2em;
}

.image-list {
  img {
    display: inline;
  }
}


.blog-index__post {
  margin-bottom: 2em;

  .blog--no-index {
    display: none;
  }

  h3 {
    font-weight: 600;
    font-size: 1.4em;
    margin: -0.2em 0 0;
    line-height: 1.1;
  }

  p.blog-index__tags {
    margin: 0 0 0.25em 0;
    font-size: 0.9em;

    a {
      color: darken($gray-09, 20);
    }
  }

  .blog-index__meta {
    margin-right: 1em;

    img {
      border-radius: 5px;
    }

    p {
      color: $gray-09;
      font-size: 0.85em;
      text-align: center;
    }
  }

  .blog-index__body {
    float: left;
    max-width: 43em;

    @include bp-min (m) {
      width: 83%;
    }
  }
}

.blog__image-text {
  font-size: 0.9em;
  font-style: italic;
  text-align: center;
}