/* District destination-selection dialogs; all text and actions remain live. */
#journeyDialog[data-district]{
 box-sizing:border-box;width:min(1100px,calc(100vw - 32px));max-width:1100px;
 max-height:calc(100dvh - 32px);min-height:min(825px,calc(100dvh - 32px));
 padding:0;overflow:auto;border:0;border-radius:30px;
 background:linear-gradient(180deg,transparent 0 min(330px,30vw),#0c2938 min(410px,39vw)),url('/assets/img/media-journey/desktop-v1.webp') center top/100% auto no-repeat,#0c2938;background-attachment:local;
 color:#fff3d3;box-shadow:0 24px 90px #00131cdd;
}
#journeyDialog[data-district]::backdrop{background:#00121dc9;backdrop-filter:blur(5px)}
#journeyDialog[data-district] .dialog-header{
 position:relative;display:block;padding:125px 38px 10px;margin:0;border:0;background:transparent;text-align:center;
}
#journeyDialog[data-district] .dialog-header>div{margin:auto;width:min(740px,100%)}
#journeyDialog[data-district] #journeyEyebrow{
 position:absolute;left:28px;top:26px;margin:0;padding:9px 12px;border-radius:10px;background:#062b3b;color:#ffe49a;font:900 14px/1.3 system-ui;letter-spacing:.12em;
}
#journeyDialog[data-district] #journeyTitle{
 margin:0 auto;max-width:min(740px,68vw);font:800 clamp(40px,6.2vw,76px)/1.04 Georgia,serif;
 color:#fff3d3;text-wrap:balance;text-shadow:0 4px 12px #082330;
}
#journeyDialog[data-district] [data-close-dialog]{
 position:absolute;right:24px;top:24px;z-index:2;width:56px;height:56px;border:1px solid #cee3e544;
 border-radius:50%;background:#173b48ee;color:#fff9e9;box-shadow:0 3px 12px #001b2780;
}
#journeyDialog[data-district] #journeyDescription{
 margin:54px auto 24px;padding:0 56px;max-width:980px;text-align:center;color:#c8e2e7;
 font:600 18px/1.5 system-ui,sans-serif;text-shadow:0 2px 8px #082330;
}
#journeyDialog[data-district] #journeyActivities{
 position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0 60px;
}
#journeyDialog[data-district] .journey-activity-card{
 box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;
 gap:24px;min-height:260px;padding:24px 22px;border:1px solid #b9d2d340;border-radius:25px;
 background:#18354459;text-align:left;color:#fff3d3;box-shadow:0 8px 18px #00121b30;
}
#journeyDialog[data-district] .journey-activity-card small{
 color:#83cfc7;font:900 12px/1.3 system-ui;letter-spacing:.08em;
}
#journeyDialog[data-district] .journey-activity-card strong{
 margin-top:9px;color:#fff4da;font:800 clamp(22px,2.25vw,28px)/1.15 Georgia,serif;
}
#journeyDialog[data-district] .journey-activity-card p{
 margin:12px 0 0;color:#c5dfe5;font:500 16px/1.5 system-ui;
}
#journeyDialog[data-district] .journey-activity-card b{
 align-self:center;min-height:52px;min-width:138px;display:flex;align-items:center;justify-content:center;
 box-sizing:border-box;padding:11px 20px;border:6px solid transparent;border-radius:999px;
 background:linear-gradient(#0b2a38,#0b2a38) padding-box,repeating-linear-gradient(135deg,#fff5de 0 10px,#be272a 10px 20px) border-box;
 color:#f6d586;font:900 20px/1.2 system-ui;
}
#journeyDialog[data-district] .journey-activity-card:hover,
#journeyDialog[data-district] .journey-activity-card:focus-visible{background:#21455680;border-color:#e7ca80}
#journeyDialog[data-district] button:focus-visible{outline:3px solid #fff3a8;outline-offset:4px}
@media(max-width:700px){
 #journeyDialog[data-district]{
  width:calc(100vw - 20px);max-height:calc(100dvh - 20px);min-height:0;border-radius:24px;
  padding-bottom:0;background-image:linear-gradient(180deg,transparent 0 225px,#0c2938 285px),url('/assets/img/media-journey/mobile-v1.webp');background-size:100% auto;
 }
 #journeyDialog[data-district] .dialog-header{padding:104px 22px 8px}
 #journeyDialog[data-district] #journeyEyebrow{top:20px;left:16px;font-size:12px}
 #journeyDialog[data-district] #journeyTitle{font-size:38px;max-width:300px;line-height:1.08}
 #journeyDialog[data-district] [data-close-dialog]{top:16px;right:16px;width:48px;height:48px}
 #journeyDialog[data-district] #journeyDescription{margin:38px auto 20px;padding:0 24px;font-size:15px}
 #journeyDialog[data-district] #journeyActivities{grid-template-columns:1fr;gap:14px;padding:0 20px}
 #journeyDialog[data-district] .journey-activity-card{min-height:225px;padding:20px;gap:18px;border-radius:22px}
 #journeyDialog[data-district] .journey-activity-card strong{font-size:24px}
 #journeyDialog[data-district] .journey-activity-card p{font-size:15px}
 #journeyDialog[data-district] .journey-activity-card b{font-size:18px}
}
@media(max-height:520px) and (min-width:701px){
 #journeyDialog[data-district] .dialog-header{padding-top:100px}
 #journeyDialog[data-district] #journeyTitle{font-size:48px;max-width:540px}
}

/* Separate decoration regions preserve character proportions at every width. */
#journeyDialog[data-district]::after{content:"";display:block;position:relative;z-index:0;pointer-events:none;height:260px;margin-top:-65px;background:url('/assets/img/media-journey/desktop-v1.webp') center bottom/100% auto no-repeat;border-radius:0 0 28px 28px}
@media(max-width:700px){#journeyDialog[data-district]::after{height:230px;margin-top:-25px;background-image:url('/assets/img/media-journey/mobile-v1.webp');border-radius:0 0 22px 22px}}
#journeyDialog[data-district] [data-close-dialog] svg{width:24px;height:24px}

@media(max-width:700px){#journeyDialog[data-district] #journeyTitle{width:calc(100% - 55px);max-width:240px;margin:0;font-size:32px}}
@media(min-width:701px) and (max-width:1000px){#journeyDialog[data-district] #journeyDescription{margin-top:84px}}

#journeyDialog[data-district] .journey-activity-card:only-child{grid-column:1/-1;width:min(600px,100%);justify-self:center}

/* Entrance scale follows available width; illustration bytes remain unchanged. */
#journeyDialog[data-district]{width:min(880px,calc(100vw - 32px));max-width:880px;min-height:0;background-image:linear-gradient(180deg,transparent 0 min(264px,24vw),#0c2938 min(328px,31vw)),url("/assets/img/media-journey/desktop-v1.webp")}
#journeyDialog[data-district] .dialog-header{padding:100px 28px 8px}
#journeyDialog[data-district] #journeyTitle{font-size:clamp(36px,5vw,54px);max-width:min(590px,68vw)}
#journeyDialog[data-district] #journeyDescription{margin:36px auto 18px;padding:0 36px;font-size:16px}
#journeyDialog[data-district] #journeyActivities{gap:14px;padding:0 36px}
#journeyDialog[data-district] .journey-activity-card{min-height:210px;padding:18px;gap:18px;border-radius:21px}
#journeyDialog[data-district] .journey-activity-card strong{font-size:24px}
#journeyDialog[data-district] .journey-activity-card p{font-size:15px;margin-top:10px}
#journeyDialog[data-district] .journey-activity-card b{min-height:48px;font-size:18px}
#journeyDialog[data-district]::after{height:180px;margin-top:-45px}
@media(max-width:700px){
 #journeyDialog[data-district]{width:calc(100vw - 20px);background-image:linear-gradient(180deg,transparent 0 210px,#0c2938 265px),url("/assets/img/media-journey/mobile-v1.webp")}
 #journeyDialog[data-district] .dialog-header{padding:90px 20px 8px}
 #journeyDialog[data-district] #journeyTitle{width:calc(100% - 45px);max-width:240px;font-size:30px;margin:0}
 #journeyDialog[data-district] #journeyDescription{margin:28px auto 16px;padding:0 20px;font-size:15px}
 #journeyDialog[data-district] #journeyActivities{padding:0 16px;gap:12px}
 #journeyDialog[data-district] .journey-activity-card{min-height:190px;padding:16px;gap:14px}
 #journeyDialog[data-district] .journey-activity-card strong{font-size:22px}
 #journeyDialog[data-district] .journey-activity-card p{font-size:14px}
 #journeyDialog[data-district]::after{height:140px;margin-top:-25px}
}
@media(max-height:520px) and (min-width:701px){
 #journeyDialog[data-district] .dialog-header{padding-top:85px}
 #journeyDialog[data-district] #journeyTitle{font-size:38px}
 #journeyDialog[data-district] #journeyDescription{margin-top:24px}
}