/*
 * NATIONAL DISCOVERY · DEVELOPMENT RIGHTS · ND-AHMAD-ALATTAR-2026-PROPRIETARY
 * Developed by Ahmad Alattar, Founder of the National Discovery Community, with his authorized ND Crew.
 * Original ND platform architecture and first-party source code are proprietary to Ahmad Alattar.
 * All rights reserved. No use or transfer is permitted without prior written authorization.
 * Third-party components remain governed by their respective licences. See DEVELOPMENT_RIGHTS.md.
 */
.experience-family-detail{min-width:0;background:var(--nd-surface-canvas);color:var(--nd-text-primary)}
.experience-family-detail .detail-hero{min-height:282px;background-position:center;background-size:cover}
.experience-family-detail .detail-hero h1{color:#fffdf8}
.experience-family-detail .experience-a1-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(280px,330px);gap:20px;align-items:start}
.experience-family-detail .experience-media-rail{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;min-height:760px}
.experience-family-detail .experience-media-rail figure{position:relative;min-height:0;margin:0;overflow:hidden;border:1px solid var(--nd-border-subtle);border-radius:var(--nd-radius-content);background:var(--nd-surface-panel)}
.experience-family-detail .experience-media-rail img{width:100%;height:100%;object-fit:cover}
.experience-family-detail .experience-media-rail figcaption{position:absolute;inset-inline:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(transparent,rgba(5,8,5,.88));color:#f2efe4;font-size:.72rem;font-weight:800}
.experience-family-detail .experience-detail-content{display:grid;gap:16px;min-width:0}
.experience-family-detail .experience-fact-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--nd-border-subtle)}
.experience-family-detail .experience-fact-strip>span{display:grid;gap:6px;min-width:0;padding:16px;border-inline-end:1px solid var(--nd-border-subtle)}
.experience-family-detail .experience-fact-strip>span:last-child{border-inline-end:0}
.experience-family-detail .experience-fact-strip small{color:var(--nd-text-secondary)}
.experience-family-detail .experience-fact-strip strong{line-height:1.35}
.experience-family-detail .experience-file-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.experience-family-detail .experience-detail-block{min-width:0;padding:18px;border:1px solid var(--nd-border-subtle);border-radius:var(--nd-radius-content);background:var(--nd-surface-panel)}
.experience-family-detail .experience-detail-block--lead,.experience-family-detail .experience-detail-block--safety{grid-column:1/-1}
.experience-family-detail .experience-detail-block h3{margin:0 0 10px;font-size:1rem}
.experience-family-detail .experience-detail-block p,.experience-family-detail .experience-detail-block li{color:var(--nd-text-secondary);line-height:1.62}
.experience-family-detail .experience-detail-block p{margin:0}
.experience-family-detail .experience-detail-block ul{display:grid;gap:7px;margin:0;padding-inline-start:20px}
.experience-family-detail .experience-provenance{display:block;margin-top:22px;padding-top:14px;border-top:1px solid var(--nd-border-subtle);color:var(--nd-text-secondary);line-height:1.5}
.experience-family-detail .experience-provenance b{display:block;color:var(--nd-text-primary)}
.experience-family-detail .experience-detail-actions{display:flex;flex-wrap:wrap;gap:10px}
.experience-family-detail .experience-primary-action{min-height:44px}
.experience-family-detail .experience-secondary-action{min-height:44px}
.experience-family-detail .experience-field-rail{display:grid;gap:14px;position:sticky;top:96px}
.experience-family-detail .experience-rating-signal{display:grid;gap:5px;padding-block:14px;border-bottom:1px solid var(--nd-border-subtle)}
.experience-family-detail .experience-rating-signal small{color:var(--nd-text-secondary);font-weight:800}
.experience-family-detail .experience-rating-signal strong{font-size:1.25rem;line-height:1.25}
.experience-family-detail .experience-rating-signal strong em{margin-inline-start:4px;color:var(--nd-text-secondary);font-size:.72rem;font-style:normal}
.experience-family-detail .experience-rating-signal span,.experience-family-detail .experience-reputation-card p{color:var(--nd-text-secondary);font-size:.78rem;line-height:1.55}
.experience-family-detail .experience-rating-form{display:grid;gap:10px;padding-block:14px;border-bottom:1px solid var(--nd-border-subtle)}
.experience-family-detail .experience-rating-form h3{margin:0;font-size:1rem}
.experience-family-detail .experience-rating-form label{display:grid;gap:5px;color:var(--nd-text-secondary);font-size:.78rem;font-weight:800}
.experience-family-detail .experience-rating-form select,.experience-family-detail .experience-rating-form textarea{width:100%;border:1px solid var(--nd-border-subtle);border-radius:8px;background:var(--nd-surface-raised);color:var(--nd-text-primary);font:inherit;padding:9px}
.experience-family-detail .experience-rating-form textarea{min-height:88px;resize:vertical}
.experience-family-detail .experience-rating-form .btn{width:100%;min-height:44px}
.experience-family-detail .experience-rating-form [data-rating-status]{min-height:1.25em;margin:0}
.experience-family-detail .nd-star-rating{margin:0;padding:0;border:0}
.experience-family-detail .nd-star-rating legend{margin-bottom:6px;color:var(--nd-text-secondary);font-size:.78rem;font-weight:800}
.experience-family-detail .nd-star-options{display:flex;gap:2px}
.experience-family-detail .nd-star-option{position:relative;display:grid;place-items:center;width:44px;height:44px;cursor:pointer}
.experience-family-detail .nd-star-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.experience-family-detail .nd-star-glyph{color:#625b36;font-size:1.8rem;line-height:1;transition:color .15s ease,transform .15s ease}
.experience-family-detail .nd-star-option:hover .nd-star-glyph,.experience-family-detail .nd-star-option:has(input:focus-visible) .nd-star-glyph{color:var(--nd-brand-signature);transform:scale(1.08)}
.experience-family-detail .nd-star-options:has(input[value="1"]:checked) label[data-star-score="1"] .nd-star-glyph,.experience-family-detail .nd-star-options:has(input[value="2"]:checked) label[data-star-score="1"] .nd-star-glyph,.experience-family-detail .nd-star-options:has(input[value="2"]:checked) label[data-star-score="2"] .nd-star-glyph,.experience-family-detail .nd-star-options:has(input[value="3"]:checked) label[data-star-score="1"] .nd-star-glyph,.experience-family-detail .nd-star-options:has(input[value="3"]:checked) label[data-star-score="2"] .nd-star-glyph,.experience-family-detail .nd-star-options:has(input[value="3"]:checked) label[data-star-score="3"] .nd-star-glyph,.experience-family-detail .nd-star-options:has(input[value="4"]:checked) label:not([data-star-score="5"]) .nd-star-glyph,.experience-family-detail .nd-star-options:has(input[value="5"]:checked) .nd-star-glyph{color:var(--nd-brand-signature)}
.experience-family-detail .experience-safety-card dl{display:grid;gap:12px}
.experience-family-detail .experience-safety-card dl>div{padding-bottom:10px;border-bottom:1px solid var(--nd-border-subtle)}
.experience-family-detail .experience-safety-card dt{color:var(--nd-text-secondary);font-size:.72rem}
.experience-family-detail .experience-safety-card dd{margin:4px 0 0;line-height:1.45}
.experience-family-detail .experience-safety-card .btn{width:100%;justify-content:center;min-height:44px}
.experience-family-detail .experience-destination-back{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:var(--nd-brand-signature);font-weight:800;text-decoration:none}
.experience-family-detail .experience-nearby-rail{margin-top:28px;padding-top:22px;border-top:1px solid var(--nd-border-subtle)}
html[data-theme="day"] .experience-family-detail .experience-destination-back{color:#725a00}
html[dir="rtl"] .experience-family-detail .detail-hero{background-position:center}
@media(max-width:1023px){.experience-family-detail .experience-a1-layout{grid-template-columns:1fr}.experience-family-detail .experience-media-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:260px;min-height:0}.experience-family-detail .experience-field-rail{grid-template-columns:repeat(2,minmax(0,1fr));position:static}}
@media(max-width:767px){.experience-family-detail .experience-a1-section{padding-top:22px}.experience-family-detail .experience-a1-layout{display:flex;flex-direction:column}.experience-family-detail .experience-detail-content{display:contents}.experience-family-detail .experience-media-rail{order:1;width:100%;grid-template-columns:1fr;grid-template-rows:repeat(3,220px)}.experience-family-detail .experience-fact-strip{order:2;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.experience-family-detail .experience-fact-strip>span:nth-child(2){border-inline-end:0}.experience-family-detail .experience-fact-strip>span:nth-child(-n+2){border-bottom:1px solid var(--nd-border-subtle)}.experience-family-detail .experience-field-rail{order:3;width:100%;grid-template-columns:1fr}.experience-family-detail .experience-detail-content>article{order:4;width:100%}.experience-family-detail .experience-detail-actions{order:5;width:100%}.experience-family-detail .experience-file-sections{grid-template-columns:1fr}.experience-family-detail .experience-detail-block--lead,.experience-family-detail .experience-detail-block--safety{grid-column:auto}.experience-family-detail .detail-facts{grid-template-columns:1fr}.experience-family-detail .nearby-grid{grid-template-columns:1fr}}
@media(max-width:600px){.experience-family-detail .detail-hero{min-height:250px}}
.experience-family-detail .detail-hero.nd-hero-tier-2{block-size:var(--nd-hero-tier-2);min-height:var(--nd-hero-tier-2);max-height:var(--nd-hero-tier-2)}
.experience-family-detail .information-usefulness{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px;padding:18px 0 0;border:0;border-top:1px solid var(--nd-border-subtle);border-radius:0;background:transparent}
.experience-family-detail .information-usefulness-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;align-items:center}.experience-family-detail .information-usefulness-copy .eyebrow{grid-column:1}.experience-family-detail .information-usefulness-copy>p{grid-column:2;grid-row:1;justify-self:end}.experience-family-detail .information-usefulness h2,.experience-family-detail .information-usefulness p{margin:0}.experience-family-detail .information-usefulness h2{grid-column:1/-1;grid-row:2;font-size:clamp(1.05rem,1.55vw,1.35rem);font-weight:650;line-height:1.2;white-space:nowrap}.experience-family-detail .information-usefulness p{color:var(--nd-text-secondary);font-size:.88rem;line-height:1.4}.experience-family-detail .information-usefulness-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:end;min-width:0}.experience-family-detail .information-usefulness fieldset{grid-column:1/-1;margin:0;padding:0;border:0}.experience-family-detail .information-usefulness legend,.experience-family-detail .information-usefulness-comment>span{display:block;margin-bottom:4px;color:var(--nd-text-secondary);font-size:.74rem;font-weight:650}.experience-family-detail .information-usefulness-options{display:flex;flex-wrap:wrap;gap:6px}.experience-family-detail .information-usefulness-options label{position:relative;display:flex;align-items:center;min-height:44px;cursor:pointer}.experience-family-detail .information-usefulness-options input{position:absolute;inset:0;opacity:0}.experience-family-detail .information-usefulness-options span{display:flex;align-items:center;min-height:44px;padding:6px 10px;border:1px solid var(--nd-border-subtle);border-radius:999px;font-size:.86rem;font-weight:500}.experience-family-detail .information-usefulness-options label:hover span{border-color:var(--nd-brand-signature);background:transparent;color:inherit}.experience-family-detail .information-usefulness-options input:checked+span{border-color:var(--nd-brand-signature);background:transparent;color:inherit;font-weight:500}.experience-family-detail .information-usefulness-options input:focus-visible+span{outline:2px solid var(--nd-brand-signature);outline-offset:2px}.experience-family-detail .information-usefulness-comment{display:grid}.experience-family-detail .information-usefulness-comment textarea{min-height:48px;resize:vertical;border:1px solid var(--nd-border-subtle);border-radius:var(--nd-radius-structural);background:var(--nd-surface-canvas);color:var(--nd-text-primary);font:inherit;padding:8px 10px}.experience-family-detail .information-usefulness-submit{display:flex;align-items:center;gap:8px}.experience-family-detail .information-usefulness-submit .btn{min-height:44px;padding:7px 14px;font-size:.84rem;font-weight:700}.experience-family-detail .information-usefulness-submit p{min-height:1.25em;margin:0}
.experience-family-detail .responsible-adventure-note{margin-top:24px;padding:16px 18px;border-inline-start:3px solid #6f8f59;background:linear-gradient(100deg,rgba(38,72,48,.3),rgba(21,38,27,.18))}.experience-family-detail .responsible-adventure-note strong{display:block}.experience-family-detail .responsible-adventure-note p{margin:5px 0;line-height:1.55}.experience-family-detail .responsible-adventure-note small{color:#b9c5b3;line-height:1.45}
html[data-theme="day"] .experience-family-detail .responsible-adventure-note{border-color:#547243;background:linear-gradient(100deg,#edf4e8,#f7faf4);color:#34452e}html[data-theme="day"] .experience-family-detail .responsible-adventure-note strong{color:#304d28}html[data-theme="day"] .experience-family-detail .responsible-adventure-note small{color:#53644d}
@media(max-width:767px){.experience-family-detail .information-usefulness{padding:14px 0 0}.experience-family-detail .information-usefulness-copy,.experience-family-detail .information-usefulness-controls{grid-template-columns:1fr}.experience-family-detail .information-usefulness-copy .eyebrow,.experience-family-detail .information-usefulness-copy>p,.experience-family-detail .information-usefulness fieldset{grid-column:auto;grid-row:auto;justify-self:start}.experience-family-detail .information-usefulness h2{white-space:normal}.experience-family-detail .information-usefulness-submit{align-items:flex-start;flex-direction:column}}
/* END ND-AHMAD-ALATTAR-2026-PROPRIETARY */