.page.wide { max-width: 900px; }
.hero { margin-bottom: 36px; }
.hero h1 { font-size: 36px; }
.tool-list { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 36px; }
.tool-card { display: flex; flex-direction: column; gap: 12px; }
.tool-card h2 { font-family: "DM Serif Display", Georgia, serif; font-weight: normal; font-size: 24px; }
.tool-card p { font-size: 14px; color: var(--mid); line-height: 1.6; flex: 1; }
.tool-card .meta { font-size: 12px; color: var(--mid); }
.tool-card.soon { opacity: 0.7; }
.pill { align-self: flex-start; font-family: "Lato", sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 4px 10px; border-radius: 20px; background: var(--cream); color: var(--mid); }
.pill.yours { background: #E6F2E8; color: #3E7A48; }
.login-box h2 { font-size: 22px; font-weight: normal; }
.admin-link { margin-top: 28px; font-size: 13px; }
@media (max-width: 640px) {
  .tool-list { grid-template-columns: 1fr; }
  .hero h1 { font-size: 28px; }
}