* {
       box-sizing: border-box;
       margin: 0;
       padding: 0;
   }

   body {
       font-family: Arial, Helvetica, sans-serif;
       line-height: 1.6;
       color: #123047;
       background-color: #f4f6f9;
   }

   a {
       color: #0056a3;
       text-decoration: none;
   }

   a:hover {
       text-decoration: underline;
       color: #f4b02a;
   }

   /* HERO / HEADER */

   header {
       position: relative;
       color: #ffffff;
       overflow: hidden;
   }

   .hero-banner {
       background: url("/assets/images/courthousebanner.jpg") center/cover no-repeat;
       min-height: 220px;
       display: flex;
       align-items: center;
       justify-content: center;
       position: relative;
   }

   .hero-overlay {
       background: rgba(5, 30, 60, 0.75);
       position: absolute;
       inset: 0;
   }

   .hero-content {
       position: relative;
       max-width: 1100px;
       padding: 2rem 1.5rem;
       text-align: center;
   }

   .hero-title {
       font-size: 2rem;
       letter-spacing: 0.06em;
       text-transform: uppercase;
       margin-bottom: 0.35rem;
   }

   .hero-subtitle {
       font-size: 1.05rem;
       margin-bottom: 0.4rem;
   }

   .hero-meta {
       font-size: 0.9rem;
       opacity: 0.9;
   }

   /* Navigation Bar */
   nav {
       background: #0e2338;
       border-bottom: 3px solid #f4b02a;
   }

   .nav-inner {
       max-width: 1200px;
       margin: 0 auto;
       padding: 0.6rem 1rem;
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 0.45rem;
   }

   .nav-inner a {
       color: #ffffff !important;
       text-decoration: none;
       font-size: 0.9rem;
       letter-spacing: 0.04em;
       text-transform: uppercase;
       font-weight: bold;
   }

   .nav-inner a:visited {
       color: #ffffff !important;
   }

   .nav-inner a:hover {
       color: #f4b02a !important;
   }

   .nav-inner a:active {
       color: #ffffff !important;
   }

   .divider {
       color: #f4b02a;
       font-weight: bold;
   }

   /* MAIN LAYOUT */

   main {
       max-width: 1100px;
       margin: 1.5rem auto 2.5rem auto;
       padding: 0 1rem;
   }

   .breadcrumb {
       font-size: 0.85rem;
       margin-bottom: 0.75rem;
   }

   .breadcrumb span {
       color: #123047;
   }

   .card {
       background: #ffffff;
       border-radius: 10px;
       padding: 1.25rem 1.4rem;
       box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
       margin-bottom: 1.25rem;
   }

   .card h1,
   .card h2 {
       margin-bottom: 0.5rem;
       color: #0e2338;
   }

   .card h1 {
       font-size: 1.7rem;
       border-bottom: 2px solid #f4b02a;
       padding-bottom: 0.3rem;
   }

   .card h2 {
       font-size: 1.25rem;
       border-bottom: 2px solid #cfd6e0;
       padding-bottom: 0.25rem;
   }

   .card p {
       margin-bottom: 0.4rem;
   }

   .links-grid {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
       gap: 1rem;
   }

   .links-column {
       background: #f8fafc;
       border-radius: 10px;
       padding: 1rem 1.1rem;
       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
   }

   .links-column h3 {
       margin-bottom: 0.4rem;
       font-size: 1.05rem;
       color: #0e2338;
   }

   .links-column ol {
       padding-left: 1.1rem;
       font-size: 0.96rem;
   }

   .links-column li {
       margin-bottom: 0.35rem;
   }

   .links-column li:last-child {
       margin-bottom: 0;
   }

   .hash-row {
       text-align: center;
       font-size: 1.2rem;
       margin-top: 1.25rem;
       color: #777;
   }

   footer {
       background: #0e2338;
       color: #ffffff;
       padding: 1rem;
       text-align: center;
       font-size: 0.85rem;
   }

   footer a {
       color: #ffcc5f;
   }

   @media (max-width: 640px) {
       .hero-title {
           font-size: 1.7rem;
       }

       .hero-subtitle {
           font-size: 0.96rem;
       }

       .nav-inner {
           justify-content: flex-start;
       }
   }

   .special-actions-card {
       background: linear-gradient(135deg, #0e2338 0%, #1c3f66 45%, #f4b02a 100%);
       color: #ffffff;
       border-radius: 12px;
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
       margin-top: 1.8rem;
   }

   .special-actions-card h2 {
       border-bottom: none;
       color: #ffffff;
       font-size: 1.6rem;
       margin-bottom: 0.75rem;
   }

   .special-actions-card p {
       color: #f9fbff;
       margin-bottom: 1rem;
   }

   .special-actions-grid {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
       gap: 1.1rem;
       margin-top: 0.75rem;
   }

   .special-action {
       background: rgba(5, 20, 40, 0.85);
       border-radius: 10px;
       padding: 1rem 1.1rem 1.2rem 1.1rem;
       box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
   }

   .special-action h3 {
       margin-bottom: 0.4rem;
       font-size: 1.15rem;
       color: #ffdd8a;
   }

   .special-action p {
       font-size: 0.96rem;
       margin-bottom: 0.8rem;
       color: #e3ecff;
   }

   /* Big gold/blue buttons */
   .special-btn {
       display: inline-block;
       padding: 0.6rem 1.3rem;
       border-radius: 999px;
       background: #f4b02a;
       color: #0e2338 !important;
       font-weight: bold;
       letter-spacing: 0.04em;
       text-transform: uppercase;
       font-size: 0.9rem;
       text-decoration: none;
       box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
       transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
   }

   /* Keep color consistent – no visited color change */
   .special-btn:visited {
       color: #0e2338 !important;
       background: #f4b02a;
   }

   .special-btn:hover {
       background: #ffe28f;
       transform: translateY(-2px);
       box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
   }

   .special-btn:active {
       transform: translateY(0);
       box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
   }

   /* Lifeline emergency info call-to-action */
   .lifeline-cta {
       margin: 2rem 0;
       background: linear-gradient(135deg, #0c3b78 0%, #0e2338 55%, #041018 100%);
       color: #ffffff;
       border-radius: 16px;
       box-shadow: 0 7px 18px rgba(0, 0, 0, 0.45);
       padding: 1.2rem 1.5rem;
       position: relative;
       overflow: hidden;
   }

   .lifeline-cta::before {
       content: "";
       position: absolute;
       right: -40px;
       top: -40px;
       width: 170px;
       height: 170px;
       background-image: url("/assets/images/lifelinedecal.jpg");
       background-size: cover;
       background-position: center;
       opacity: 0.18;
       transform: rotate(-6deg);
   }

   .lifeline-cta-inner {
       max-width: 1100px;
       margin: 0 auto;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       gap: 1.1rem;
       position: relative;
       z-index: 1;
   }

   .lifeline-cta-badge {
       flex: 0 0 100px;
       max-width: 120px;
   }

   .lifeline-cta-badge img {
       width: 100%;
       height: auto;
       display: block;
       border-radius: 10px;
       box-shadow: 0 4px 10px rgba(0, 0, 0, 0.45);
   }

   .lifeline-cta-text {
       flex: 1 1 260px;
       min-width: 0;
   }

   .lifeline-cta-text h2 {
       margin: 0 0 0.2rem 0;
       font-size: 1.3rem;
       letter-spacing: 0.06em;
       text-transform: uppercase;
       color: #ffe28f;
   }

   .lifeline-cta-text p {
       margin: 0.15rem 0;
       font-size: 0.98rem;
   }

   .lifeline-cta-text p.emphasis {
       font-weight: 600;
       margin-top: 0.4rem;
   }

   .lifeline-cta-actions {
       flex: 0 0 auto;
   }

   .lifeline-cta-btn {
       display: inline-block;
       padding: 0.8rem 1.8rem;
       border-radius: 999px;
       background: #f4b02a;
       color: #0e2338 !important;
       font-weight: 700;
       letter-spacing: 0.08em;
       text-transform: uppercase;
       font-size: 0.9rem;
       text-decoration: none;
       border: 2px solid #ffffff;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
       transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
       white-space: nowrap;
   }

   .lifeline-cta-btn:visited {
       color: #0e2338 !important;
   }

   .lifeline-cta-btn:hover {
       background: #ffe28f;
       transform: translateY(-2px);
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
   }

   .lifeline-cta-btn:active {
       transform: translateY(0);
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   }

   @media (max-width: 700px) {
       .lifeline-cta-inner {
           flex-direction: column;
           align-items: flex-start;
       }

       .lifeline-cta-badge {
           max-width: 90px;
       }

       .lifeline-cta-text h2 {
           font-size: 1.15rem;
       }
   }