/* Landing (/): rules for what the comp set inline. Loaded after site.css. */
.hero-cta { margin-top: 40px; display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
.hero-platforms { margin-top: 56px; }
.panel-head { display: flex; justify-content: space-between; align-items: baseline; }
h2.paneltitle { line-height: 1.2; letter-spacing: -.02em; }
.panel-words-label { margin: 18px 0 8px; }
.panel-words { font-size: 19px; }
.panel-cards { margin-top: 18px; border-top: 1px solid var(--rule); }
.what-band { padding-top: 8px; }
.frame { margin: 0; }
.frame img { width: 100%; height: auto; display: block; }
.frame figcaption { margin-top: 12px; }
.ask-card { padding: 28px 30px; }
.ask-head { display: flex; justify-content: space-between; gap: 16px; }
.ask-q { font-size: 21px; font-weight: 500; }
.ask-a { font-size: 18px; line-height: 1.55; margin: 18px 0 0; }
.ask-cites { margin-top: 20px; display: flex; gap: 10px; flex-wrap: wrap; }
.coming-label { margin-top: 28px; }
.ais-list { margin-top: 10px; }
p.body.small { font-size: 16px; }
.ruled p.body.small { font-size: 17px; }
.thread-label { text-align: center; margin-bottom: 6px; }
.thread-sample { text-align: right; margin-top: 10px; }
.build-head { margin: 96px 0 28px; }
.build-head h3 { font-size: 32px; }
.build-line { margin-top: 10px; }
.tile-title { font-size: 17px; font-weight: 500; margin-bottom: 8px; }
.ruled a { text-decoration: underline; text-underline-offset: 3px; }