/* Portal additions: standalone park pages, articles, author box, breadcrumbs */

.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px;font-size:.82rem;color:#cfcfcf}
.breadcrumbs a{color:#e7e2d6;text-decoration:none;border-bottom:1px solid transparent}
.breadcrumbs a:hover{border-bottom-color:var(--gold)}
.breadcrumbs span{opacity:.6}

.park-hero{background-size:cover;background-position:center}
.park-hero .lead{max-width:760px}

/* A park on its own page is always open; the title already lives in the hero. */
.park-standalone>summary{display:none}
.park-standalone{border:0;background:none}
.park-standalone>.park-drive-body{padding-left:0;padding-right:0}

.author-box{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start;padding:26px;border:1px solid rgba(214,168,76,.35);border-radius:14px;background:rgba(255,255,255,.03);max-width:880px}
.author-box img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.author-box b{display:block;font-size:1.15rem;margin:2px 0 6px}
.author-box p{margin:0 0 10px}
.author-links{display:flex;flex-wrap:wrap;gap:18px}
.author-links a{color:var(--gold)}
@media (max-width:560px){.author-box{grid-template-columns:1fr;padding:20px}}

.park-more{margin-top:40px}
.park-more .park-directory{margin:12px 0 22px}

.park-hub{margin-top:26px}

/* Articles */
.article-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:.85rem;color:#cfcfcf}
.article-body{max-width:820px}
.article-body h2{margin-top:2.2em}
.article-body h3{margin-top:1.6em}
.article-body ul,.article-body ol{padding-left:1.3em}
.article-body li{margin:.35em 0}
.tip-box{margin:26px 0;padding:18px 22px;border-left:4px solid var(--gold);background:rgba(214,168,76,.08);border-radius:0 10px 10px 0}
.tip-box b:first-child{display:block;margin-bottom:6px;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.fact-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.95rem}
.fact-table th,.fact-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left;vertical-align:top}
.fact-table th{color:var(--gold);font-weight:600}
.table-scroll{overflow-x:auto}

/* Homepage: small "travel with me" block replacing the big tour sections */
.with-me{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.with-me img{width:100%;border-radius:14px;aspect-ratio:4/3;object-fit:cover}
.with-me-list{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}
.with-me-list a{padding:8px 14px;border:1px solid rgba(214,168,76,.45);border-radius:999px;color:inherit;text-decoration:none;font-size:.9rem}
.with-me-list a:hover{border-color:var(--gold);color:var(--gold)}
@media (max-width:820px){.with-me{grid-template-columns:1fr}}

/* 404 */
.notfound-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* Width/height attributes reserve space (no layout jump) without distorting images */
:where(img[width][height]){height:auto}