/* Texas Property Protest, press page (loads after site.css and guide.css and reuses their tokens).
   Adds only what they lack: the bio and headshot layout, and a button for the headshot download and the Copy buttons.
   No inline styles anywhere: the site's CSP only allows these stylesheets. */

.pbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--sun);color:var(--ink);text-decoration:none;font:800 .86rem/1 var(--body);letter-spacing:.03em;text-transform:uppercase;padding:13px 20px;border:var(--bd);border-radius:999px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;touch-action:manipulation}
.pbtn:hover{background:#ffd85f}
.pbtn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.prose a.pbtn,.checks a.pbtn{font-weight:800;text-decoration:none;padding:13px 20px}

/* Bio: headshot beside the text on wide screens, stacked on phones */
.press-bio{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px 36px;align-items:start}
.press-fig{margin:0;display:grid;gap:14px;justify-items:start}
.press-fig img{width:240px;height:240px;object-fit:cover;border:var(--bd);border-radius:var(--r);box-shadow:var(--pop);background:var(--sky-2)}
.press-fig figcaption{display:grid;gap:8px;justify-items:start}
.press-fig figcaption span{font:400 .86rem/1.4 var(--body);color:var(--mute)}
.press-role{font:800 1.05rem/1.3 var(--disp);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:14px}
.press-bio-text .prose{max-width:62ch}

/* The 50 and 250 versions: the site's own FAQ rows, with the section padding taken off */
.faq.vers{padding:36px 0 0}
.faq.vers details p{padding:0 0 14px}
.faq.vers .bio{padding:0 0 8px;max-width:62ch;color:var(--ink-2)}
.copy-row{display:flex;align-items:center;gap:12px;margin-top:16px}
.faq.vers .copy-row{margin:4px 0 22px}

@media (max-width:760px){
  .press-bio{grid-template-columns:1fr}
  .press-fig img{width:min(220px,60vw);height:auto;aspect-ratio:1}
}