/*
 * 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.
 */
.host-choice-gateway { padding-block: clamp(2.5rem, 7vw, 6.5rem); }
.host-choice-intro { max-inline-size: 72rem; }
.host-choice-intro h1 { max-inline-size: 17ch; margin-block: .5rem 1rem; font-size: clamp(2rem, 6vw, 4.8rem); line-height: 1.02; }
.host-choice-intro > p:last-child { max-inline-size: 66ch; color: var(--muted, #c9c8bf); font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.65; }
.host-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 2rem); margin-block-start: clamp(2rem, 5vw, 4rem); }
.host-gateway-card { display: grid; grid-template-rows: minmax(13rem, 23rem) 1fr; min-inline-size: 0; border: 1px solid var(--line, rgba(255,255,255,.2)); background: var(--panel, #151a16); overflow: hidden; cursor: default; transition: none; transform: none; }
.host-gateway-card > img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.host-gateway-card > div { display: grid; align-content: start; gap: .85rem; padding: clamp(1rem, 3vw, 1.75rem); }
.host-gateway-card h2, .host-gateway-card p { margin: 0; }
.host-gateway-card h2 { font-size: clamp(1.5rem, 3vw, 2.15rem); line-height: 1.18; }
.host-gateway-card p { color: var(--muted, #c9c8bf); line-height: 1.65; }
.host-gateway-card .btn { justify-self: start; min-block-size: 44px; margin-block-start: .35rem; text-decoration: none; }
.host-choice-number { color: var(--gold, #fac80f); font-weight: 800; letter-spacing: .12em; }
.host-choice-note { margin-block: 1.5rem 0; color: var(--muted, #c9c8bf); line-height: 1.6; }
html[lang="en"] .host-choice-gateway [lang="ar"], html[lang="ar"] .host-choice-gateway [lang="en"] { display: none; }
html[dir="rtl"] .host-choice-gateway h1, html[dir="rtl"] .host-choice-gateway h2 { line-height: 1.18; }
html[data-theme="day"] .host-gateway-card { background: var(--day-surface, #fff); }
.host-gateway-card .btn:focus-visible { outline: 3px solid var(--gold, #fac80f); outline-offset: 3px; }
@media (max-width: 767px) { .host-choice-grid { grid-template-columns: minmax(0, 1fr); } .host-gateway-card { grid-template-rows: minmax(12rem, 55vw) 1fr; } }
@media (prefers-reduced-motion: reduce) { .host-gateway-card { transition: none; transform: none; } }
@media (prefers-reduced-motion: reduce) { .host-choice-gateway * { transition: none !important; } }
/* END ND-AHMAD-ALATTAR-2026-PROPRIETARY */