*{box-sizing:border-box}
:root{--navy:#06172b;--navy2:#0b1f3a;--gold:#d4af37;--gold2:#b98b1f;--bg:#f4f7fb;--text:#172033;--muted:#53677d;--border:#d9e0ea;--shadow:0 16px 40px rgba(11,31,58,.13)}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(212,175,55,.10),transparent 26%),linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%);color:var(--text)}
.site-header{background:linear-gradient(135deg,rgba(6,23,43,.98),rgba(11,31,58,.94));color:#fff;border-bottom:1px solid #25364d;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px}
.brand-title{font-size:34px;font-weight:900;letter-spacing:.02em}.brand-tagline{color:var(--gold);font-weight:900;margin-top:5px;letter-spacing:.04em}
.brand-county {
    color: var(--gold) !important;
    font-size: .82rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .18em;
    margin-top: 3px;
}

.account-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.account-links a{color:#fff;text-decoration:none;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.24);padding:10px 14px;border-radius:999px;font-weight:900}.account-links a:hover{color:var(--gold);background:rgba(255,255,255,.15)}
.main-nav{background:var(--navy2);display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;overflow:visible;white-space:nowrap;border-top:1px solid #26364d;border-bottom:3px solid var(--gold);position:relative;z-index:999}
.main-nav a,.more-label{color:#fff;text-decoration:none;padding:15px 16px;font-weight:900;font-size:14px;border-left:1px solid rgba(255,255,255,.16);display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.main-nav a:hover,.more-label:hover,.main-nav a.active{color:var(--gold);background:rgba(255,255,255,.07)}
.dropdown{position:relative;display:inline-flex;flex-shrink:0;overflow:visible}.dropdown-menu{display:none;position:absolute;right:0;top:100%;min-width:250px;background:var(--navy2);border:1px solid rgba(255,255,255,.18);z-index:99999;box-shadow:0 10px 22px rgba(0,0,0,.25)}.dropdown-menu a{display:block;border-left:none;border-bottom:1px solid rgba(255,255,255,.12);white-space:nowrap;width:100%;padding:13px 16px}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}

.page-wrap{max-width:1180px;margin:0 auto;padding:34px 20px 70px}
.beacon-hero{position:relative;overflow:hidden;color:#fff;border-radius:24px;padding:56px 46px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.14);background:linear-gradient(110deg,rgba(6,23,43,.96) 0%,rgba(11,31,58,.89) 48%,rgba(11,31,58,.54) 100%),url('banner.jpg') center right/cover no-repeat}
.beacon-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 34%,rgba(212,175,55,.26),transparent 22%),linear-gradient(180deg,transparent,rgba(6,23,43,.15));pointer-events:none}
.beacon-hero>*{position:relative;z-index:1}.beacon-hero h1{font-size:56px;line-height:1.03;margin:10px 0 16px;color:#fff;max-width:860px}.beacon-hero p{font-size:20px;line-height:1.62;max-width:850px;color:#edf4ff}
.kicker{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;color:#3f2f00;background:#fff4d6;border:1px solid #f0d68a;border-radius:999px;padding:8px 12px;margin-bottom:10px}.beacon-hero .kicker{color:#fff;background:rgba(212,175,55,.22);border-color:rgba(212,175,55,.50)}
.panel{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 22px rgba(11,31,58,.07);padding:32px}
.section-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.section-title h2{margin:0;font-size:32px}
h1{font-size:42px;line-height:1.05;margin:8px 0 14px;color:var(--navy)}h2{font-size:26px;margin-top:26px;color:var(--navy2)}p{font-size:17px;line-height:1.65}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.card{background:#fff;border:1px solid var(--border);border-radius:17px;padding:24px;box-shadow:0 6px 18px rgba(11,31,58,.07);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,31,58,.12);border-color:rgba(212,175,55,.65)}.card h2,.card h3{margin-top:0}.icon-card{text-align:center;min-height:188px}.icon-card .icon{font-size:38px;margin-bottom:10px}
.card.featured{border-top:6px solid var(--gold);background:linear-gradient(180deg,#fff,#fffdf5)}
.card.featured:before{content:"";position:absolute;right:-35px;top:-35px;width:105px;height:105px;border-radius:50%;background:rgba(212,175,55,.15)}
.btn,.button-link{display:inline-block;background:var(--navy2);color:#fff!important;text-decoration:none;padding:12px 16px;border-radius:11px;font-weight:900;margin-top:10px}.btn:hover,.button-link:hover{background:#143a67}.btn.gold{background:var(--gold2);color:#06172b!important}.btn.gold:hover{background:var(--gold)}
.notice-band{background:#fff8e6;border-left:6px solid var(--gold);border-radius:14px;padding:20px;margin-top:24px;box-shadow:0 6px 18px rgba(11,31,58,.06)}
.search-shell{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 8px 22px rgba(11,31,58,.07);margin-top:24px}.search-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px}.search-row input,.search-row select{padding:14px;border:1px solid var(--border);border-radius:10px;font-size:16px;background:#fff}.tier-badge{display:inline-block;background:var(--navy2);color:#fff;border-radius:9px;padding:8px 10px;font-weight:900;font-size:13px;margin-bottom:10px}.price{font-weight:900;text-decoration:underline;float:right;color:var(--navy2)}
.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.stat{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);border-radius:16px;padding:16px}.stat strong{display:block;color:var(--gold);font-size:24px}
.site-footer{background:var(--navy2);color:#fff;text-align:center;padding:28px;margin-top:44px}.footer-links{margin-top:10px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;font-weight:700}.footer-links a:hover{color:var(--gold)}
@media(max-width:950px){.site-header{display:block;text-align:center}.account-links{justify-content:center;margin-top:15px}.main-nav{overflow-x:auto;overflow-x:auto;overflow-y:visible;max-width:100%;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.grid-2,.grid-3,.search-row,.stat-strip{grid-template-columns:1fr}.beacon-hero{padding:34px 24px}.beacon-hero h1{font-size:38px}.section-title{display:block}}


/* ===== HOMEPAGE V5 POLISH ===== */

/* Adds lighthouse emblem to shared top header */
.site-header{position:relative;padding-left:132px}
.site-header:before{content:"";position:absolute;left:32px;top:50%;transform:translateY(-50%);width:76px;height:76px;border-radius:50%;background:linear-gradient(rgba(6,23,43,.15),rgba(6,23,43,.15)),url('panhandle_beacon_header_emblem.png') center center/cover no-repeat;border:2px solid rgba(212,175,55,.65);box-shadow:0 8px 22px rgba(0,0,0,.22)}

.home-v5-wrap{max-width:1280px;margin:0 auto;padding:24px 30px 60px}
.home-v5-main-grid{display:grid;grid-template-columns:2.05fr 1fr;gap:22px;align-items:stretch}
.purpose-card-v5{display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 8px 22px rgba(11,31,58,.08)}
.purpose-text-v5{padding:30px 30px 28px}
.purpose-text-v5 h1{margin:0 0 18px;color:#071a2f;font-size:36px;letter-spacing:.02em}
.purpose-text-v5 p{font-size:17px;line-height:1.64;color:#101828;margin:0 0 16px}
.purpose-image-v5{min-height:390px;background:#f5f5f5}
.purpose-image-v5 img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

.premium-ad-v5{background:#fffaf0;border:2px solid var(--gold);border-radius:12px;padding:30px;box-shadow:0 8px 22px rgba(11,31,58,.08)}
.premium-ad-v5 .kicker{color:#7a5700;background:transparent;border:0;padding:0;letter-spacing:.16em;margin-bottom:16px}
.premium-ad-v5 h2{margin:0 0 14px;font-size:32px;line-height:1.12;color:#071a2f}
.premium-ad-v5 p{font-size:17px;line-height:1.55}
.sample-ad-v5{background:#fff;border:1px solid #ead59a;border-radius:10px;padding:18px;margin:26px 0;box-shadow:0 4px 12px rgba(11,31,58,.06)}
.sample-ad-v5 h3{margin:0 0 8px;color:#071a2f;font-size:22px}
.sample-ad-v5 p{margin:0;color:#3b4656}

.home-quote-v5{margin-top:22px;background:linear-gradient(135deg,#fffdf6,#fff7dc);border:1px solid #e0c36d;border-radius:12px;padding:24px 34px;text-align:center;box-shadow:0 6px 18px rgba(11,31,58,.06)}
.home-quote-v5 blockquote{margin:0 auto;max-width:900px;color:#071a2f;font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1.35}
.home-quote-v5 span{color:#7a5700;font-size:18px;font-weight:900;white-space:nowrap}

.home-section-cards-v5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}
.home-card-v5{display:block;position:relative;overflow:hidden;min-height:230px;background:linear-gradient(135deg,#071a2f,#102c4c);border:1px solid rgba(212,175,55,.35);border-radius:16px;padding:24px;text-decoration:none;color:#fff;box-shadow:0 10px 24px rgba(11,31,58,.14);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.home-card-v5:before{content:"";position:absolute;right:-45px;top:-45px;width:130px;height:130px;border-radius:50%;background:rgba(212,175,55,.18)}
.home-card-v5:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,31,58,.22);border-color:var(--gold)}
.home-card-icon-v5{font-size:36px;margin-bottom:18px;position:relative;z-index:1}
.home-card-v5 h2{margin:0 0 12px;color:#fff;font-size:24px;position:relative;z-index:1}
.home-card-v5 p{margin:0 0 18px;font-size:15px;line-height:1.5;color:#eaf1fb;position:relative;z-index:1}
.home-card-v5 span{color:var(--gold);font-weight:900;position:relative;z-index:1}
.directory-card{background:linear-gradient(135deg,#0b1f3a,#173b63)}
.events-card{background:linear-gradient(135deg,#0b1f3a,#2e405e)}
.forum-card{background:linear-gradient(135deg,#071a2f,#26364d)}

@media(max-width:950px){
  .site-header{padding-left:30px}
  .site-header:before{position:relative;display:block;left:auto;top:auto;transform:none;margin:0 auto 14px}
  .home-v5-wrap{padding:18px 16px 50px}
  .home-v5-main-grid,.purpose-card-v5{grid-template-columns:1fr}
  .purpose-image-v5{min-height:260px}
  .home-section-cards-v5{grid-template-columns:1fr}
  .home-quote-v5 blockquote{font-size:23px}
}

/* ===== HEADER LIGHTHOUSE FINAL OVERRIDE ===== */

.site-header{
  position:relative !important;
  padding-left:250px !important;
  min-height:120px !important;
}

.site-header:before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:220px !important;
  height:120px !important;
  background:url('header-lighthouse.jpg') left center/contain no-repeat !important;
  opacity:.96 !important;
  pointer-events:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

@media(max-width:950px){
  .site-header{
    padding-left:30px !important;
    min-height:auto !important;
  }

  .site-header:before{
    position:relative !important;
    display:block !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 auto 14px !important;
    width:220px !important;
    height:110px !important;
  }
}

/* ==================================================
   Native MORE dropdown + touch/tablet navigation
   ================================================== */

.main-nav {
    overflow: visible;
    white-space: nowrap;
    flex-wrap: nowrap;
    position: relative;
    z-index: 999;
}

.dropdown {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    overflow: visible;
}

/* Native <summary> control styled to match the other nav links */
.more-label {
    color: #fff;
    text-decoration: none;
    padding: 15px 16px;
    font-weight: 900;
    font-size: 14px;
    border-left: 1px solid rgba(255,255,255,.16);
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
    list-style: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.more-label::-webkit-details-marker {
    display: none;
}

.dropdown-menu {
    z-index: 100001 !important;
}

/* Native open state works on iPhone/iPad without JavaScript. */
.dropdown[open] > .dropdown-menu {
    display: block !important;
}

.dropdown[open] > .more-label {
    color: var(--gold);
    background: rgba(255,255,255,.07);
}

/*
   Touch devices should wrap instead of horizontally scrolling.
   This keeps MORE visible in iPad landscape and removes the Safari
   overflow container that can interfere with dropdown menus.
   The width fallback also helps narrow desktop windows.
*/
@media (hover: none), (pointer: coarse), (max-width: 1100px) {
    .main-nav {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        max-width: 100%;
        white-space: normal;
        flex-wrap: wrap !important;
        -webkit-overflow-scrolling: auto;
    }

    .main-nav > a,
    .main-nav > .dropdown {
        flex: 0 0 auto;
    }

    .dropdown-menu {
        right: 0;
        left: auto;
        top: 100%;
        min-width: 250px;
        max-width: calc(100vw - 16px);
    }
}

/* ==========================================================
   Footer Network Link
   ========================================================== */

.footer-network-link {
    display: inline-block;
    margin-top: 8px;
    font-size: 0.92rem;
    color: #ffffff !important;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.footer-network-link:visited {
    color: #ffffff !important;
}

.footer-network-link:hover,
.footer-network-link:focus {
    color: #ffffff !important;
    opacity: 0.75;
    text-decoration: underline;
}

.footer-network-link:active {
    color: #ffffff !important;
}