/* Researched reference guides share the existing readable editorial system. */
.guide-lead{font-size:clamp(19px,1.5vw,23px);line-height:1.8;color:var(--ink)}
.guide-reading-meta{font-size:14px!important;line-height:1.8;color:var(--muted);margin:18px 0 25px}
.guide-lens{padding:24px 28px;margin:30px 0;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:15px;background:linear-gradient(120deg,#25a99a14,#ffd66012)}
.guide-lens>strong{font:600 21px/1.4 Outfit,sans-serif;color:var(--ink)}.guide-lens>p:last-child{margin-bottom:0}.guide-lens>p{font-size:17px}
.article-body .guide-photo,.article-body .guide-diagram{margin:32px 0}.article-body .guide-photo img,.article-body .guide-diagram img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:16px;background:var(--cream)}
.article-body .guide-photo--portrait{max-width:650px;margin-inline:auto}.article-body .guide-photo--portrait img{max-height:850px}
.article-body .guide-photo figcaption,.article-body .guide-diagram figcaption{font-size:14px;line-height:1.8;padding-top:10px;color:var(--muted)}
.guide-water-image{margin:34px 0 38px}.guide-water-image>img{display:block;width:100%;height:clamp(280px,36vw,540px);object-fit:cover;border-radius:26px}.guide-water-image .image-credit{padding-top:10px}
.marine-profile .directory-panel:has(.guide-lead){background:transparent;padding:0;border:0;box-shadow:none}.marine-profile .article-body>h2,.place-profile .article-body>h2{scroll-margin-top:28px;font-size:clamp(27px,2.5vw,35px);line-height:1.25;margin-top:42px}
.marine-profile .content-layout{grid-template-columns:minmax(0,7fr) minmax(260px,3fr);gap:65px}.marine-profile .side-panel{align-self:start}
.guide-geography-note{font-size:14px!important;line-height:1.8;padding:16px 18px;border-radius:12px;background:var(--cream);color:var(--muted)}
.guide-source-identity{margin-top:25px;border-top:1px solid var(--line);padding-top:16px}.guide-source-identity>summary{cursor:pointer;font-weight:600;font-size:15px}.guide-glance{margin:22px 0}.guide-glance>div{padding:13px 0;border-bottom:1px solid var(--line)}.guide-glance dt{font-size:14px;color:var(--muted)}.guide-glance dd{font-size:17px;margin:6px 0 0;color:var(--ink)}
.guide-kicker{display:block;margin:28px 0 14px}.paradox-feature .simple-hero:not(.directory-hero){background:linear-gradient(120deg,#e0f0e5,#fff1c8)}.paradox-feature .prose-page{max-width:1000px}.paradox-feature .simple-hero:not(.directory-hero) h1{max-width:1000px}.paradox-feature .simple-hero:not(.directory-hero) p{max-width:850px}.guide-back{margin-top:35px;font-weight:600}
.landlore-dark .paradox-feature .simple-hero:not(.directory-hero){background:linear-gradient(120deg,#234138,#443b24)}
@media(max-width:800px){.marine-profile .content-layout{grid-template-columns:1fr;gap:32px}.guide-water-image>img{border-radius:17px;height:300px}.guide-lens{padding:20px}.article-body .guide-photo img,.article-body .guide-diagram img{border-radius:11px}.paradox-feature .prose-page{width:calc(100% - 40px)}}
@media(max-width:560px){.paradox-feature .prose-page{width:calc(100% - 36px)}.guide-water-image>img{height:270px}.guide-reading-meta{overflow-wrap:anywhere}}


.guide-water-image>figcaption{font-size:14px;line-height:1.8;color:var(--muted);padding-top:10px}
.paradox-feature .simple-hero:not(.directory-hero)>.container{width:min(1140px,calc(100% - 72px))!important;max-width:1140px!important;margin-inline:auto!important;margin-left:auto!important;margin-right:auto!important}
.directory-hero-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;font:600 13px/1.2 Outfit,sans-serif;color:var(--teal);text-decoration:none}.directory-hero-back:hover{text-decoration:underline}

/* Wide source photography preserves the complete panorama in the existing full-width banner. */
.guide-water-image--panorama>img{height:auto;object-fit:cover}
.story-featured-image{margin:0 0 36px}.story-featured-image>img{display:block;width:100%;height:auto;border-radius:22px}.story-featured-image>figcaption{font-size:14px;line-height:1.8;color:var(--muted);padding-top:10px}
.story-featured-image--portrait{width:min(100%,480px);margin:0 auto 36px}.story-featured-image--portrait>img{height:auto;object-fit:contain}

/* Optional reading exercises use native disclosures, without tracking or scripts. */
.article-body .guide-exercise{margin:30px 0;padding:0 22px;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:16px;background:linear-gradient(120deg,#25a99a0d,#ffd66013)}
.article-body .guide-exercise>summary{padding:20px 0;font:600 18px/1.55 Outfit,sans-serif;cursor:pointer;color:var(--ink)}
.article-body .guide-exercise>summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px;border-radius:4px}
.article-body .guide-exercise>div{padding:0 0 16px}.article-body .guide-exercise p:last-child{margin-bottom:0}
.article-body .guide-photo:has(img[src*="/longform-"]) img{max-height:none;height:auto}
.article-body .guide-photo--compact{max-width:540px;margin-inline:auto}
@media(max-width:560px){.article-body .guide-exercise{padding-inline:16px}.article-body .guide-exercise>summary{font-size:17px}}

/* Native wide story covers keep their photographed proportions in the approved banner. */
.article-detail .article-image.article-image--wide img{height:auto;max-height:none}
.article-cover-caption{display:block;font-size:14px;line-height:1.8;color:var(--muted);padding-top:10px}
.article-detail .article-image>figcaption>.image-credit{display:block}
.article-body .guide-photo--compact{max-width:700px;margin-inline:auto}

/* Subject-led visual comparisons and native process graphics; no fixed image quota. */
.article-body .guide-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin:32px 0}
.article-body .guide-visuals>.guide-photo{margin:0;min-width:0}.article-body .guide-visuals img{max-height:430px;object-fit:contain}
.article-body .guide-photo--research img{height:auto;max-height:none}.article-body .guide-photo--research{max-width:100%;margin-inline:auto}
.article-body .guide-image-zoom{display:block;border:0;text-decoration:none;line-height:0;border-radius:16px}.article-body .guide-image-zoom:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.article-body .guide-comparison{max-width:100%;overflow-x:auto;margin:30px 0;border:1px solid var(--line);border-radius:15px;background:var(--cream)}
.article-body .guide-comparison table{width:100%;border-collapse:collapse;margin:0;min-width:560px}.article-body .guide-comparison caption{padding:18px;text-align:left;font-size:16px;line-height:1.6;font-weight:600;color:var(--ink)}
.article-body .guide-comparison th,.article-body .guide-comparison td{font-size:16px;line-height:1.65;padding:16px;text-align:left;vertical-align:top;border:1px solid var(--line)}.article-body .guide-comparison thead{background:color-mix(in srgb,var(--teal) 15%,var(--cream))}
.article-body .guide-process{margin:34px 0;padding:24px;border:1px solid var(--line);border-top:5px solid var(--teal);border-radius:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--teal) 9%,var(--cream)),var(--cream));box-shadow:0 12px 30px #183d3e0a}
.article-body .guide-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:20px 0;list-style:none}.article-body .guide-process li{padding:18px;border-radius:13px;background:var(--paper,var(--cream));border:1px solid var(--line);min-width:0}
.article-body .process-number{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:50%;background:var(--teal);color:#fff;font:600 18px/1 Outfit,sans-serif}.article-body .guide-process strong{display:block;font:600 21px/1.35 Outfit,sans-serif;color:var(--ink)}.article-body .guide-process p{font-size:16px;line-height:1.75;margin:12px 0 0}.article-body .guide-process figcaption{font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:700px){.article-body .guide-visuals,.article-body .guide-process ol{grid-template-columns:1fr}.article-body .guide-process{padding:20px}.article-body .guide-comparison table{min-width:520px}.article-body .guide-comparison th,.article-body .guide-comparison td{padding:13px}.article-body .guide-visuals img{max-height:none}}

/* ==========================================================================
   Editorial Guide FAQ Accordions (People Also Ask)
   ========================================================================== */
.guide-faq-accordion {
  margin: 32px 0 38px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.guide-faq-item {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.guide-faq-item[open] {
  border-color: var(--teal);
  box-shadow: 0 4px 16px rgba(20, 106, 99, 0.06);
}

.guide-faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  font: 600 18px/1.4 'Outfit', sans-serif;
  color: var(--ink);
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.guide-faq-question::-webkit-details-marker {
  display: none;
}

.guide-faq-question::after {
  content: "+";
  font-size: 24px;
  font-weight: 400;
  color: var(--teal);
  line-height: 1;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.guide-faq-item[open] .guide-faq-question::after {
  content: "−";
  color: var(--coral);
}

.guide-faq-answer {
  padding: 0 22px 20px;
  font-size: 16px;
  line-height: 1.75;
  color: var(--ink);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.guide-faq-answer p {
  margin: 12px 0 0;
}

/* ==========================================================================
   Universal Editorial Text Justification (Always Justified Site-wide)
   Applies justified text alignment, inter-word spacing, and automatic
   hyphenation to all article prose (country, ocean, region, story, paradox),
   sidebars, accordions, and all card categories / descriptions.
   ========================================================================== */
.article-deck,
.article-body p,
.article-body li,
.article-body blockquote,
.prose-column p,
.prose-column li,
.prose-page p,
.fieldnotes-copy p,
.destination-card p,
.destination-card > div > p,
.destination-card .destination-body p,
.country-directory-card p,
.country-card-copy p,
.place-card p,
.marine-card p,
.water-card p,
.marine-source,
.marine-collection p,
.atlas-collection-heading p,
.special-area-explanation p,
.topic-hero-intro,
.topic-why-lead,
.topic-coverage-promise,
.error-lead,
.newsletter-inner p,
.story-card p,
.story-card__body p,
.paradox-card p,
.paradox-feature-card p,
.paradox-topic p,
.paradox-theory-card p,
.chapter-editorial-card p,
.chapter-editorial-card .chapter-card-hook,
.chapter-directory p,
.chapter-link small,
.chapter-text small,
.adventure-chapters small,
.chapter-extra small,
.about-data-card p,
.about-charter-card p,
.about-chapter-card p,
.about-chapter-intro,
.about-chapter-why p,
.topic-why-card p,
.topic-coverage-card p,
.topic-nav-card p,
.mission-grid p,
.value-grid p,
.process-grid p,
.section-heading p,
.section-intro,
.directory-hero-copy p,
.marine-hero p,
.adventure-copy > p,
.founder-story .article-body p,
.reading-sidebar p,
.sidebar-glance p,
.sidebar-atlas p,
.sidebar-related-articles p,
.sidebar-reading-meta p,
.side-panel p,
.directory-panel p,
.landlore-facts-accordion p,
.landlore-facts-accordion-content p,
.guide-faq-accordion p,
.guide-faq-item-content p,
.guide-faq-answer p,
.regional-results p,
.regional-live-results p,
.region-card-context,
.region-photo-credit,
.guide-geography-note,
.guide-reading-meta,
.guide-back {
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}