/* floortalks.com — static-build changes on top of the approved 09-11 Spec Sheet design (site.css, unchanged).
   2026-10-07: collage hero (owner), headings ≤ 52px (house rule), credits off the photographs, honest byline,
   'In short' note, numbered sources, figures with Commons credits. */

/* ── headings: house cap is 52px ── */
body.ft-page .entry-title,body.ft.error404 .entry-title{font-size:clamp(34px,3.9vw,52px)}

/* ── HERO: the sample board (owner 10-07: a collage of floors, shows and work) ── */
.hero--board{height:auto;background:var(--blue-deep);
  background-image:linear-gradient(var(--blue-line) 1px,transparent 1px),linear-gradient(90deg,var(--blue-line) 1px,transparent 1px);background-size:24px 24px}
.hero--board::after{display:none}
.board-grid{display:grid;gap:6px;padding:18px var(--pad) 18px calc(var(--rail) + var(--pad));
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:repeat(2,clamp(150px,13vw,230px)) repeat(3,clamp(110px,9vw,170px));
  grid-template-areas:"t t t h h h" "t t t h h h" "b b p c l k" "x v p c l k" "d d d r r r"}
.bt{position:relative;display:block;overflow:hidden;background:#20324d;min-width:0;min-height:0;outline-offset:3px}
.bt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bt:hover img,.bt:focus-visible img{transform:scale(1.04)}
.bt-no{position:absolute;left:0;top:0;background:var(--hivis);color:var(--ink);font:700 11px/1 var(--f-mono);letter-spacing:.06em;padding:6px 7px}
.bt-lab{position:absolute;left:0;bottom:0;max-width:100%;background:rgba(12,42,82,.92);color:#fff;font:500 11px/1.3 var(--f-mono);
  letter-spacing:.03em;padding:6px 9px 7px;border-left:3px solid var(--hivis)}
.bt-lab b{display:block;font-weight:700;color:var(--hivis);text-transform:uppercase;letter-spacing:.08em;font-size:10px;margin-bottom:2px}
.bt-plate{display:flex;flex-direction:column;justify-content:flex-end;padding:22px 24px 24px;background:rgba(6,22,44,.94);border:1px solid rgba(170,195,235,.28);color:#fff}
.bt-plate .hero-kicker{align-self:flex-start}
.hero--board h1{margin:0;font:800 clamp(32px,3.6vw,52px)/.98 var(--f-display);text-transform:uppercase;letter-spacing:.005em;text-shadow:none;text-wrap:balance;color:#fff}
.hero--board h1 span{display:block}
.hero--board .hero-deck{margin:14px 0 0;max-width:62ch;font:400 17px/1.5 var(--f-body);color:#E6EDF7}
.board-key{align-items:baseline}
.board-key .bk-sum{color:#DCE6F4}
.board-key details{flex-basis:100%}
.board-key summary{cursor:pointer;color:#fff;font-weight:600}
.board-key ol{list-style:none;margin:10px 0 2px;padding:0;columns:2;column-gap:28px;font:500 11.5px/1.5 var(--f-mono);color:#DCE6F4}
.board-key li{break-inside:avoid;padding:2px 0}.board-key li i{font-style:normal;color:var(--hivis);margin-right:8px}
.board-key a{color:#fff}
@media (max-width:1279px){.board-grid{padding-left:var(--pad)}}
@media (max-width:1100px){
  .board-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto repeat(5,clamp(110px,16vw,190px));
    grid-template-areas:"t t t t" "h h b b" "p c l k" "p c l k" "x v d d" "r r d d"}}
@media (max-width:640px){
  .board-grid{gap:4px;padding:10px var(--pad) 12px;grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto 200px 130px repeat(2,150px) repeat(2,150px) 130px 140px 140px;
    grid-template-areas:"t t" "h h" "b b" "p c" "p c" "l k" "l k" "x v" "d d" "r r"}
  .bt-plate{padding:18px 16px 20px}
  .hero--board h1{font-size:clamp(28px,8vw,38px)}
  .hero--board .hero-deck{font-size:15.5px}
  .bt-lab{font-size:10px;padding:5px 7px}
  .board-key ol{columns:1}}

/* ── article furniture added for the static build ── */
.ft-prose .dek{margin:12px 0 0;font:400 19px/1.5 var(--f-body);color:var(--ink-2);max-width:62ch}
.byline a{color:inherit}
.in-short{margin:0 0 28px;padding:16px 20px 14px;background:var(--blue-deep);color:var(--blue-ink);border-left:6px solid var(--hivis)}
.in-short b{display:block;font:700 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hivis);margin-bottom:8px}
.in-short p{margin:0;color:#fff;font-size:17.5px;line-height:1.55}
.in-short a{color:#fff}
sup.c{font:600 .68em/1 var(--f-mono);margin-left:1px}
sup.c a{text-decoration:none;color:#1B4E9B;padding:0 1px}
sup.c a:hover{background:var(--hivis)}
.srcs{margin:40px 0 0;padding-top:14px;border-top:3px solid var(--ink)}
.srcs h2{margin:0 0 10px!important;font:700 13px/1 var(--f-mono)!important;letter-spacing:.12em;text-transform:uppercase}
.srcs ol,.srcs-list{margin:0;padding-left:22px;font:400 14.5px/1.5 var(--f-body);color:var(--ink-2)}
.srcs li,.srcs-list li{margin:0 0 6px;word-break:break-word}
.srcs a,.srcs-list a{color:#1B4E9B}
.srcs-sheet{padding-top:10px}
.disc{margin:22px 0 0;font:italic 400 14.5px/1.55 var(--f-body);color:var(--ink-2)}
.ft-fig{margin:26px 0}
.ft-fig img{width:100%;height:auto;display:block;border:1px solid var(--ink)}
.list-h{margin:34px 0 12px;font:800 28px/1 var(--f-display);text-transform:uppercase;letter-spacing:.01em;border-bottom:3px solid var(--ink);padding-bottom:8px}
.foot-credits{font:500 11px/1.5 var(--f-mono);color:#AFC3E2;margin:14px 0 0}

/* home: the General notes byline (the article .byline style is too large inside .prose-notes) */
body.ft .notes-grid .prose-notes p.byline{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 22px;padding:0 0 10px;border:0;border-bottom:1px solid var(--rule);font:500 12px/1.5 var(--f-mono);color:var(--ink-2)}
body.ft .notes-grid .prose-notes p.byline a{color:var(--ink)}
/* board labels: one short line on small tiles; the key under the board carries the full description */
.bt-x .bt-lab,.bt-v .bt-lab,.bt-b .bt-lab{font-size:10px;padding:4px 7px}
.bt-x .bt-lab span,.bt-v .bt-lab span{display:none}
.in-short sup.c a{color:var(--hivis)}
/* comparison tables wrap inside the 68ch column on desktop; they scroll sideways only on phones */
.ft-prose .entry-content .wp-block-table table{min-width:0}
@media (max-width:640px){.ft-prose .entry-content .wp-block-table table{min-width:560px}}
/* phone: a compact board (owner 10-05: the homepage opens with the article) — plate + three photos, short labels */
@media (max-width:640px){
  .board-grid{grid-template-rows:auto 190px 150px;grid-template-areas:"t t" "h h" "c l"}
  .bt-b,.bt-p,.bt-k,.bt-d,.bt-v,.bt-x,.bt-r{display:none}
  .bt-lab span{display:none}
  /* ⛔ with seven tiles hidden the chips read 01 · 04 · 05, which looks like a broken sequence (measured 375px, 10-07).
     The numbers only exist to key the credit list, which stays complete below. */
  .bt-no{display:none}
  .board-key .bk-sum{display:none}}
/* contact form (static: posts to /contact-send.php) */
.form{display:grid;gap:6px;max-width:560px;margin:10px 0 30px}
.form label{font:600 12px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:10px}
.form input,.form textarea{font:400 17px/1.4 var(--f-body);padding:10px 12px;border:1px solid var(--ink);background:#fff;border-radius:0}
.form button{justify-self:start;margin-top:14px;font:700 13px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--hivis);border:0;padding:14px 22px;cursor:pointer}
.form .hp{position:absolute;left:-9999px}
.note{background:var(--hivis);padding:10px 14px;font-weight:600}
.list-sec{font-size:34px;border-bottom-width:6px}.list-sec a{text-decoration:none}
/* card thumbnails are the article's own photo (cropped square), not the section swatch */
.ds-top img.ds-thumb{width:52px;height:52px;object-fit:cover;border:1px solid var(--ink)}
/* hub/section article lists: full width under the intro, same card styling as the homepage sheets */
.hub-list{padding:10px var(--pad) 40px;max-width:1240px}
.hub-list .list-h{margin-top:30px}
.hub-list .list-sec{margin-top:44px}
/* photo gallery block on pages (shows): two columns, credited figures */
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 30px}
.gallery .ft-fig{margin:0}.gallery .ft-fig img{aspect-ratio:4/3;object-fit:cover}
@media (max-width:640px){.gallery{grid-template-columns:1fr}}