/* news-fn.css -- release14d-261004 @req R14d-2 (PROMPT-release14d-261004, draft.md for /news/hoka-like-a-pro-field-notes).
   PAGE-SCOPED: build.mjs links this file only on a post that carries a ROW (consecutive blocks with one `row`) or an
   FAQ block, so no other page loads it and no other page can move. Three additions, nothing else:
   .arow-2        two images side by side on desktop (one shared height off each figure's own --ar), stacked at 390.
   .arow-reels    two 9:16 players: 2-up on desktop, stacked on a phone, and never taller than the viewport - the
                  width is capped at (100svh - 160px) * 9/16, so the box is the clip's own shape, not a 16:9 letterbox.
   .arow-instore  four small vertical clips in one row on desktop, 2x2 on a phone; each capped at its own pixel width
                  (style max-width from build.mjs), so v21's 200x352 is never upscaled.
   .alinks        R14e-1 the "Explore more" list (block 12).
   .post>.geofold R14e-2 placement only of THE site FAQ fold (work.css); 14d's per-question .afaq rules are gone. */
.arow{margin:1.8em 0;display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.arow>figure{margin:0}
.arow .afig img{background:#0d0d0d}
@media(min-width:700px){
.arow-2{display:flex;align-items:flex-start}
.arow-2>figure{flex:var(--ar,1.5) 1 0;min-width:0}
}
.avert{margin:0;justify-self:center;width:100%;background:#0d0d0d}
.avert video{display:block;width:100%;height:100%;object-fit:contain}
.arow-reels .avert{width:min(100%,calc((100svh - 160px) * 9 / 16))}
@media(min-width:700px){.arow-reels{grid-template-columns:repeat(2,minmax(0,1fr))}}
.arow-instore{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
@media(min-width:700px){.arow-instore{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* release14e-261004 @req R14e-1: "Explore more" - a plain list, no bullets, the arrow a space after the text. */
.abody .alinks{list-style:none;padding:0;margin:.6em 0 1.15em}
.abody .alinks li{margin:.45em 0}
.abody .alinks .arw{margin-left:.35em;border:0}
/* release14e-261004 @req R14e-2: the FAQ is THE site fold (work.css .geofold/.geosum/.geoin/.faq, unchanged and not
   copied). The one news rule is where it sits: its left edge on the article column (.abody, 62ch of 17px Inter Tight
   centred inside the article's var(--pad)), instead of the job pages' full-width var(--pad) margin. */
.post>.geofold{font-family:"Inter Tight",system-ui,sans-serif;font-size:17px;box-sizing:border-box;width:min(62ch,100% - 2 * var(--pad));margin-left:auto;margin-right:auto}