body{margin:0;font-family:Arial,sans-serif;background:#f6f1e8;color:#13231d;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1100px,92vw);margin:auto}header{background:#f6f1e8;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:10}.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.brand{font-weight:800}.nav a{margin-left:14px}.hero{padding:72px 0;background:linear-gradient(rgba(10,22,18,.64),rgba(10,22,18,.72)),url("liverpool-hero.jpg") center 54%/cover no-repeat;color:#fff}.hero .muted{color:#e7ece9}.hero .btn{box-shadow:0 8px 24px rgba(0,0,0,.22)}h1{font-size:56px;line-height:1;margin:0 0 18px}h2{font-size:36px;line-height:1.1;margin-top:36px}h3{line-height:1.25}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;padding:22px;border-radius:18px;border:1px solid #ddd}.card a:not(.btn),.related a,footer a{color:#9d3028;font-weight:700}.btn{display:inline-block;background:#c94236;color:#fff!important;padding:12px 18px;border-radius:12px;font-weight:700;margin-top:4px}.section{padding:52px 0}.alt{background:#eee7dc}.muted{color:#68756f}.small{font-size:.88rem}.notice{background:#fff8e7;border:1px solid #ead7a3;padding:18px;border-radius:14px;margin:18px 0}.compare{overflow-x:auto}.compare table{width:100%;border-collapse:collapse;background:#fff}.compare th,.compare td{padding:13px;border:1px solid #ddd;text-align:left}.related{margin-top:32px;padding:18px;background:#fff;border:1px solid #ddd;border-radius:14px}footer{padding:30px 0;color:#68756f;border-top:1px solid #ddd}.category-hero{background:#13231d;color:#fff;padding:58px 0}.category-hero .muted{color:#d9e3df}.category-hero p{max-width:760px}.category-hero h1{max-width:850px}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}h1{font-size:44px}.nav nav a:nth-child(3){display:none}}@media(max-width:550px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-size:16px}.wrap{width:92vw}.grid{grid-template-columns:1fr}.nav nav{display:none}.hero{padding:54px 0;background-position:center center}.hero h1,.category-hero h1{font-size:40px;line-height:1.04}.hero .muted{font-size:17px}.section{padding:38px 0}h2{font-size:30px}.category-hero{padding:42px 0}.btn{display:block;text-align:center;margin-top:12px}}

/* Homepage Beatleweek spacing */
.hero + .section{padding:28px 0 0}
.hero + .section .notice{margin:18px 0 0}
.hero + .section + .section{padding-top:30px}
.hero + .section + .section h2{margin-top:0}
@media(max-width:550px){
  .hero + .section{padding:22px 0 0}
  .hero + .section .notice{margin:14px 0 0}
  .hero + .section + .section{padding-top:22px}
  .hero + .section + .section h2{margin-top:0}
}


/* v15: photographic headers for inner landing/guide pages */
.page-photo-hero{
  position:relative;
  background-color:#13231d;
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:76px 0;
  overflow:hidden;
}
.page-photo-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(10,22,18,.66) 0%,rgba(10,22,18,.50) 55%,rgba(10,22,18,.24) 100%);
}
.page-photo-hero .wrap{
  position:relative;
  z-index:1;
}
.page-photo-hero h1{
  max-width:780px;
  text-shadow:0 2px 12px rgba(0,0,0,.34);
}
.page-photo-hero p{
  max-width:720px;
  text-shadow:0 1px 8px rgba(0,0,0,.28);
}
.page-photo-hero .muted{
  color:#eef2ef;
  font-weight:700;
  letter-spacing:.02em;
}
.hero-beatles{background-image:url("beatles-tour.jpg")}
.hero-football{background-image:url("anfield-tour.jpg")}
.hero-sightseeing{background-image:url("sightseeing-tour.jpg")}
.hero-river{background-image:url("mersey-cruise.jpg")}
.hero-city{background-image:url("liverpool-hero.jpg")}


@media(max-width:650px){
  .page-photo-hero{
    padding:54px 0;
    background-position:center;
  }
  .page-photo-hero::before{
    background:linear-gradient(rgba(10,22,18,.58),rgba(10,22,18,.54));
  }
  .page-photo-hero h1{
    font-size:40px;
    line-height:1.05;
  }
}


/* v17: responsive safety fixes */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
.card,.notice,.related,.experience-card{min-width:0;max-width:100%}
.experience-card{overflow:hidden;padding:0}
.experience-img{width:100%;max-width:100%;height:auto;object-fit:cover}
.experience-body{padding:22px;min-width:0}
.grid>*{min-width:0}

@media(max-width:800px){
  .wrap{width:min(92vw,1100px);max-width:92vw}
}
@media(max-width:550px){
  .wrap{width:92%;max-width:92%;margin-left:auto;margin-right:auto}
  .grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
  .card,.notice,.related{width:100%;max-width:100%}
  .experience-body{padding:18px}
}


/* v19: hero-image audit
   Keep real photography where it adds context; use distinct editorial
   treatments where a repeated generic Liverpool photo was weakening the site. */
.hero-beatles{background-position:center 44%}
.hero-football{background-position:center 46%}
.hero-sightseeing{background-position:center 52%}
.hero-river{background-position:center 50%}
.hero-city{background-position:center 54%}

/* Generic informational pages now have their own visual identity rather than
   recycling the same photograph repeatedly. */
.hero-compare{
  background-image:
    radial-gradient(circle at 78% 30%,rgba(255,255,255,.12),transparent 31%),
    linear-gradient(118deg,#173c32 0%,#275548 52%,#b9634e 140%);
}
.hero-walking{background-image:url("https://commons.wikimedia.org/wiki/Special:FilePath/Bold%20Street%2C%20Liverpool.jpg?width=1600");background-position:center 48%}
.hero-private{background-image:url("https://commons.wikimedia.org/wiki/Special:FilePath/Liverpool%20Lime%20Street%20Station%20-%20taxi%20rank%20%2810447120035%29.jpg?width=1600");background-position:center 56%}
.hero-ghost-clean{background-image:url("https://commons.wikimedia.org/wiki/Special:FilePath/Catacombs%2C%20St%20James%27s%20Gardens.jpg?width=1600");background-position:center 52%}
.hero-weekend{
  background-image:
    radial-gradient(circle at 80% 24%,rgba(255,255,255,.13),transparent 30%),
    linear-gradient(118deg,#173e37 0%,#357065 58%,#d38a63 145%);
}
.hero-rainy{
  background-image:
    radial-gradient(circle at 82% 24%,rgba(255,255,255,.10),transparent 30%),
    linear-gradient(118deg,#26363e 0%,#49616b 58%,#87949a 140%);
}
.hero-kids{
  background-image:
    radial-gradient(circle at 82% 24%,rgba(255,255,255,.16),transparent 28%),
    linear-gradient(118deg,#225447 0%,#4d8270 58%,#d79a68 145%);
}

/* Gradient-only heroes don't need the photo darkening overlay. */
.hero-compare::before,.hero-walking::before,.hero-private::before,
.hero-ghost-clean::before,.hero-weekend::before,.hero-rainy::before,
.hero-kids::before{
  background:linear-gradient(90deg,rgba(8,18,15,.28),rgba(8,18,15,.06));
}


/* v20: real photo replacements for previously weak/reused hero treatments */
.hero-cruise{
  background-image:url("https://commons.wikimedia.org/wiki/Special:FilePath/Liverpool%20Cruise%20Terminal%20%282023%29.jpg?width=1600");
  background-position:center 48%;
}
.hero-walking::before,.hero-private::before,.hero-cruise::before{
  background:linear-gradient(90deg,rgba(9,20,17,.62) 0%,rgba(9,20,17,.45) 55%,rgba(9,20,17,.18) 100%);
}
.hero-ghost-clean::before{
  background:linear-gradient(90deg,rgba(14,12,18,.68) 0%,rgba(14,12,18,.48) 55%,rgba(14,12,18,.24) 100%);
}
@media(max-width:650px){
  .hero-walking::before,.hero-private::before,.hero-cruise::before{
    background:linear-gradient(rgba(9,20,17,.54),rgba(9,20,17,.50));
  }
  .hero-ghost-clean::before{
    background:linear-gradient(rgba(14,12,18,.60),rgba(14,12,18,.56));
  }
}