:root {
  --j-green: #075c3b;
  --j-green-dark: #06462f;
  --j-yellow: #f3c623;
  --text: #24332d;
  --muted: #66736d;
  --border: #e7ece9;
  --soft: #f7faf8;
  --soft-yellow: #fffaf0;
}

html { scroll-behavior: smooth; }
body {
  color: var(--text);
  background: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
a { color: var(--j-green); }
a:hover { color: var(--j-green-dark); }

.site-header {
  border-bottom: 1px solid var(--border);
  background: #fff;
}
.brand {
  color: var(--j-green-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.55rem;
  font-style: italic;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: -.02em;
}
.brand:hover { color: var(--j-green); }
.nav-link {
  color: #39463f !important;
  font-size: .92rem;
}
.nav-link:hover, .nav-link.active {
  color: var(--j-green) !important;
}
.nav-link.active {
  font-weight: 650;
  border-bottom: 2px solid var(--j-yellow);
}
.hero {
  min-height: 360px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 45%, rgba(255,255,255,.25) 100%),
    url("../images/jamaica-coast.svg") center/cover;
}
.hero h1 {
  color: var(--j-green-dark);
  font-weight: 750;
  letter-spacing: -.035em;
}
.display-tight { letter-spacing: -.04em; }
.btn-jamaica {
  background: var(--j-green);
  border-color: var(--j-green);
  color: #fff;
}
.btn-jamaica:hover {
  background: var(--j-green-dark);
  border-color: var(--j-green-dark);
  color: #fff;
}
.btn-outline-jamaica {
  color: var(--j-green);
  border-color: #b8cfc4;
}
.btn-outline-jamaica:hover {
  background: var(--j-green);
  color: #fff;
  border-color: var(--j-green);
}
.section-title { color: var(--j-green-dark); font-weight: 750; letter-spacing: -.025em; }
.card-clean {
  border: 1px solid var(--border);
  border-radius: .8rem;
  background: #fff;
  height: 100%;
}
.card-clean:hover { border-color: #cbdad3; }
.phrase-card {
  display: block;
  color: var(--text);
  text-decoration: none;
  padding: 1.15rem 1.25rem;
}
.phrase-card:hover { color: var(--text); }
.patois {
  color: var(--j-green-dark);
  font-weight: 700;
  font-size: 1.05rem;
}
.english { color: var(--muted); font-size: .94rem; }
.eyebrow {
  color: var(--j-green);
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.soft-section { background: var(--soft); }
.note {
  background: var(--soft-yellow);
  border: 1px solid #f1e5bd;
  border-radius: .75rem;
}
.page-intro {
  padding: 4rem 0 2.75rem;
  border-bottom: 1px solid var(--border);
}
.page-intro h1 { color: var(--j-green-dark); font-weight: 750; letter-spacing: -.035em; }
.alpha a {
  display: inline-block;
  min-width: 2.3rem;
  margin: .2rem;
  padding: .35rem .5rem;
  text-align: center;
  text-decoration: none;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--j-green);
}
.alpha a:hover { background: var(--soft); border-color: #bdd2c7; }
.dictionary-entry {
  border-top: 1px solid var(--border);
  padding: 1.2rem 0;
}
.dictionary-entry:first-child { border-top: 0; }
.word {
  color: var(--j-green-dark);
  font-weight: 750;
  font-size: 1.05rem;
}
.definition { color: var(--muted); }
.category {
  display: inline-block;
  padding: .2rem .55rem;
  border-radius: 999px;
  background: #eef6f1;
  color: var(--j-green);
  font-size: .76rem;
  font-weight: 650;
}
.article h2 { color: var(--j-green-dark); margin-top: 2.5rem; font-weight: 750; }
.article h3 { color: var(--j-green-dark); margin-top: 1.8rem; font-weight: 700; }
.example {
  border-left: 3px solid var(--j-yellow);
  padding: .85rem 1rem;
  background: var(--soft);
  margin: 1rem 0;
}
.example .patois { font-size: 1.08rem; }
.photo {
  width: 100%;
  border-radius: .8rem;
  object-fit: cover;
}
.site-footer {
  border-top: 1px solid var(--border);
  margin-top: 5rem;
  padding: 2rem 0;
  color: var(--muted);
  font-size: .88rem;
}
.footer-brand { color: var(--j-green-dark); font-family: Georgia, serif; font-style: italic; font-weight: 700; }
.form-control:focus {
  border-color: #9fc4b3;
  box-shadow: 0 0 0 .2rem rgba(7,92,59,.08);
}
@media (max-width: 767.98px) {
  .hero { min-height: 390px; background:
    linear-gradient(90deg, rgba(255,255,255,.97), rgba(255,255,255,.78)),
    url("../images/jamaica-coast.svg") center/cover;
  }
  .page-intro { padding-top: 2.75rem; }
}

/* Refined Dictionary + Learn */
.dictionary-intro,.learn-intro{max-width:760px}
.dictionary-alpha{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.75rem}
.dictionary-alpha .letter-link{display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid var(--line);border-radius:.45rem;color:var(--green);font-weight:700;text-decoration:none;background:#fff}
.dictionary-alpha .letter-link:hover{background:var(--green);border-color:var(--green);color:#fff}
.dictionary-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:3rem;align-items:start}
.dictionary-index{position:sticky;top:1rem}.dictionary-index p{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.mini-alpha{display:flex;flex-wrap:wrap;gap:.35rem}.mini-alpha a{width:1.9rem;height:1.9rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:.35rem;text-decoration:none;font-size:.82rem;font-weight:700}
.letter-group{scroll-margin-top:1rem;margin-bottom:2.3rem}.letter-heading{display:flex;align-items:center;gap:1rem}.letter-heading h2{font-size:1.7rem;margin:0;color:var(--green)}.letter-heading:after{content:"";height:1px;background:var(--line);flex:1}
.dictionary-row{display:grid;grid-template-columns:minmax(130px,.75fr) 1.75fr auto;gap:1.25rem;align-items:center;padding:1rem .2rem;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.dictionary-row:hover{background:var(--soft);color:inherit}.dictionary-row strong{font-size:1.05rem;color:var(--green)}.dictionary-row span{color:var(--muted)}.dictionary-row .row-arrow{color:var(--green);font-weight:700}.empty-letter{font-size:.9rem;color:var(--muted);padding:.65rem .2rem}
.learn-grid{margin-top:2rem}.learn-card{height:100%;padding:1.55rem;border:1px solid var(--line);border-radius:.7rem;background:#fff}.learn-number{display:inline-block;margin-bottom:.9rem;color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.09em}.learn-card h2{font-size:1.23rem;margin-bottom:.65rem}.learn-card p{margin-bottom:0;color:var(--muted)}
.learn-guide{margin-top:3.25rem;padding:2rem;border-top:3px solid var(--yellow);background:var(--soft);border-radius:0 0 .7rem .7rem}.learn-guide h2{font-size:1.5rem}.learn-guide li{margin:.5rem 0}.learn-next{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}.learn-next a{font-weight:700;text-decoration:none}
.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.footer-links{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}.footer-credit{color:var(--muted)}.footer-credit a{font-weight:700}.footer-bottom{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
@media(max-width:767.98px){.dictionary-layout{grid-template-columns:1fr;gap:1.5rem}.dictionary-index{position:static}.dictionary-row{grid-template-columns:1fr auto;gap:.25rem 1rem}.dictionary-row span:not(.row-arrow){grid-column:1/-1}.learn-card{padding:1.3rem}.learn-guide{padding:1.4rem}.footer-grid{flex-direction:column;gap:1rem}.footer-links{align-items:flex-start;flex-direction:column;gap:.4rem}}

.brand,.navbar-brand,.footer-brand{
  font-family:Arial,Helvetica,sans-serif !important;
  font-style:normal !important;
  font-weight:600 !important;
  letter-spacing:-.02em;
}
.mobile-nav-toggle{display:none}
.mobile-nav-label{display:none;cursor:pointer;margin-left:auto;padding:.45rem .65rem;border:1px solid var(--line);border-radius:.4rem}
.mobile-nav-label span{display:block;width:21px;height:2px;background:currentColor;margin:4px 0}
@media(max-width:767.98px){
  .site-header .container,.navbar .container{flex-wrap:wrap}
  .mobile-nav-label{display:block}
  .site-header .navbar-nav,.navbar .navbar-nav{display:none !important;width:100%;flex-direction:column !important;align-items:stretch !important;gap:0 !important;padding:.75rem 0 .25rem}
  .mobile-nav-toggle:checked ~ .navbar-nav{display:flex !important}
  .site-header .nav-item,.navbar .nav-item{width:100%}
  .site-header .nav-link,.navbar .nav-link{display:block;width:100%;padding:.65rem 0 !important}
}

/* Bootstrap navigation */
.mobile-nav-toggle,.mobile-nav-label{display:none !important}
.navbar-toggler{border-color:var(--line);box-shadow:none !important}
.navbar-toggler:focus{box-shadow:0 0 0 .15rem rgba(23,98,56,.12)!important}
@media(max-width:991.98px){
  .navbar-collapse{padding:.8rem 0 .25rem}
  .navbar-nav{align-items:stretch !important}
  .navbar-nav .nav-link{padding:.6rem 0 !important}
}

/* Homepage phrase preview */
.section-heading{max-width:680px;margin-bottom:1.5rem}.section-heading h2{margin:.25rem 0 .5rem}
.home-phrase-preview .phrase-card{height:100%}

/* Phrase directory */
.phrase-hero .lead-copy{max-width:760px}
.phrase-category-key{display:flex;flex-wrap:wrap;gap:.45rem}
.phrase-category-key span,.phrase-category{display:inline-block;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;font-weight:800;color:var(--green);background:var(--soft);border-radius:999px;padding:.28rem .6rem}
.phrase-card-rich{position:relative;padding:1.45rem}
.phrase-card-rich .phrase-category{align-self:flex-start;margin-bottom:1rem}
.phrase-card-rich .phrase-patois{font-size:1.28rem}
.phrase-card-rich .phrase-link{margin-top:1.1rem}

/* Phrase details */
.phrase-detail-hero .phrase-category{margin:1rem 0 .75rem}
.phrase-article section+section{margin-top:2.6rem}
.content-kicker{display:block;color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.55rem}
.phrase-article h2{font-size:1.55rem;margin-bottom:.8rem}
.phrase-article p{font-size:1.04rem;line-height:1.75}
.phrase-example{padding:1.6rem;border-left:4px solid var(--yellow);background:var(--soft);border-radius:0 .6rem .6rem 0}
.example-patois{font-size:1.35rem!important;font-weight:700;color:var(--green);margin-bottom:.3rem}
.example-english{color:var(--muted);margin-bottom:0}
.phrase-summary{position:sticky;top:1.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:.65rem;background:#fff}
.phrase-summary dl{margin:1rem 0 1.2rem}.phrase-summary dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-top:.9rem}.phrase-summary dd{font-weight:600;margin-bottom:0}
.related-section{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line)}
.related-section h2{font-size:1.5rem;margin:.3rem 0 1.2rem}
.related-phrase{display:flex;flex-direction:column;height:100%;padding:1.15rem;border:1px solid var(--line);border-radius:.55rem;text-decoration:none;color:inherit}.related-phrase:hover{border-color:#bdc9c0;color:inherit}.related-phrase strong{color:var(--green);margin-bottom:.2rem}.related-phrase span{color:var(--muted);font-size:.9rem}
@media(max-width:991.98px){.phrase-summary{position:static}}

/* Phrase cards are fully clickable; no redundant CTA line needed. */
.phrase-card-rich .phrase-link{display:none!important}


/* Homepage landing page */
.content-section{padding:4.75rem 0}
.home-hero{padding:5.8rem 0 5.2rem;background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%);border-bottom:1px solid var(--border)}
.home-hero h1{max-width:760px;margin:.55rem 0 1.2rem;color:var(--j-green-dark);font-size:clamp(2.55rem,5vw,4.7rem);line-height:1.02;font-weight:780;letter-spacing:-.055em}
.home-lead{max-width:700px;margin:0 0 1.65rem;color:var(--muted);font-size:1.16rem;line-height:1.7}
.home-actions{display:flex;gap:.75rem;flex-wrap:wrap}
.home-note{max-width:650px;margin:1.35rem 0 0;color:var(--muted);font-size:.88rem}
.hero-example{padding:2rem;border:1px solid var(--border);border-radius:1rem;background:#fff;box-shadow:0 18px 45px rgba(27,55,42,.06)}
.hero-example-label{display:block;margin-bottom:1.2rem;color:var(--muted);font-size:.76rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.hero-example-patois{color:var(--j-green-dark);font-size:2.15rem;font-weight:760;letter-spacing:-.035em}
.hero-example-english{margin:.15rem 0 1.15rem;color:var(--muted);font-size:1.05rem}
.hero-example p{padding-top:1rem;border-top:1px solid var(--border)}
.hero-example a,.section-link{font-weight:700;text-decoration:none}
.home-value-strip{border-bottom:1px solid var(--border);background:#fff}
.value-item{height:100%;padding:1.35rem 1.5rem;border-right:1px solid var(--border)}
.home-value-strip .col-md-4:last-child .value-item{border-right:0}
.value-item strong,.value-item span{display:block}.value-item strong{color:var(--j-green-dark);font-size:.94rem}.value-item span{margin-top:.2rem;color:var(--muted);font-size:.84rem}
.home-start{padding:5rem 0}
.home-section-title{margin:.35rem 0 .65rem;color:var(--j-green-dark);font-size:clamp(1.9rem,3vw,2.7rem);font-weight:760;letter-spacing:-.04em}
.home-section-copy{max-width:720px;margin-bottom:0;color:var(--muted);font-size:1.02rem}
.home-phrase-card{display:flex;flex-direction:column;height:100%;min-height:116px;padding:1.25rem 1.3rem;border:1px solid var(--border);border-radius:.72rem;background:#fff;color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.home-phrase-card:hover{transform:translateY(-2px);border-color:#bfd1c8;box-shadow:0 10px 25px rgba(27,55,42,.05);color:inherit}
.home-phrase-patois{color:var(--j-green-dark);font-size:1.08rem;font-weight:740}.home-phrase-english{margin-top:.3rem;color:var(--muted);font-size:.91rem}
.home-learning{padding:5.25rem 0}
.learning-steps{overflow:hidden;border:1px solid var(--border);border-radius:.85rem;background:#fff}
.learning-step{display:flex;gap:1.1rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--border)}.learning-step:last-child{border-bottom:0}
.learning-step>span{flex:0 0 2.2rem;color:var(--j-green);font-size:.75rem;font-weight:800;letter-spacing:.08em}.learning-step strong{color:var(--j-green-dark)}.learning-step p{margin:.2rem 0 0;color:var(--muted);font-size:.92rem}
.home-about{padding:5.25rem 0}
.about-callout{padding:1.5rem;border-left:3px solid var(--j-yellow);background:var(--soft)}.about-callout strong{color:var(--j-green-dark)}.about-callout p{margin:.55rem 0 1rem;color:var(--muted)}
.home-final-cta{padding:0 0 1rem}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.2rem 2.4rem;border:1px solid var(--border);border-radius:1rem;background:#fff}.cta-panel h2{margin:.25rem 0 .4rem;color:var(--j-green-dark);font-weight:760;letter-spacing:-.035em}.cta-panel p{max-width:650px;margin:0;color:var(--muted)}.cta-actions{display:flex;gap:.65rem;flex:0 0 auto}
@media(max-width:991.98px){.home-hero{padding:4.4rem 0}.cta-panel{align-items:flex-start;flex-direction:column}.value-item{border-right:0;border-bottom:1px solid var(--border)}.home-value-strip .col-md-4:last-child .value-item{border-bottom:0}}
@media(max-width:575.98px){.home-hero{padding:3.5rem 0}.home-hero h1{font-size:2.55rem}.home-actions .btn,.cta-actions .btn{width:100%}.cta-actions{width:100%;flex-direction:column}.hero-example{padding:1.4rem}.home-start,.home-learning,.home-about{padding:4rem 0}.cta-panel{padding:1.5rem}}

/* Navigation reliability + current responsive pattern */
.navbar>.container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}
@media(min-width:992px){.navbar-collapse{display:flex!important;flex-basis:auto}.navbar-toggler{display:none}}
@media(max-width:991.98px){.navbar-toggler{display:block}.navbar-collapse:not(.show){display:none!important}.navbar-collapse.show{display:block!important}.navbar-nav{padding:.8rem 0 .25rem}}

/* Phrase discovery page */
.phrase-tools{position:sticky;top:0;z-index:20;padding:1rem 0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}
.phrase-search-wrap{display:grid;grid-template-columns:auto minmax(220px,420px);gap:.8rem;align-items:center}.phrase-search-wrap label{font-size:.8rem;font-weight:800;color:var(--j-green-dark)}
.phrase-search{border-color:var(--border);border-radius:.6rem}.phrase-search:focus{border-color:#9bb8a8;box-shadow:0 0 0 .2rem rgba(23,98,56,.08)}
.phrase-filters{display:flex;gap:.45rem;overflow-x:auto;padding:.85rem 0 .1rem;scrollbar-width:thin}
.phrase-filter{flex:0 0 auto;padding:.4rem .75rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted);font-size:.78rem;font-weight:700}
.phrase-filter:hover,.phrase-filter.active{border-color:var(--j-green);background:var(--j-green);color:#fff}
.phrase-directory{padding-top:2.2rem}.phrase-results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.phrase-results-head p{margin:0;color:var(--muted)}.phrase-results-head button{border:0;background:none;color:var(--j-green);font-weight:700}
.phrase-card-rich{min-height:150px;justify-content:flex-start;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.phrase-card-rich:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(27,55,42,.05)}
.phrase-card-rich .phrase-patois{margin-top:.85rem}.phrase-card-rich .phrase-english{margin-top:.25rem}
.phrase-empty{text-align:center;padding:5rem 1rem}.phrase-empty h2{color:var(--j-green-dark)}
@media(max-width:575.98px){.phrase-search-wrap{grid-template-columns:1fr;gap:.35rem}.phrase-tools{position:static}.phrase-card-rich{min-height:130px}}