/* The Home Page's right-column cells and sizes (operator, 2026-10-31: "Adopt the /Ken version to production"). Taken from
   shared/template/ken/ken.css (the make-room review's cells.css + v2.css, operator 2026-10-29/30) without the Cosmological
   Constant cell (operator, 2026-10-31: omitted, the column's cells move up). /Ken and /cosmological/constant keep their own
   copy. Wider screens: the Featured Post and outlined Forum cells, both Add buttons on Kandahar Grey; phones never show
   the post cell. Every value is named and labelled for the Live Localhost Tuner (?tune=1). */
.hp-post{ display:none; }
.hp-forum-icons, .hp-forum-cell{ display:contents; }   /* phones: the icons stay plain items of the column */
@media (min-width: 781px){
  /* All text: the page's rem sizes all follow this one value (16px = today). The header's own sizes are in px and stay. */
  html{ --hp-root:16px; --hp-root--label:"All text: base size (every rem-sized text on the page follows it)"; font-size:var(--hp-root); }
  body.home-page .home-inner{
    --hp-intro-size:1.12rem; --hp-intro-size--label:"What you’ll find here: text size";
    --hp-intro-h3-size:1.1rem; --hp-intro-h3-size--label:"What you’ll find here: heading size";
    --hp-stats-tick-size:.55rem; --hp-stats-tick-size--label:"Stats cell: year numbers size (under the chart)";

    --hp-post-w:100%; --hp-post-w--label:"Forum post cell: width (share of the column)";
    --hp-post-above:0px; --hp-post-above--label:"Forum post cell: move down";
    --hp-post-x:0px; --hp-post-x--label:"Forum post cell: move sideways";
    --hp-post-pad-y:8px; --hp-post-pad-y--label:"Forum post cell: bottom padding";
    --hp-post-pad-x:8px; --hp-post-pad-x--label:"Forum post cell: side padding";
    --hp-post-head-pad:8px; --hp-post-head-pad--label:"Forum post cell: space above the heading";
    --hp-post-board-size:.62rem; --hp-post-board-size--label:"Forum post cell: heading size (Featured Post)";
    --hp-post-title-size:.82rem; --hp-post-title-size--label:"Forum post cell: discussion title size";
    --hp-post-text-size:.74rem; --hp-post-text-size--label:"Forum post cell: post text size";
    --hp-post-by-size:.62rem; --hp-post-by-size--label:"Forum post cell: author and board size";
    --hp-post-lh:1.45em; --hp-post-lh--label:"Forum post cell: post text line height";
    --hp-post-h:240px; --hp-post-h--label:"Forum post cell: post text height (the rest fades out)";
    --hp-post-h-img:66px; --hp-post-h-img--label:"Forum post cell: post text height under an image (about three lines)";
    --hp-post-fade:48px; --hp-post-fade--label:"Forum post cell: fade length at the bottom";
    --hp-post-gap:5px; --hp-post-gap--label:"Forum post cell: space between its lines";

    --hp-forum-col-w:96px; --hp-forum-col-w--label:"Forum icons: icon size (under half the column = two across)";
    --hp-forum-col-gap:8px; --hp-forum-col-gap--label:"Forum icons: space between columns";
    --hp-forum-cell-pad:8px; --hp-forum-cell-pad--label:"Forum cell: inner padding";
  }
  /* What you'll find here, and the stats cell's year numbers */
  .hp-intro p{ font-size:var(--hp-intro-size); }
  .hp-intro .hp-copy__h3{ font-size:var(--hp-intro-h3-size); }
  .hp-top-rail .hpi-ticks{ font-size:var(--hp-stats-tick-size); }
  /* the Add button on Kandahar Grey (SP-54's .cr-btn--kandahar values) */
  .hp-top-rail > .cr-btn{ background:#c2c3b3; }
  .hp-top-rail > .cr-btn:hover{ background:#b1b2a1; }
  /* the Statistics card's Add button the same (operator, 2026-10-31) */
  .stats-band .cr-btn{ background:#c2c3b3; }
  .stats-band .cr-btn:hover{ background:#b1b2a1; }
  /* the Forum cell: heading and icons in one outlined box, like the stats cell */
  .hp-top-rail > .hp-forum-cell{ display:block; box-sizing:border-box; padding:var(--hp-forum-cell-pad); border:1px solid #e5e7eb; border-radius:8px; background:#fff; }
  /* the Forum icons as a grid of fixed-width columns, centred, without their names; two across at 96px in a 210px column */
  body.home-page .hp-forum-icons{ display:grid; grid-template-columns:repeat(auto-fill, min(var(--hp-forum-col-w), 100%)); justify-content:center;
    column-gap:var(--hp-forum-col-gap); row-gap:var(--hp-rail-item-gap); align-items:center; }
  .hp-forum-icons .hp-top-rail__label{ display:none; }
  .hp-top-rail .hp-forum-icons .hp-top-rail__cell{ margin:0; box-sizing:border-box; }   /* the icon fills its column exactly */
  /* the Forum post cell: "Featured Post" over a divider (as the Forum cell's heading), then title, as much of the post as
     the height allows (faded out), author and board */
  .hp-top-rail > .hp-post{ display:flex; flex-direction:column; gap:var(--hp-post-gap); box-sizing:border-box; align-self:flex-start; overflow:hidden;
    width:var(--hp-post-w); margin-top:var(--hp-post-above); margin-left:var(--hp-post-x); padding:var(--hp-post-head-pad) var(--hp-post-pad-x) var(--hp-post-pad-y);
    border:1px solid #e5e7eb; border-radius:8px; background:#fff; text-decoration:none; color:var(--home-text); }
  .hp-top-rail > .hp-post:hover{ border-color:var(--home-border); background:#fbfbfc; }
  .hp-post__head{ padding-bottom:8px; border-bottom:1px solid var(--home-border); text-align:center;
    font-size:var(--hp-post-board-size); font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--home-dark); }
  .hp-post__title{ font-size:var(--hp-post-title-size); font-weight:700; line-height:1.25; color:var(--home-dark); }
  .hp-post:hover .hp-post__title{ color:var(--home-brand); }
  .hp-post__text{ display:block; font-size:var(--hp-post-text-size); line-height:var(--hp-post-lh); max-height:var(--hp-post-h); overflow:hidden;
    -webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--hp-post-fade)), transparent);
            mask-image:linear-gradient(to bottom, #000 calc(100% - var(--hp-post-fade)), transparent); }
  /* SP-20 (Homepage Excerpt): the post's first uploaded image, a 400x300 copy shown 4:3 at the cell's width; under it the text is held to about three lines */
  .hp-post__img{ display:block; width:100%; aspect-ratio:4/3; overflow:hidden; border-radius:4px; background:#f3f4f6; }
  .hp-post__img img{ display:block; width:100%; height:100%; object-fit:cover; }
  .hp-post--img .hp-post__text{ max-height:var(--hp-post-h-img); }
  .hp-post__by{ font-size:var(--hp-post-by-size); color:var(--home-muted); }
}
/* Make-room review, version 2 (operator, 2026-10-29): the right column wider; smaller main text (1.12 -> 1rem) so the page grows no longer.
   PS1 (operator, 2026-10-29, the version carried forward): right column 143 -> 210px; Forum icons two across.
   PS2 (operator, 2026-10-29): the tuner values below marked PS2.
   Read after cells.css; the same selector as home_shell.css, so the Live Localhost Tuner shows these values. */
@media (min-width: 781px){
  html{ --hp-root:15px; }   /* PS2; was 16px */
  body.home-page .home-inner{
    --hp-rail-w:210px;   /* PS1; was 143px (110 + 30%) */
    --hp-forum-col-w:88px;   /* two across: 2 x 88 + 8 gap inside the PS2 Forum cell (210 - 2 border - 2 x 8 padding = 192); was 96px */
    --hp-lede-size:1rem; --hp-text-size:1rem; --hp-text-lh:1.55em; --hp-h3-size:1.05rem;
    --hp-card-desc-size:1rem; --hp-lit-desc-size:1rem;
    --hp-intro-size:1rem; --hp-intro-h3-size:1.05rem;
    /* PS2 tuner values (was: above 0, pad-x 8px, board .62rem, title .82rem, text .74rem, lh 1.45em, h 240px, gap 5px, stats text .6rem, bars 62px) */
    --hp-post-above:2px; --hp-post-pad-x:14px; --hp-post-board-size:.8rem; --hp-post-title-size:.87rem; --hp-post-text-size:.85rem;
    --hp-post-lh:1.6em; --hp-post-h:170px; --hp-post-gap:8px;
    --hp-stats-text:.8rem; --hp-stats-bars:80px;
  }
}