<?php
/**
 * single.php — article view.
 * Critical layout is set INLINE (CSS may fail to load / be overridden).
 * No sidebar, no <aside>: a single centered reading column.
 */
defined('ABSPATH') || exit;
get_header();

while (have_posts()) : the_post();
    $pc = zpj_primary_cat();
?>
<article class="zpj-single">

  <header class="zpj-single__head" style="max-width: 760px; margin: 0 auto; padding: 2rem 1.25rem 0;">
    <?php zpj_breadcrumbs(); ?>
    <?php if ($pc) : ?>
      <a class="zpj-tag" style="--t:<?php echo esc_attr(zpj_cat_hue($pc)); ?>" href="<?php echo esc_url(get_term_link($pc)); ?>"><?php echo esc_html($pc->name); ?></a>
    <?php endif; ?>
    <h1 class="zpj-single__title"><?php the_title(); ?></h1>
    <div class="zpj-single__meta">
      <?php get_template_part('parts/author'); ?>
      <span class="zpj-single__date"><?php echo zpj_pub_date(); ?> · 約<?php echo (int) zpj_calc_rt(); ?>分で読めます</span>
    </div>
  </header>

  <?php if (has_post_thumbnail()) : ?>
    <figure class="zpj-single__hero" style="max-width: 1000px; margin: 1.6rem auto; padding: 0 1.25rem;">
      <?php the_post_thumbnail('zpj-wide', ['loading' => 'eager', 'fetchpriority' => 'high', 'decoding' => 'async']); ?>
    </figure>
  <?php endif; ?>

  <div class="zpj-content has-dropcap" style="max-width: 760px; margin: 0 auto; padding: 0 1.25rem 3rem;">
    <?php the_content(); ?>
  </div>

  <?php
  // related posts from the same category (no sidebar — placed after content)
  if ($pc) {
      $rel = new WP_Query([
          'category__in'        => [$pc->term_id],
          'post__not_in'        => [get_the_ID()],
          'posts_per_page'      => 3,
          'ignore_sticky_posts' => 1,
          'no_found_rows'       => true,
      ]);
      if ($rel->have_posts()) : ?>
        <section class="zpj-related" style="max-width: 1000px; margin: 0 auto; padding: 2rem 1.25rem 3rem;">
          <h2 class="zpj-related__title">関連する記事</h2>
          <div class="zpj-post-grid">
            <?php while ($rel->have_posts()) : $rel->the_post(); get_template_part('parts/card'); endwhile; ?>
          </div>
        </section>
      <?php endif;
      wp_reset_postdata();
  }
  ?>
</article>
<?php
endwhile;
get_footer();