Template:JakeTesting.css: Difference between revisions

Revision as of 00:51, 22 August 2025

.crw-hero-wp{max-width:980px;margin:0 auto 2rem;padding:0 1rem;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.crw-eyebrow-wp{font-size:.9rem;color:#6b7280;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.4rem}
.crw-title-wp{font-size:2rem;line-height:1.25;margin:.25rem 0 .8rem;font-weight:700;color:#202122;border-bottom:3px solid #eaecf0;padding-bottom:.4rem}
.crw-tagline-wp{font-size:1.15rem;line-height:1.6;margin:0 0 .75rem;color:#374151}
.crw-count-wp{font-size:1rem;color:#4b5563;margin:0 0 1.25rem}
.crw-links-wp{margin:0;font-size:1rem;line-height:1.6}
.crw-links-wp a{color:#0645ad;text-decoration:underline;margin:0 .25rem}
.crw-links-wp a:hover{color:#0b0080;text-decoration:underline}

.content-grid{max-width:980px;margin:0 auto 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 1rem}
.content-section{background:#fff;border:1px solid #eaecf0;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.03);padding:1rem}
.content-section.wide{grid-column:1 / -1}
.content-header{font-size:1.2rem;line-height:1.35;font-weight:700;color:#202122;border-bottom:2px solid #eaecf0;padding-bottom:.4rem;margin:-.1rem 0 .9rem}

.content-section a{color:#0645ad;text-decoration:underline}
.content-section a:hover{color:#0b0080;text-decoration:underline}
.content-section ul{margin:.3rem 0 .7rem;padding-left:1.2rem}
.content-section li{margin:.2rem 0}
.content-section table{width:100%;border-collapse:collapse;margin:.35rem 0}
.content-section th,.content-section td{border:1px solid #eaecf0;padding:.55rem .65rem;vertical-align:top}
.content-section th{background:#f8f9fa;font-weight:700}

.crw-hero-wp {
  border: 1px solid #eaecf0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.03);
  padding: 2rem 1.5rem;
}

@media (max-width:900px){
  .content-grid{grid-template-columns:1fr}
  .crw-title-wp{font-size:1.75rem}
  .crw-tagline-wp{font-size:1.08rem}
}

.crw-links-wp {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  margin-top: 1rem;
}

.crw-links-wp a {
  display: inline-block;
  padding: .45rem .9rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #f9fafb;
  color: #374151;
  font-size: .95rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s ease;
}

.crw-links-wp a:hover {
  background: #f3f4f6;
  border-color: #9ca3af;
  color: #111827;
}

.crw-links-wp a {
  display: inline-block;
  padding: .5rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #f9fafb;
  color: #1f2937;
  font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-decoration: none;
  transition: all .2s ease;
}

.crw-links-wp a:hover {
  background: #f3f4f6;
  border-color: #9ca3af;
  color: #111827;
}

.crw-title-wp {
  font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 4rem;
  line-height: 1.3;
  font-weight: 700;
  color: #202122;
  margin: .25rem 0 1rem;
}