/* Minimal wireframe styling (layout clarity over aesthetics) */
    :root { --max: 1080px; --pad: 16px; --line: #ddd; --muted:#666; }

    * {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -o-font-smoothing: antialiased;
    }

    body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; color:#111; background: #f5f6f7; font-size:1.25rem;
    }
    a { color: inherit; }

    .form-control,
    input,
    textarea,
    select {
      border: 1px solid #666;
      box-shadow: none;
    }

    .wrap { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
    header {  } 
    footer { border-top: 1px solid var(--line); border-bottom: 0; margin-top: 20px; padding: 24px 0; color: var(--muted); }
    footer h3 {margin-bottom:0;}
    footer .muted {font-size: 1rem;margin-bottom:6px;}
    footer .muted a {margin-right:1rem;text-decoration:none;}
    footer .muted a:hover {color:blue;text-decoration:underline;}
    .topbar { align-items:center; justify-content:space-between; padding: 14px 0; }
    .logo { font-weight: 800; letter-spacing: .02em; }
    .logo img {max-width:230px;}
    .nav { display:block; padding-left: 1rem; }
    .nav a {
	    padding-left:1rem;
	    text-decoration: none;
    }
    .nav a:hover {
		   text-decoration: underline;
	   }
	.hank {padding:18px;border:0;position:relative;margin-left:200px;}
	.hank-head {margin-left:200px;}
	.cat-btn .btn:hover {
		background-color:#3cb1eb;
		color:white;
	} 
  .btn-send-request:hover {
    background-color:#3cb1eb;
    color:white;
  } 
    .btn { display:inline-block; padding: 10px 12px; border:1px solid var(--line); border-radius: 10px; text-decoration:none; font-weight: 600; background: #fff; color:black; }
    .btn.primary { border-color:#111; background:#111; color:#fff; }
    .pill { display:inline-block; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; font-size: 12px; color: var(--muted); }
    .grid { display:grid; gap: 16px; }
    .two { grid-template-columns: 1.3fr 0.7fr; }
    .three { grid-template-columns: repeat(3, 1fr); }
    .card { border:1px solid var(--line); border-radius: 14px; padding: 14px; }
    .muted { color: var(--muted); }
    .section { padding: 10px 0;  }
    .section:last-of-type { border-bottom:0; }
    .kicker { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); border-top: grey solid 1px;border-bottom: grey solid 1px; padding:4px 0;text-align:center;margin-top:12px; }
    h1 { margin: 6px 0 8px; font-size: 34px; }
    h2 { margin: 0 0 10px; font-size: 20px; }
    h3 { margin: 0 0 8px; font-size: 16px; }
    .hero { padding: 0px 6px; }
    .breadcrumbs { font-size: 13px; color: var(--muted); }
    .searchbar { display:flex; gap: 10px; align-items:center; flex-wrap: wrap; margin-top: 12px; }
    .searchbar input, .searchbar select { padding: 10px 12px; border:1px solid var(--line); border-radius: 10px; font-size: 14px; }
    .searchbar input { flex: 1; min-width: 220px; }
    .list { display:grid; gap: 12px; }
    .listing { display:grid; grid-template-columns: 140px 1fr; gap: 14px; align-items:start; }
    .thumb { border:1px dashed var(--line); border-radius: 12px; height: 104px; display:flex; align-items:center; justify-content:center; color: var(--muted); font-size: 12px; }
    .listing-meta { display:block; color: var(--muted); font-size: 1rem; }
    .listing-meta p {margin-bottom:0;}
    .badge { display:inline-block; padding: 4px 8px; border-radius: 8px; font-size: 12px; font-weight: 800; }
    .badge.top3 { background:#111; color:#fff; }
    .badge.featured { border:1px solid #111; }
    .badge.claimed { border:1px solid var(--line); color:#111; }
    .fineprint { font-size: 12px; color: var(--muted); line-height: 1.4; }
    .fineprint-link {text-decoration:none;}
    .fineprint-link:hover {color:blue;}
    .bottom-right {position:absolute;right:7px;bottom:0;}
    .chips { display:flex; gap:8px; flex-wrap: wrap; margin-top: 10px; }
    details { border:1px solid var(--line); border-radius: 12px; padding: 10px 12px; }
    details + details { margin-top: 10px; }
    summary { cursor:pointer; font-weight: 700; }
    #leadCard.is-open {
	 box-shadow: 0 12px 30px rgba(0,0,0,0.18);
	 transition: box-shadow .2s ease;
    }
    
    .new-to-city {
      text-align:center;
      
    }
    .new-to-city:hover {
      background-color: aliceblue;
    }
    .new-to-city:hover .start-here {
      color:blue;
    }
    /* .problem-chip {
      border:1px solid #ddd;
      background:#fff;
      border-radius:10px;
      padding:8px 12px;
      font-size:14px;
      line-height:1.2;
      cursor:pointer;
      transition: all .15s ease;
    }
    
    .problem-chip:hover {
      border-color:#111;
      background:#f5f5f5;
    } */
    .problem-chip {
      border: 1px solid #222;
      background: #222;
      border: 1px solid #555;
      background: #555;
      color: #fff;
      border-radius: 10px;
      padding: 10px 14px;
      line-height: 1.3;
      cursor: pointer;
      transition: all .15s ease;
      font-weight: 600;
    }
    
    .problem-chip:hover {
      background: #3cb1eb;
      border-color: #3cb1eb;
      color: #fff;
    }
    
    .problem-chip:focus,
    .problem-chip:focus-visible {
      outline: 2px solid #3cb1eb;
      outline-offset: 2px;
    }

  .problem-chip.active {
      background: #3cb1eb;
      border-color: #3cb1eb;
      color: #fff;
    }
    
    .problem-chip.dimmed {
      /* opacity: .55; */
    }
    
    .problem-chip:active {
      transform: scale(.97);
    }
    .hero .hank {
      /* display:none; */
      max-width:220px;
      position:absolute;
      left:-220px;
      top:-1rem;
      margin-left:200px;
      
    }    
    .prim-nav {
      display: flex;
      align-items: center;
      gap: 1rem;
    }
    
    .nav-dropdown {
      position: relative;
      display: inline-block;
    }
    
    .nav-dropdown-toggle {
      text-decoration: none;
    }
    
    .nav-dropdown-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      /* min-width: 220px; */
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 8px 0;
      box-shadow: 0 8px 20px rgba(0,0,0,.08);
      z-index: 1000;
    }
    
    .nav-dropdown-menu a {
      display: block;
      padding: 8px 14px;
      text-decoration: none;
      white-space: nowrap;
    }
    
    .nav-dropdown-menu a:hover {
      background: #f5f5f5;
    }
    
    .nav-dropdown.open .nav-dropdown-menu {
      display: block;
    }
    
    /* provider card method */
    .provider-card summary {
      list-style: none;
      cursor: pointer;
    }
    
    .provider-card summary::-webkit-details-marker {
      display: none;
    }
    
    .provider-summary {
      padding: 0;
    }
    
    .provider-body {
      padding-top: 10px;
    }
    
    .provider-chevron {
      font-size: 1.25rem;
      line-height: 1;
      font-weight: bold;
      display:none;
    }
    
    /* .provider-card[open] .provider-chevron {
      transform: rotate(45deg);
    } */
    .provider-card summary {
      list-style: none;
    }
    
    .provider-card summary::-webkit-details-marker {
      display: none;
    }
    
    details {
      border:none;
    }
    .cat-card {
      padding: 14px;
    }
    
    .cat-card-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 10px;
      flex-wrap: wrap;
    }
    
    .cat-card-title {
      margin: 0;
      font-size: 1.2rem;
      line-height: 1.2;
    }
    
    .cat-card-desc {
      margin: 8px 0 0 0;
      font-size: .98rem;
      line-height: 1.35;
    }
    
    .cat-card-meta {
      margin-top: 12px;
    }
    
    .cat-card-meta p {
      margin: 0 0 8px 0;
      line-height: 1.35;
    }
    
    .cat-card-actions {
      padding-top: 12px;
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
    }
    
    @media (max-width: 767.98px) {
      .cat-card {
        padding: 12px;
      }
    
      .cat-card-title {
        font-size: 1.08rem;
      }
    
      .cat-card-desc {
        font-size: .95rem;
      }
    
      .cat-card-actions {
        align-items: stretch;
      }
    
      .cat-card-actions .mht-save-btn,
      .cat-card-actions .mht-save-link,
      .sendmore .btn-send-request {
        width: 100%;
        justify-content: center;
      }
    
      .cat-card-meta p strong {
        display: inline;
      }
    }
    
    @media (max-width: 767.98px) {
      .provider-card {
        display: block;
      }
    }
    
    @media (min-width: 768px) {
      .provider-card {
        /* optional: keep all cards open on desktop feel */
      }
    }
    
    /* end */
    
    /* My home team */
    .mht-hero {
      margin-bottom: 20px;
    }
    
    .mht-hero h1 {
      margin: 0 0 8px;
    }
    
    .mht-card {
      border-radius: 14px;
      padding: 20px;
    }
    
    .mht-alert {
      margin-bottom: 18px;
    }
    
    .mht-actions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 14px;
    }
    
    .mht-textarea {
      width: 100%;
      min-height: 140px;
      border: 1px solid #d7dbe0;
      border-radius: 10px;
      padding: 14px;
      font: inherit;
      resize: vertical;
      background: #fff;
    }
    
    .mht-textarea:focus {
      outline: none;
      border-color: #111;
      box-shadow: 0 0 0 3px rgba(0,0,0,.06);
    }
    
    .mht-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }
    
    .mht-listing-card {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    
    .mht-listing-title {
      margin: 0;
      font-size: 1.2rem;
      line-height: 1.25;
    }
    
    .mht-desc {
      margin: 0;
    }
    
    .mht-meta {
      font-size: .95rem;
      line-height: 1.5;
    }
    
    .mht-send-form {
      margin-top: auto;
      padding-top: 6px;
    }
    
    .mht-send-btn {
      width: 100%;
      color:black;
    }
    .mht-save-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      border: 0;
      background: none;
      padding: 0;
      color: #6c757d;
      text-decoration: none;
      font-size: 0.9rem;
      line-height: 1.2;
      cursor: pointer;
    }
    
    .mht-save-btn:hover {
      color: #111;
      text-decoration: none;
    }
    
    .mht-save-link {
      text-decoration: none;
    }
    
    .mht-bookmark-icon {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linejoin: round;
      flex: 0 0 16px;
    }
    
    .mht-bookmark-icon.is-saved {
      fill: currentColor;
    }
    
    .mht-listing-card {
      position: relative;
    }
    
    .mht-card-topbar {
      position: absolute;
      top: 12px;
      right: 12px;
    }
    
    .mht-menu {
      margin: 0;
      position: relative;
    }
    
    .mht-menu-toggle {
      list-style: none;
      background: transparent;
      border: 0;
      padding: 0;
      margin: 0;
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 20px;
      line-height: 1;
    }
    
    .mht-menu-toggle::-webkit-details-marker {
      display: none;
    }
    
    .mht-listing-title {
      padding-right: 32px;
      padding-top:32px;
    }
    
    .cat-card-actions {
      padding-top: 12px;
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
      border-top:silver solid 1px;
    }
    
    .mht-save-btn,
    .claim-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 42px;
      padding: 10px 14px;
      border: 1px solid #666;
      border-radius: 8px;
      background: #fff;
      color: #111;
      text-decoration: none;
      font-size: .95rem;
      line-height: 1;
      cursor: pointer;
    }
    
    .mht-save-btn:hover,
    .claim-btn:hover {
      text-decoration: none;
      border-color: #333;
    }
    
    .mht-save-btn.is-saved {
      border-color: #111;
      font-weight: 600;
    }
    
    .mht-bookmark-icon {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      flex: 0 0 auto;
    }
    
    .mht-bookmark-icon.is-saved {
      fill: currentColor;
      stroke: currentColor;
    }
    
    .claim-btn {
      font-size: .92rem;
    }
    
    @media (max-width: 767.98px) {
      .cat-card-actions {
        align-items: stretch;
      }
    
      .mht-save-btn,
      .claim-btn,
      .sendmore .btn-send-request {
        /* width: 100%; */
      }
    
      .mht-save-btn,
      .claim-btn {
        min-height: 46px;
      }
    
      .mht-bookmark-icon {
        width: 22px;
        height: 22px;
      }
    }
    
    @media (max-width: 767px) {
      .mht-grid {
        grid-template-columns: 1fr;
      }
    
      .mht-card {
        padding: 16px;
      }
    }
    
    /* end my home team */
    
    
    
    /* Desktop hover */
    @media (min-width: 992px) {
      .nav-dropdown:hover .nav-dropdown-menu {
        display: block;
      }
    }
    
    @media (max-width: 860px) {
	 .two, .three { grid-template-columns: 1fr; }
	 .listing { grid-template-columns: 1fr; }
	 .thumb { height: 140px; }
    }
    .form-check {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 margin: 8px 0;
    }
    
    .form-check-input {
	 width: 18px;
	 height: 18px;
	 accent-color: #111; /* dark check + control */
    }
    .cat-card:hover {
	background-color: aliceblue;    
    }
    
    .alert {
	 padding: 12px 14px;
	 border: 2px solid transparent;
	 border-radius: 10px;
	 margin: 0 0 14px;
	 font-weight: 600;
    }
    
    .alert.error {
	 border-color: #b00020;
	 background: #fff5f7;
	 color: #7a0015;
    }
    
    .alert.success {
	 border-color: #0f7b3b;
	 background: #f3fff6;
	 color: #0b5a2b;
    }

  .no-mobile {display:inline-block;}
  .mobile-only {display:none;}