/* home page (magneticnorse.com) - page-specific rules only. Tokens come from /assets/site.css. */

/* the three doors: index rows in the Cold North shape */
.doors{display:flex;flex-direction:column;gap:var(--gap);margin-top:26px}
.door{padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:4px 22px;align-items:center}
.door .dk{grid-column:1;color:var(--accent);margin-bottom:4px}
.door h2{grid-column:1;font-size:21px;line-height:1.15;margin:0}
.door p{grid-column:1;font-size:14px;line-height:1.55;color:var(--body);max-width:none}
.door .go{grid-column:2;grid-row:1/span 3;font-size:13px;padding:11px 16px}
.door.money .go{background:var(--accent);border-color:var(--accent);color:var(--bg)}
@media (max-width:640px){
  .door{grid-template-columns:1fr;gap:6px}
  .door .dk,.door h2,.door p,.door .go{grid-column:1;grid-row:auto}
  .door .go{justify-self:start;margin-top:8px}
}

.about p{font-size:15.5px}