.experiences .guide-search{display:flex;align-items:end;max-width:740px;margin-top:20px}
.experiences .guide-search label{flex:1}
.guide-crumb a{color:inherit;text-decoration:underline}
.guide-destinations,.activity-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:18px}
.guide-destinations>a,.activity-list article,.guide-feed article{border:1px solid var(--line);background:white;border-radius:16px;overflow:hidden;color:var(--ink)}
.guide-destinations>a{text-decoration:none}
.guide-destinations>a:hover h3,.guide-feed h2 a:hover{text-decoration:underline}
.guide-destinations img{display:block;width:100%;aspect-ratio:1.9;object-fit:cover}
.guide-destinations a>div,.activity-list article,.guide-feed article{padding:clamp(16px,2.2vw,28px)}
.experiences h3{font-size:24px;margin:0 0 6px}
.guide-credits,.guide-source{font-size:13px;color:var(--muted)}
.guide-credits{margin-top:24px}
.guide-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,42px)}
.guide-map{grid-column:2;grid-row:1;position:sticky;top:16px}
.guide-feed{grid-column:1;grid-row:1;display:grid;gap:22px}
.experiences .guide-feed article:focus,.experiences .guide-feed article:target{outline:2px solid #2c775e;outline-offset:2px}
.guide-feed h2 a{color:inherit;text-decoration:none}
.guide-feed p,.experiences li,.activity-list p{line-height:1.6}
.guide-tip{border-left:3px solid var(--green);background:#f1f6ef;padding:12px 16px}
.guide-tip strong{display:block}
.guide-video{position:relative;aspect-ratio:16/9;background:#153b2d;border-radius:12px;overflow:hidden}
.guide-video img,.guide-video iframe,.guide-video a{display:block;width:100%;height:100%;object-fit:cover}
.guide-video iframe,.guide-video span{position:absolute}
.guide-video iframe{inset:0;border:0}
.guide-video span{bottom:12px;left:12px;padding:6px 12px;border-radius:16px;background:#16332e;color:white}
.guide-instagram{display:block;border:0;width:100%;height:520px}
#guide-map{height:clamp(260px,53vh,530px);border-radius:16px;background:#e3ece5;isolation:isolate}
.guide-pin{background:var(--green);border:2px solid white;border-radius:50%;color:white;text-align:center;font:700 15px/28px system-ui;box-shadow:0 1px 6px #0005}
.guide-map nav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.guide-map nav a{padding:7px 10px;border:1px solid var(--line);border-radius:20px;color:var(--green);font-size:14px}
.experiences .trip-content>section{margin-top:36px}
.experiences .trip-content ul{list-style:disc;padding-left:1.4em}
@media(max-width:760px){.guide-layout{display:flex;flex-direction:column}.guide-map,.guide-feed{position:static;width:100%}.guide-instagram{height:465px}.experiences .guide-search{flex-wrap:wrap}.guide-search input{font-size:16px}}
.trip-home.experiences .guide-search{width:min(100%,620px);border-radius:32px;padding:8px 8px 8px 22px;align-items:center;text-align:left;box-shadow:0 12px 32px #102a2438}
.guide-search input[type=search]{border:0;min-height:28px;padding:0}
.experiences .guide-search button{border-radius:26px;padding:12px 24px}

.experiences .trip-content>.prague-guides{margin:0 0 36px}
.prague-guides p,.guide-summary{line-height:1.55}
.guide-summary{font-size:1.15rem;max-width:64ch;margin:0 0 24px}

.trip-home.experiences .guide-search {
  width:min(100%,850px);
  border-radius:16px;
  padding:8px 8px 8px 16px;
  margin-top:0;
}
.trip-home.experiences .guide-search button {
  border-radius:10px;
  background:var(--green);
}
.experiences .guide-feed article h2 {
  font-size:clamp(24px,2.4vw,32px);
}
.trip-home.experiences .n365-hero-photo {object-position:center 18%}
@media (max-width:760px) {
  .trip-home.experiences .n365-hero-photo {object-position:79% center}
}

.guide-search label {position:relative;padding-left:30px}
.guide-search label svg {position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--green)}
.guide-search button {display:inline-flex;align-items:center;gap:8px}
.experiences .trip-intro .guide-map-shortcut {display:inline-block;color:inherit;text-decoration:underline;text-underline-offset:3px}
.experiences:not(.trip-home) .trip-header .n365-topbar {
  max-width:none;
  width:auto;
  margin-inline:clamp(8px,1vw,16px);
  padding-inline:clamp(16px,4vw,48px);
}
@media (max-width:799px) {
  .experiences:not(.trip-home) .trip-header .n365-topbar {margin-inline:8px;padding-inline:12px}
}

/* One location field uses the same hero control as the stay catalogue. */
.experiences.trip-home .guide-catalog-search {
  display:grid; grid-template-columns:minmax(0,1fr) auto;
  width:min(100%,620px); margin:0 auto; align-items:stretch;
}
.guide-catalog-search label {display:flex; min-width:0; color:var(--green)}
.guide-catalog-search input {width:100%; min-width:0; border:0; background:transparent; color:var(--ink); font:inherit}
.guide-catalog-search label svg {flex:none}
.experiences .guide-catalog-search button {display:flex; align-items:center; justify-content:center}
.experiences .guide-catalog-search button span {display:inline}
.trip-home.experiences .trip-content>.n365-inspiration-title {margin:8px 0 20px}
.guide-catalog-cards {grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.guide-catalog-cards>a {display:grid; grid-template-columns:minmax(0,40%) minmax(0,1fr); align-items:center; padding:10px; border:1px solid var(--line); border-radius:16px}
.guide-catalog-cards img {width:100%; aspect-ratio:3/2; border-radius:10px}
.guide-catalog-cards a>div {padding:12px 16px}
.guide-catalog-cards h3 {font:500 clamp(22px,2vw,28px)/1.12 'Source Serif 4',Georgia,serif}
.guide-catalog-cards span {color:var(--muted); font-size:15px}
@media(max-width:799px){
  .experiences.trip-home .guide-catalog-search {min-height:54px; padding:5px; width:calc(100% - 16px)}
  .experiences .guide-catalog-search .n365-hero-destination {padding:6px 10px; gap:8px}
  .experiences .guide-catalog-search .n365-hero-submit {min-width:44px; width:auto; padding:0 14px; border-radius:999px}
  .guide-catalog-cards {grid-template-columns:minmax(0,1fr)}
  .guide-catalog-cards>a {display:block; padding:0}
  .guide-catalog-cards img {aspect-ratio:16/9; border-radius:0}
  .guide-catalog-cards a>div {padding:16px}
}

.guide-catalog-search label:focus-within {outline:2px solid var(--green); outline-offset:-2px}
.guide-catalog-search #guide-destination:focus-visible {outline:0}
.guide-catalog-search .guide-clear {border:0; border-radius:50%; background:#e4ebe6; color:var(--ink); padding:0; width:28px; min-width:28px; height:28px; min-height:28px; justify-content:center}
.guide-suggestions {text-align:left; font:400 16px/1.4 Figtree,system-ui,sans-serif}
.guide-suggestions [role=option] {color:#1b2b24; cursor:pointer}
.guide-suggestions [aria-selected=true],.guide-suggestions [role=option]:hover {background:#e9f3ed}

/* Guide detail follows the light header and reading hierarchy of stay detail. */
.experiences:not(.trip-home) .trip-header {background:white; color:var(--ink); border-bottom:1px solid var(--line)}
.experiences:not(.trip-home) .trip-header .n365-wordmark,
.experiences:not(.trip-home) .trip-header .n365-sections {color:var(--ink)}
.experiences:not(.trip-home) .trip-intro,
.experiences:not(.trip-home) .trip-content {max-width:1040px; padding-inline:clamp(16px,4vw,44px)}
.experiences:not(.trip-home) .trip-intro {display:flex; align-items:center; gap:clamp(20px,4vw,50px); padding-block:24px 32px}
.guide-heading-copy {flex:1;min-width:0}
.experiences .guide-heading-copy h1 {font-size:clamp(32px,3.6vw,50px);line-height:1.08;text-wrap:balance;max-width:30ch;margin:12px 0 18px}
.experiences .guide-crumb {font:500 14px/1.4 Figtree,system-ui;color:var(--muted)}
.experiences .trip-intro .guide-map-shortcut {display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid #c7d7cc;border-radius:999px;text-decoration:none;color:var(--green);font-weight:600}
.guide-heading-photo {flex:0 1 36%;margin:0}
.guide-heading-photo img {display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:16px}
.guide-heading-photo figcaption {margin-top:5px;text-align:right;font-size:12px;color:var(--muted)}
#guide-map-section {scroll-margin-top:16px}
@media(max-width:700px){
  .experiences:not(.trip-home) .trip-intro {flex-direction:column;align-items:stretch;gap:16px;padding-block:16px 20px}
  .guide-heading-photo img {aspect-ratio:2.6/1}
}

/* Keep the headline, lead and chapters on one reading axis. */
.experiences.editorial-guide,.editorial-guide .trip-content {background:#fff}
.experiences.editorial-guide .trip-header {border:0}
.experiences.editorial-guide .trip-intro {
  display:block;max-width:740px;margin:auto;padding:clamp(28px,5vw,68px) 20px 0;
}
.editorial-guide .guide-heading-copy h1 {font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;line-height:1.08;margin:14px 0}
.editorial-guide .trip-intro .guide-map-shortcut {border:0;border-radius:0;padding:0;min-height:32px;font-size:14px}
.editorial-guide .guide-heading-photo {margin:24px 0 0}
.editorial-guide .guide-heading-photo img {aspect-ratio:2.3/1;border-radius:4px}
.experiences.editorial-guide .trip-content {padding:0 20px 40px}
.editorial-guide .trip-content :is(.pec-guide,.stay-feature) {
  max-width:700px;margin:20px auto 56px;
  font:400 clamp(18px,1.6vw,21px)/1.65 'Source Serif 4',Georgia,serif;color:var(--ink);
}
.editorial-guide article>p:first-of-type {font-size:1.12em;line-height:1.5;margin:0 0 20px}
.editorial-guide .article-contents {font:500 15px/1.5 Figtree,system-ui;color:var(--green);border-block:1px solid var(--line);margin:24px 0}
.editorial-guide .article-contents summary {padding:12px 0;cursor:pointer}
.editorial-guide .article-contents nav {display:grid;gap:4px;margin:0 0 14px}
.editorial-guide .article-contents nav ul {margin:0;padding:0;list-style:none}
.editorial-guide .article-contents nav a {display:inline-block;padding:5px 0;text-decoration:underline;text-underline-offset:3px}
.editorial-guide .trip-content article section {padding:0;margin:2em 0;border:0;background:transparent}
.editorial-guide .trip-content article section h2 {font:500 clamp(26px,2.6vw,35px)/1.18 'Source Serif 4',Georgia,serif;margin:0 0 .5em;letter-spacing:-.025em}
.editorial-guide article section h3 {margin:1.35em 0 .4em}
.editorial-guide article section p {margin:.7em 0 1.1em}
.editorial-guide article figure img {display:block;width:100%;height:auto}
.editorial-guide article figcaption {font:400 14px/1.5 Figtree,system-ui;color:var(--muted)}
