/* /search/tampa — the reading sections the /search template does not have (brief: 1,500-2,500 words).
   Set in the Q&A's own grid (hub-1.css .h1-qa: 12 columns, label side 1-3, text side 5-12, the same margins and
   gutter), the display italic for the headings and the Q&A answer size for the text. Colours are the Found room's
   (search.css). Nothing here paints a line: no borders, rules or underlines; space separates things. */

.t-art { padding-top: calc(60 * var(--u)); }
.t-sec { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: var(--g); padding: calc(110 * var(--u)) var(--m) 0; }
.t-h { grid-column: 1 / span 4; align-self: start; font-size: max(24px, calc(38 * var(--u))); line-height: 1.08; color: var(--foam); }
.t-body { grid-column: 5 / span 8; max-width: calc(820 * var(--u)); }
.t-p, .t-list li { font-size: max(16px, calc(19 * var(--u))); line-height: 1.6; color: rgba(238,240,236,.78); }
.t-p + .t-p, .t-p + .t-list, .t-list + .t-p, .t-fig + .t-p, .t-p + .t-fig, .t-list + .t-fig { margin-top: 1.1em; }
.t-list { list-style: none; margin: 0; padding: 0; }
.t-list li + li { margin-top: .85em; }
.t-k { font-weight: 500; color: var(--foam); }
.t-body a { color: var(--acc); transition: color .25s var(--e-ui); }
.t-body a:hover { color: var(--foam); }
.t-q { color: var(--foam); }

/* the founder's words: the display italic, larger, set apart by space alone */
.t-fig { margin: calc(46 * var(--u)) 0; }
.t-quote { font-size: max(22px, calc(34 * var(--u))); line-height: 1.3; color: var(--foam); }
.t-fig figcaption { margin-top: 1.2em; }

/* the CHM address under the close, in the close's own small caps */
.t-mail { margin-top: calc(40 * var(--u)); text-transform: none; letter-spacing: .02em; font-size: max(13px, calc(15 * var(--u))); }
.t-mail a { color: var(--acc); transition: color .25s var(--e-ui); }
.t-mail a:hover { color: var(--foam); }

/* the case name in the opener and panel 1 is a link to its public case; it keeps the colour it had as text */
.hub--t .h1-name a, .hub--t .h1-pan__k a { color: inherit; }

@media (max-width: 700px) {
  .t-art { padding-top: 20px; }
  .t-sec { grid-template-columns: 1fr; row-gap: 18px; padding-top: 64px; }
  .t-h, .t-body { grid-column: 1; max-width: none; }
  .t-fig { margin: 28px 0; }
  .t-mail { margin-top: 28px; }
}