/* Mametas V4 — last UI sign-off. Tiny, component-scoped corrections only.
   2026-10-11: links, editorial density, share spacing, Explore verdicts, FAQs. */

/* SOURCE and GOOGLE MAPS belong to one baseline/underline vocabulary. */
body .article .spot-logistics a,
body .article .spot-logistics a:visited,
body .culture-detail .spot-logistics a,
body .culture-detail .spot-logistics a:visited,
body.rg-destination .spot-logistics a,
body.rg-destination .spot-logistics a:visited {
  display:inline!important;
  height:auto!important;min-height:0!important;
  margin:0!important;padding:0 0 2px!important;
  border:0!important;box-shadow:none!important;
  border-radius:0!important;background:none!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:12.5px!important;line-height:1.55!important;
  font-weight:650!important;letter-spacing:.075em!important;
  text-decoration:underline!important;text-decoration-thickness:1px!important;
  text-underline-offset:5px!important;
  text-decoration-skip-ink:auto!important;
  vertical-align:baseline!important;
}
body .article a.mametas-map-inline:not(.btn),
body .article a.mametas-map-inline:not(.btn):visited {
  box-shadow:none!important;
  border-bottom:0!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:4px!important;
}
body .article .spot-logistics a:focus-visible {outline:2px solid #ad492f;outline-offset:3px}

/* Readable rather than oversized: consistent scale for legacy article pages.
   The v3 intent templates and hotel detail pages keep their own hierarchy. */
body.mametas-compact-article .article > h1 {
  font-size:clamp(38px,4vw,55px)!important;line-height:1.12!important;
}
body.mametas-compact-article .article > h2 {
  font-size:clamp(26px,2.55vw,31px)!important;line-height:1.24!important;
  margin-top:40px!important;
}
body.mametas-compact-article .article > h3,
body.mametas-compact-article .article .place h3,
body.mametas-compact-article .article .route-step h3 {
  font-size:clamp(21px,2.05vw,24px)!important;line-height:1.27!important;
}
body.mametas-compact-article .article > p:not(.standfirst):not(.back),
body.mametas-compact-article .article > ul,
body.mametas-compact-article .article > ol,
body.mametas-compact-article .article .place > p,
body.mametas-compact-article .article .route-step > p {
  font-size:15.5px!important;line-height:1.7!important;
}
body.mametas-compact-article .article > .standfirst {
  font-size:clamp(19px,2.15vw,21px)!important;line-height:1.5!important;
}
/* Entire cards are already semantic anchors; make affordance obvious. */
body .grid > a.card {cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover){body .grid > a.card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(25,36,46,.09)}}
body .grid > a.card:focus-visible{outline:2px solid #aa6b3c;outline-offset:4px}

/* Share link was pressed against editorial covers at several breakpoints. */
body .mametas-share-row {margin-top:24px!important;margin-bottom:24px!important}
body .article-hero .mametas-share-row,
body .page-hero .mametas-share-row {margin-bottom:26px!important}
@media(max-width:650px){body .mametas-share-row{margin-top:20px!important;margin-bottom:24px!important}}

/* Compact but distinct judgment block on retirement/expat/other Explore details. */
body.mametas-explore-detail .intent-detail .article-body .verdict p,
body.mametas-explore-detail .intent-detail .article-body .verdict-box p {
  font-family:Fraunces,Georgia,serif!important;
  font-size:17px!important;line-height:1.5!important;
}
@media(max-width:650px){
  body.mametas-explore-detail .intent-detail .article-body .verdict p,
  body.mametas-explore-detail .intent-detail .article-body .verdict-box p {
    font-size:16.5px!important;line-height:1.52!important;
  }
}

/* Same accessible native disclosure pattern as Honeymoon for Gay-guide FAQs. */
body .mametas-faq-parity {margin:38px 0 45px}
body .mametas-faq-parity > h2 {
  font:500 clamp(27px,2.65vw,34px)/1.2 Fraunces,Georgia,serif!important;
  margin:0 0 12px!important
}
body .mametas-faq-parity details {border-top:1px solid rgba(21,58,101,.22);margin:0;padding:0}
body .mametas-faq-parity details:last-child {border-bottom:1px solid rgba(21,58,101,.22)}
body .mametas-faq-parity summary {
  position:relative;cursor:pointer;display:block;list-style:none;
  padding:19px 35px 19px 0;color:#153a65;
  font:500 clamp(20px,2.05vw,24px)/1.3 Fraunces,Georgia,serif
}
body .mametas-faq-parity summary::-webkit-details-marker{display:none}
body .mametas-faq-parity summary::after{content:"+";position:absolute;right:3px;top:16px;color:#28647c;font:400 24px/1 Inter,Arial,sans-serif}
body .mametas-faq-parity details[open] summary::after{content:"−"}
body .mametas-faq-parity details > p {padding:0 30px 18px 0;margin:0;color:#30394d;font:400 15.5px/1.68 Inter,Arial,sans-serif}
body .mametas-faq-parity summary:focus-visible{outline:2px solid #ad492f;outline-offset:3px}

/* Existing Gay subguide details are already semantic accordions. Match
   the same editorial rhythm as Explore without rewriting their answers. */
body .article .faq-list {margin:38px 0 45px!important}
body .article .faq-list details {border-top:1px solid rgba(21,58,101,.22)!important;margin:0!important;padding:0!important}
body .article .faq-list details:last-child {border-bottom:1px solid rgba(21,58,101,.22)!important}
body .article .faq-list summary {
  position:relative;display:block;list-style:none;cursor:pointer;
  padding:19px 35px 19px 0!important;margin:0!important;
  color:#153a65!important;font:500 clamp(20px,2.05vw,24px)/1.3 Fraunces,Georgia,serif!important
}
body .article .faq-list summary::-webkit-details-marker {display:none}
body .article .faq-list summary::after {
  content:"+";position:absolute;right:3px;top:16px;
  color:#28647c;font:400 24px/1 Inter,Arial,sans-serif
}
body .article .faq-list details[open] summary::after {content:"−"}
body .article .faq-list .faq-answer {padding:0 30px 18px 0!important;margin:0!important}
body .article .faq-list .faq-answer p {margin:0!important;padding:0!important;color:#30394d!important;font:400 15.5px/1.68 Inter,Arial,sans-serif!important}
body .article .faq-list summary:focus-visible {outline:2px solid #ad492f;outline-offset:3px}

/* Restaurant SOURCE / MICHELIN and GOOGLE MAPS: same physical underline baseline.
   Normalized Maps links also carry mametas-map-inline, whose older global
   selector removed its border; restore one (and only one) consistent line. */
body.mametas-restaurant-detail .article .place > a.place-link,
body.mametas-restaurant-detail .article .place > a.place-link.mametas-map-inline,
body.mametas-restaurant-detail .article .place > a.place-link:visited {
  box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;
  vertical-align:baseline!important;
  height:26px!important;min-height:26px!important;
  margin:10px 16px 0 0!important;
  padding:0 0 4px!important;
  background:transparent!important;
  border:0!important;border-bottom:1px solid currentColor!important;
  border-radius:0!important;box-shadow:none!important;
  text-decoration:none!important;
  font:700 11px/1.45 Inter,Arial,sans-serif!important;
  letter-spacing:.09em!important;text-transform:uppercase!important;
}

/* Real production Good Finds agenda cards contain official/map links and a
   separate CTA. Make the entire card surface clickable without nesting
   anchors: an accessible overlay behind the independent inline links. */
body.mametas-good-finds-hub .right-now-clean .grid > .card {
  position:relative;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
body.mametas-good-finds-hub .right-now-clean .grid > .card > a.mametas-card-overlay {
  position:absolute;inset:0;z-index:1;
  display:block;width:100%;height:100%;border:0!important;
  color:transparent!important;background:transparent!important;
}
body.mametas-good-finds-hub .right-now-clean .grid > .card a:not(.mametas-card-overlay) {
  position:relative;z-index:2;
}
body.mametas-good-finds-hub .right-now-clean .grid > .card > a.mametas-card-overlay:focus-visible {
  outline:3px solid #ab7046;outline-offset:3px;
}
@media(hover:hover){
 body.mametas-good-finds-hub .right-now-clean .grid > .card:hover {
  transform:translateY(-2px);box-shadow:0 8px 22px rgba(25,36,46,.10);
 }
}


/* V36 – SAME accordion grammar as Babymoon's .intent-detail .intent-faq.
   A single semantic .intent-faq container across every Gay guide, scoped to
   this family; no new global typography rules or decorative FAQ boxes. */
body.mametas-gay-faq .article .intent-faq {
  margin:58px 0 10px;
  padding:28px 0 0;
  border-top:1px solid var(--line,rgba(21,58,101,.16));
  background:transparent;
  box-shadow:none;
}
body.mametas-gay-faq .article .intent-faq > h2 {
  margin:0 0 18px!important;
  color:var(--ink,#153a65);
  font-family:var(--serif,Fraunces,Georgia,serif);
  font-size:clamp(28px,2.4vw,34px)!important;
  font-weight:500;
  line-height:1.06;
}
body.mametas-gay-faq .article .intent-faq details {
  display:block;margin:0;padding:0;
  border:0;border-top:1px solid var(--line,rgba(21,58,101,.16));
  border-radius:0;background:transparent;box-shadow:none;
}
body.mametas-gay-faq .article .intent-faq details:last-child {
  border-bottom:1px solid var(--line,rgba(21,58,101,.16));
}
body.mametas-gay-faq .article .intent-faq summary {
  position:relative;display:block;list-style:none;
  margin:0;padding:17px 34px 17px 0;
  color:var(--ink,#153a65)!important;cursor:pointer;
  font-family:var(--serif,Fraunces,Georgia,serif)!important;
  font-size:18px!important;font-weight:500!important;line-height:1.35!important;
  border:0;background:transparent;
}
body.mametas-gay-faq .article .intent-faq summary::-webkit-details-marker {display:none}
body.mametas-gay-faq .article .intent-faq summary::after {
  content:"+";position:absolute;top:15px;right:2px;
  color:var(--blue-deep,#0e5265);
  font-family:var(--sans,Inter,Arial,sans-serif);
  font-size:20px;font-weight:400;
}
body.mametas-gay-faq .article .intent-faq details[open] summary::after {content:"–"}
body.mametas-gay-faq .article .intent-faq details > p,
body.mametas-gay-faq .article .intent-faq details .faq-answer p {
  max-width:690px;margin:0 0 18px!important;padding:0!important;
  color:var(--ink-soft,#3f4b63)!important;
  font-family:var(--sans,Inter,Arial,sans-serif)!important;
  font-size:14px!important;font-weight:400!important;line-height:1.68!important;
}
body.mametas-gay-faq .article .intent-faq summary:focus-visible {
  outline:2px solid var(--blue-deep,#0e5265);outline-offset:3px;
}
@media(max-width:760px){
  body.mametas-gay-faq .article .intent-faq{margin-top:46px}
  body.mametas-gay-faq .article .intent-faq > h2{font-size:26px!important}
  body.mametas-gay-faq .article .intent-faq summary{font-size:17px!important}
}
