/* Zweck: wiederverwendbare Reise-LEGO-Karten fuer Philippinen-Reise-Hubs | Schicht: Komponente | Ladende Seiten: deutsche Philippinen-Reise-Hubs und ausgewaehlte Provinzseiten */

.travel-hub-page{--travel-card-radius:16px}
.travel-hub-hero{display:grid;gap:.7rem}
.travel-hub-hero>p{max-width:74ch;margin:0}
.travel-hub-navigation{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.35rem}
.travel-hub-navigation a{display:inline-flex;align-items:center;min-height:40px;padding:.55rem .8rem;border:1px solid var(--amg-line);border-radius:999px;background:var(--amg-paper);color:var(--amg-teal);font-family:var(--book-sans);font-size:.8rem;font-weight:750;line-height:1.2;text-decoration:none}
.travel-hub-navigation a[aria-current="page"]{border-color:var(--amg-teal);background:var(--amg-teal);color:#fff}
.travel-hub-navigation a:focus-visible{outline:3px solid color-mix(in srgb,var(--amg-orange-copy) 58%,transparent);outline-offset:3px}
.travel-hub-body>.travel-hub-section-heading{padding:clamp(1rem,1.8vw,1.5rem)}
.travel-hub-section-heading :is(h2,p){margin:0}
.travel-hub-section-heading p{margin-top:.55rem;max-width:78ch;color:var(--amg-muted);font-size:.92rem;line-height:1.55}
.travel-hub-body>.travel-destination-group{display:grid;gap:clamp(14px,1.4vw,22px);min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.travel-destination-group__heading{min-width:0;padding:clamp(1rem,1.8vw,1.5rem);border:1px solid var(--amg-line);border-radius:16px;background:var(--amg-paper);box-shadow:var(--amg-shadow)}
.travel-destination-group__heading :is(h2,h3,p){margin:0}
.travel-destination-group__heading h3{color:var(--amg-ink);font-family:var(--book-sans);font-size:clamp(1.22rem,1.08rem + .55vw,1.55rem);line-height:1.2}
.travel-destination-group__heading>p:last-child{max-width:82ch;margin-top:.55rem;color:var(--amg-muted);font-size:.9rem;line-height:1.5}
.travel-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.65vw,26px);align-items:stretch}
.travel-content-card{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;padding:clamp(1rem,1.8vw,1.5rem);border:1px solid var(--amg-line);border-radius:16px;background:var(--amg-paper);box-shadow:var(--amg-shadow);color:var(--amg-ink)}
.travel-content-card--span-2{grid-column:span 2}
.travel-content-card__eyebrow{margin:0 0 .5rem;color:var(--amg-orange-copy);font-family:var(--book-sans);font-size:.7rem;font-weight:850;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}
.travel-content-card :is(h2,h3,h4){margin:0;color:var(--amg-ink);font-family:var(--book-sans);font-size:clamp(1.05rem,.98rem + .25vw,1.22rem);line-height:1.2}
.travel-content-card__location{margin:.45rem 0 0;color:var(--amg-teal);font-family:var(--book-sans);font-size:.76rem;font-weight:750;line-height:1.4}
.travel-content-card__text{margin:.7rem 0 0;color:var(--amg-ink);font-size:.93rem;line-height:1.55}
.travel-content-card__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0 0;padding:0;list-style:none}
.travel-content-card__tags li{padding:.25rem .48rem;border:1px solid var(--amg-line);border-radius:999px;background:color-mix(in srgb,var(--amg-teal) 7%,var(--amg-paper));color:var(--amg-muted);font-family:var(--book-sans);font-size:.66rem;font-weight:750;line-height:1.2}
.travel-content-card__list{display:grid;gap:.45rem;margin:.9rem 0 0;padding-left:1.2rem;color:var(--amg-ink);font-size:.88rem;line-height:1.45}
.travel-content-card__list li{min-width:0;padding-left:.1rem}
.travel-content-card__links{display:flex;flex-wrap:wrap;gap:.55rem .85rem;margin-top:1rem}
.travel-content-card :is(.travel-content-card__list a,.travel-content-card__links a){color:var(--amg-teal);font-family:var(--book-sans);font-size:.84rem;font-weight:750;line-height:1.4;text-decoration-thickness:.08em;text-underline-offset:.16em;overflow-wrap:anywhere}
.travel-content-card :is(.travel-content-card__list a,.travel-content-card__links a):hover{color:var(--amg-orange-copy)}
.travel-content-card :is(.travel-content-card__list a,.travel-content-card__links a):focus-visible{border-radius:3px;outline:3px solid color-mix(in srgb,var(--amg-orange-copy) 58%,transparent);outline-offset:3px}
.travel-content-card__meta{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin-top:auto;padding-top:1rem;color:var(--amg-muted);font-family:var(--book-sans);font-size:.74rem;line-height:1.4}
.travel-content-card__status{color:var(--amg-teal);font-weight:800}
.travel-content-card__verified{font-variant-numeric:tabular-nums}
.travel-destination-card .travel-content-card__verified{font-size:.7rem}
.travel-hub-related,.travel-hub-faq{display:grid;gap:.85rem;margin-top:clamp(20px,2.5vw,34px);padding:clamp(1rem,1.8vw,1.5rem);border:1px solid var(--amg-line);border-radius:16px;background:var(--amg-paper);box-shadow:var(--amg-shadow)}
.travel-hub-related :is(p,h2,ul),.travel-hub-faq :is(p,h2){margin:0}
.travel-hub-related h2,.travel-hub-faq h2{color:var(--amg-ink);font-family:var(--book-sans);font-size:clamp(1.2rem,1.05rem + .6vw,1.55rem);line-height:1.2}
.travel-hub-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:0;list-style:none}
.travel-hub-related a{display:flex;align-items:center;min-height:44px;padding:.7rem .8rem;border:1px solid var(--amg-line);border-radius:10px;background:var(--amg-mint-soft);color:var(--amg-teal);font-size:.82rem;font-weight:800;line-height:1.35;text-decoration:none}
.travel-hub-related a:hover{text-decoration:underline;text-underline-offset:.18em}
.travel-hub-related a:focus-visible,.travel-hub-faq summary:focus-visible{outline:3px solid color-mix(in srgb,var(--amg-orange-copy) 58%,transparent);outline-offset:3px}
.travel-hub-faq>header{display:grid;gap:.25rem}
.travel-hub-faq__items{display:grid;gap:.65rem}
.travel-hub-faq details{border:1px solid var(--amg-line);border-radius:10px;background:var(--amg-mint-soft)}
.travel-hub-faq summary{cursor:pointer;padding:.85rem 2.6rem .85rem .9rem;color:var(--amg-ink);font-size:.88rem;font-weight:850;line-height:1.4}
.travel-hub-faq details p{padding:0 .9rem .95rem;color:var(--amg-muted);font-size:.84rem;line-height:1.55}
.travel-hub-prose{max-width:82ch;color:var(--amg-ink)}
.travel-hub-prose :is(h2,h3,p,ul){margin:0}
.travel-hub-prose__heading{padding-bottom:clamp(14px,1.8vw,22px);border-bottom:1px solid var(--amg-line)}
.travel-hub-prose__heading h2,.travel-hub-prose__next-steps h2,.travel-hub-prose__faq>h2{color:var(--amg-ink);font-family:var(--book-sans);font-size:clamp(1.35rem,1.16rem + .7vw,1.9rem);line-height:1.2}
.travel-hub-prose__chapter{margin-top:clamp(28px,3.5vw,46px);scroll-margin-top:90px}
.travel-hub-prose__chapter h3,.travel-hub-prose__question h3{color:var(--amg-ink);font-family:var(--book-sans);font-size:clamp(1.08rem,1rem + .3vw,1.32rem);line-height:1.3}
.travel-hub-prose__chapter>p,.travel-hub-prose__question>p{margin-top:.8rem;color:var(--amg-muted);font-size:clamp(.96rem,.93rem + .12vw,1.04rem);line-height:1.7}
.travel-hub-prose__chapter>ul{display:grid;gap:.45rem;margin-top:.85rem;padding-left:1.25rem;color:var(--amg-muted);font-size:.94rem;line-height:1.62}
.travel-hub-prose__chapter a,.travel-hub-prose__next-steps a{color:var(--amg-teal);font-weight:800;text-underline-offset:.16em}
.travel-hub-prose__chapter-links{display:flex;flex-wrap:wrap;gap:.5rem .9rem;margin-top:.9rem}
.travel-hub-prose__notice{margin-top:.85rem!important;padding-left:.8rem;border-left:3px solid var(--amg-orange-copy);font-size:.86rem!important;line-height:1.55!important}
.travel-hub-prose__next-steps,.travel-hub-prose__faq{margin-top:clamp(30px,3.7vw,50px);padding-top:clamp(18px,2.1vw,28px);border-top:1px solid var(--amg-line)}
.travel-hub-prose__next-steps ul{display:grid;gap:.5rem;margin-top:.85rem;padding-left:1.25rem;color:var(--amg-muted);line-height:1.55}
.travel-hub-prose__faq{display:block}
.travel-hub-prose__question{margin-top:clamp(20px,2.4vw,30px)}
.philippines-top-destinations>.travel-destination-group__heading{margin:0 0 1rem;padding:0;border:0;background:transparent;box-shadow:none}
.travel-destination-guide-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 1.25rem;padding:0;list-style:none}
.travel-destination-guide-nav a{display:inline-flex;align-items:center;min-height:38px;padding:.48rem .7rem;border:1px solid var(--amg-line);border-radius:999px;background:var(--amg-paper);color:var(--amg-teal);font-family:var(--book-sans);font-size:.77rem;font-weight:800;line-height:1.2;text-decoration:none}
.travel-destination-guides{display:grid;gap:clamp(18px,2vw,30px)}
.travel-destination-guide{display:grid;gap:clamp(16px,1.8vw,26px);min-width:0;padding:clamp(1rem,2.2vw,2rem);border:1px solid var(--amg-line);border-radius:18px;background:var(--amg-paper);box-shadow:var(--amg-shadow);color:var(--amg-ink)}
.travel-destination-guide.travel-destination-guide--mapped{padding:0;border:0;background:transparent;box-shadow:none}
.travel-destination-guide--mapped .travel-destination-guide__head{padding:1rem;border:1px solid var(--amg-line);border-radius:16px;background:var(--amg-paper);box-shadow:var(--amg-shadow)}
.travel-destination-guide :is(h1,h2,h3,h4,h5,p){margin-top:0}
.travel-destination-guide__head :is(h1,h3){margin-bottom:.35rem;color:var(--amg-ink);font-family:var(--book-sans);font-size:clamp(1.4rem,1.18rem + .85vw,2rem);line-height:1.15}
.travel-destination-guide__head>p:last-child{margin-bottom:0}
.travel-destination-guide__lead{max-width:72ch;margin:.9rem 0 .6rem;color:var(--amg-ink);font-family:var(--book-sans);font-size:clamp(1rem,.96rem + .16vw,1.1rem);font-weight:750;line-height:1.52}
.travel-destination-guide__planning,.travel-destination-guide__checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.35vw,20px)}
:is(.philippines-region-page,.philippines-island-group-page) .travel-destination-guide__planning>section:only-child{grid-column:1/-1}
.travel-destination-guide__planning>section,.travel-destination-guide__checks>section,.travel-destination-guide__experiences{min-width:0;padding:clamp(.9rem,1.45vw,1.25rem);border:1px solid var(--amg-line);border-radius:14px;background:color-mix(in srgb,var(--amg-teal) 4%,var(--amg-paper))}
.travel-destination-guide :is(h2,h4){margin-bottom:.55rem;color:var(--amg-ink);font-family:var(--book-sans);font-size:1rem;line-height:1.25}
.travel-destination-guide :is(.travel-destination-guide__planning,.travel-destination-guide__checks)>section>p:last-child{margin-bottom:0}
.travel-destination-guide :is(p,li){font-size:.91rem;line-height:1.57}
.travel-destination-guide__experience-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}
.travel-destination-guide__experience-grid>article{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.65vw,26px);align-items:start;min-width:0;padding:.85rem;border:1px solid var(--amg-line);border-radius:11px;background:var(--amg-paper)}
.travel-destination-guide__experience-copy{grid-column:1/-1;min-width:0}
.travel-destination-guide__experience--illustrated>.travel-destination-guide__image{grid-column:1;grid-row:1}
.travel-destination-guide__experience--illustrated>.travel-destination-guide__experience-copy{grid-column:2/4;grid-row:1}
.travel-destination-guide__experience--illustrated:nth-child(even)>.travel-destination-guide__image{grid-column:3}
.travel-destination-guide__experience--illustrated:nth-child(even)>.travel-destination-guide__experience-copy{grid-column:1/3}
.travel-destination-guide__experience-grid :is(h3,h5){margin-bottom:.35rem;color:var(--amg-ink);font-family:var(--book-sans);font-size:.9rem;line-height:1.3}
.travel-destination-guide__image{margin:0;min-width:0}
.travel-destination-guide__image img{display:block;width:100%;height:auto;border-radius:12px}
.travel-destination-guide__image figcaption{margin-top:.6rem;color:var(--amg-muted);font-size:.75rem;line-height:1.5}
.travel-destination-guide__experience-grid p{margin-bottom:.55rem;font-size:.86rem}
.travel-destination-guide__experience-grid a,.travel-destination-guide__links a{color:var(--amg-teal);font-family:var(--book-sans);font-size:.8rem;font-weight:800;text-underline-offset:.16em}
.travel-destination-guide__image figcaption a{font:inherit}
.travel-destination-guide__image summary{cursor:pointer}
.travel-destination-guide__checks ul{display:grid;gap:.45rem;margin:0;padding-left:1.15rem}
.travel-destination-guide__links{display:flex;flex-wrap:wrap;gap:.6rem 1rem}
.travel-destination-guide__sources{padding-top:.85rem;border-top:1px solid var(--amg-line);color:var(--amg-muted);font-family:var(--book-sans);font-size:.72rem;line-height:1.5}
.travel-destination-guide__sources a{color:var(--amg-teal);font-weight:750;text-underline-offset:.14em}
.philippines-province-story{display:grid;gap:clamp(16px,1.65vw,26px)}
.philippines-province-story__heading :is(h2,p){margin:0}
.philippines-province-story__heading h2{margin-top:.2rem;color:var(--amg-ink);font-family:var(--book-sans);font-size:clamp(1.35rem,1.12rem + .65vw,1.8rem);line-height:1.18}
.philippines-province-story__heading>p:not(.philippines-eyebrow){max-width:78ch;margin-top:.65rem;color:var(--amg-muted);font-size:.95rem;line-height:1.58}
.philippines-province-story__practical-card{grid-column:span 3}

html[data-theme="dark"] :is(.travel-content-card,.travel-hub-related,.travel-hub-faq){background:var(--amg-paper);border-color:var(--amg-line);color:var(--amg-ink)}
html[data-theme="dark"] .travel-content-card__status{color:color-mix(in srgb,var(--amg-teal) 78%,white)}
html[data-theme="dark"] .travel-hub-navigation a{background:var(--amg-paper);border-color:var(--amg-line);color:var(--amg-ink)}
html[data-theme="dark"] .travel-hub-navigation a[aria-current="page"]{background:var(--amg-teal);color:#fff}
html[data-theme="dark"] .travel-destination-guide{background:var(--amg-paper);border-color:var(--amg-line);color:var(--amg-ink)}

@media (min-width:1181px){
  [data-philippines-destination-page]{grid-template-rows:min-content 1fr}
}

@media (max-width:1180px){
  .travel-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .philippines-province-story__practical-card{grid-column:span 2}
}

@media (max-width:760px){
  .travel-content-grid{grid-template-columns:1fr;gap:12px}
  .travel-content-card--span-2{grid-column:1}
  .philippines-province-story__practical-card{grid-column:1}
  .travel-content-card{border-radius:12px}
  .travel-content-card{padding:1rem}
  .travel-hub-navigation{display:grid;grid-template-columns:1fr}
  .travel-hub-navigation a{border-radius:10px}
  .travel-destination-guide{padding:1rem;border-radius:13px}
  .travel-destination-guide__planning,.travel-destination-guide__checks,.travel-destination-guide__experience-grid{grid-template-columns:1fr}
  .travel-destination-guide__experience-grid>article{display:flex;flex-direction:column}
  .travel-destination-guide-nav{display:grid;grid-template-columns:1fr 1fr}
  .travel-destination-guide-nav a{border-radius:10px}
  .travel-hub-related ul{grid-template-columns:1fr}
}
/* Compact destination directory on the existing German travel hub only. */
.travel-hub-destination-directory{grid-column:1/-1;margin-bottom:28px}
.philippines-place-list--page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.philippines-place-list--page h3{margin:0;padding-bottom:6px;border-bottom:1px solid var(--amg-line);font-size:1rem}
.philippines-place-list--page p{margin:5px 0 10px;color:var(--amg-muted);font-size:.8rem}
.philippines-place-list--page ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.philippines-place-list--page li{margin:0;font-size:.94rem;line-height:1.45}
@media(max-width:1180px){.philippines-place-list--page{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.philippines-place-list--page{grid-template-columns:minmax(0,1fr)}}