/* Marketing pages (Offers, Property Management).
   Mobile first: base styles are the phone layout, media queries widen it.
   Most bookings on this site come from phones, so the single readable column is
   the default rather than a desktop grid that collapses. */

.mk-head{max-width:62ch}
.mk-head h1{font-size:clamp(1.9rem,6vw,3rem);margin:0 0 14px}
.mk-lede{color:var(--mist-2);font-size:1.02rem;line-height:1.7;margin:0}

.mk-body{max-width:68ch;margin-top:34px}
.mk-section{margin-bottom:34px}
.mk-section h2{font-size:clamp(1.3rem,4vw,1.7rem);margin:0 0 12px}
.mk-section p{color:var(--mist-2);line-height:1.75;margin:0 0 14px}
.mk-section p:last-child{margin-bottom:0}

.mk-list{list-style:none;margin:6px 0 0;padding:0}
.mk-list li{
  position:relative;padding-left:24px;margin-bottom:11px;
  color:var(--mist-2);line-height:1.7;
}
.mk-list li::before{
  content:"✦";position:absolute;left:0;top:1px;color:var(--gold-deep);font-size:.82rem;
}

/* Honest empty state, e.g. Current Specials before any special exists. */
.mk-note{
  margin-top:26px;padding:24px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--night-2);
}
.mk-note p{margin:0 0 16px;color:var(--mist-2);line-height:1.7}
.mk-note-actions{display:flex;flex-wrap:wrap;gap:12px}

/* Placeholder-content warning. Deliberately loud: these pages carry invented
   figures until the client replaces them. */
.mk-warning{
  margin-top:26px;padding:22px 24px;border-radius:var(--r);
  background:#FEF3C7;border:2px solid #D97706;
}
.mk-warning-title{
  margin:0 0 8px;font-weight:800;font-size:.92rem;letter-spacing:.04em;
  text-transform:uppercase;color:#7C2D12;
}
.mk-warning p{margin:0;color:#7C2D12;line-height:1.65;font-size:.92rem}

/* Section index cards. */
.mk-cards{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}
.mk-card{
  display:block;padding:22px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--night);text-decoration:none;transition:.22s;
}
.mk-card:hover{border-color:var(--gold-deep);transform:translateY(-2px);box-shadow:var(--shadow)}
.mk-card h3{margin:0 0 8px;font-size:1.08rem;color:var(--mist)}
.mk-card p{margin:0 0 12px;font-size:.88rem;color:var(--mist-2);line-height:1.6}
.mk-more{font-size:.82rem;font-weight:700;color:var(--magic-deep)}

.mk-cta{
  margin-top:46px;padding:28px;border-radius:var(--r);
  background:var(--night-2);border:1px solid var(--line);
}
.mk-cta h2{margin:0 0 10px;font-size:clamp(1.3rem,4vw,1.7rem)}
.mk-cta p{margin:0 0 20px;color:var(--mist-2);line-height:1.7;max-width:56ch}
.mk-cta-actions{display:flex;flex-wrap:wrap;gap:12px}
/* Full-width tap targets on a phone; the buttons already clear 44px. */
.mk-cta-actions .btn,.mk-note-actions .btn{flex:1 1 100%}

@media(min-width:640px){
  .mk-cards{grid-template-columns:repeat(2,1fr);gap:18px}
  .mk-cta-actions .btn,.mk-note-actions .btn{flex:0 0 auto}
}

@media(min-width:1024px){
  .mk-cards{grid-template-columns:repeat(3,1fr)}
  .mk-cta{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:34px}
  .mk-cta p{margin-bottom:0}
  .mk-cta-actions{flex-shrink:0}
}