/* =============================================================================
   teas.co.uk — Homepage v2.3 · TABLET PORTRAIT layer  (768–1023px)
   Additive. Load AFTER the landscape layer, BEFORE mobile.
   ========================================================================== */
@media (max-width: 1023px) {

  .hp-shell            { padding: 18px 20px 0; }

  /* hero — the chat drops under the copy at this width ------------------ */
  .hp-hero__in         { flex-direction: column; align-items: stretch; gap: 26px; }
  .hp-hero__copy,
  .hp-hero__side       { flex: 1 1 100%; }
  .hp-hero h1          { font-size: clamp(40px, 6.4vw, 52px); }
  .hp-hero__lede       { max-width: 62ch; }
  .hp-hero__good       { max-width: none; }
  .hp-hero .asklee__chat { min-height: 460px; }

  /* tea of the day — plate over copy ------------------------------------ */
  .hp-totd__face       { grid-template-columns: 1fr; gap: 20px; }
  .hp-totd__pic        { width: 100%; max-width: 420px; height: 280px; }
  .hp-totd__title      { font-size: clamp(30px, 5vw, 38px); }
  .hp-totd__note       { max-width: none; }

  /* ways in ------------------------------------------------------------ */
  .hp-ways__heroes     { grid-template-columns: 1fr; }
  .hp-wayhero__art     { height: 180px; }
  .hp-ways__grid       { grid-template-columns: repeat(2, minmax(0,1fr)); }

  /* recipes ------------------------------------------------------------ */
  .hp-recipe-feature   { grid-template-columns: 1fr; }
  .hp-recipe-feature__pic { min-height: 220px; border-right: 0;
                            border-bottom: 1px solid rgba(14,15,18,.09); }
  .hp-recipe-cols      { grid-template-columns: 1fr; gap: 20px; }
  .hp-recipes__grid    { grid-template-columns: repeat(2, minmax(0,1fr)); }

  /* wiki --------------------------------------------------------------- */
  .hp-wiki__top        { grid-template-columns: 1fr; }
  .hp-wiki__counts     { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); }
  .hp-wiki__families   { grid-template-columns: 1fr; }
  .hp-wiki__people     { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hp-wiki__index      { columns: 2; }

  /* live picks + news --------------------------------------------------- */
  .hp-live, .hp-newsrow { grid-template-columns: 1fr; }
  .hp-live__grid        { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .hp-newsrow__stories  { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hp-journal           { min-height: 260px; }

  /* footer -------------------------------------------------------------- */
  .hp-foot__grid       { grid-template-columns: repeat(2, minmax(0,1fr)); }
}