Template:JakeTesting.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-.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:1rem;color:#000;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 {
+  max-width: 980px;
+  margin: 0 auto 2rem;
+  padding: 2rem 1.5rem;
+  text-align: center;
    border: 1px solid #eaecf0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.03);
-   padding: 2rem 1.5rem;
+   font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+}
+.crw-eyebrow-wp {
+  font-size: 1rem;
+  font-weight: 600; /* bold */
+  color: #000;
+  letter-spacing: .04em;
+  text-transform: uppercase;
+  margin-bottom: .4rem;
+}
+.crw-title-wp {
+  font-size: 2rem;
+  line-height: 1.3;
+  font-weight: 700;
+  color: #202122;
+  margin: .25rem 0 1rem;
+}
+.crw-tagline-wp {
+  font-size: 1.15rem;
+  line-height: 1.6;
+  margin: 0 0 .75rem;
+  color: #374151;
 }
-@media (max-width:900px){
+.crw-count-wp {
-  .content-grid{grid-template-columns:1fr}
+  font-size: 1rem;
-  .crw-title-wp{font-size:1.75rem}
+  color: #4b5563;
-   .crw-tagline-wp{font-size:1.08rem}
+   margin: 0 0 1.25rem;
 }
@@ Line 45: / Line 51: @@
 .crw-links-wp a {
    display: inline-block;
-   padding: .45rem .9rem;
+   padding: .5rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #f9fafb;
-   color: #374151;
+   color: #1f2937;
    font-size: .95rem;
    font-weight: 500;
+  letter-spacing: 0.01em;
    text-decoration: none;
    transition: all .2s ease;
@@ Line 62: / Line 69: @@
 }
-.crw-links-wp a {
+.content-grid {
-   display: inline-block;
+   max-width: 980px;
-   padding: .5rem 1rem;
+   margin: 0 auto 2rem;
-   border: 1px solid #d1d5db;
+   display: grid;
-   border-radius: 6px;
+   grid-template-columns: 1fr 1fr;
-   background: #f9fafb;
+   gap: 1rem;
-   color: #1f2937;
+   padding: 0 1rem;
-   font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+}
-   font-size: 0.95rem;
-   font-weight: 500;
+.content-section {
-   letter-spacing: 0.01em;
+   background: #fff;
-   text-decoration: none;
+   border: 1px solid #eaecf0;
-  transition: all .2s ease;
+   border-radius: 10px;
+   box-shadow: 0 1px 6px rgba(0,0,0,.03);
+   padding: 1rem;
 }
-.crw-links-wp a:hover {
+.content-section.wide {
-   background: #f3f4f6;
+   grid-column: 1 / -1;
-  border-color: #9ca3af;
-  color: #111827;
 }
-.crw-title-wp {
+.content-header {
-  font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+   font-size: 1.2rem;
-   font-size: 2rem;
+   line-height: 1.35;
-   line-height: 1.3;
    font-weight: 700;
    color: #202122;
-   margin: .25rem 0 1rem;
+  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;
+}
+@media (max-width:900px) {
+  .content-grid { grid-template-columns: 1fr; }
+  .crw-title-wp { font-size: 1.75rem; }
+  .crw-tagline-wp { font-size: 1.08rem; }
 }