/* Namespaced community feature and compact portal/store entrances. */
.xl-escape-entry { display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; padding:9px 16px; margin:12px 0 20px; border:1px solid #bdd2c7; border-radius:12px; background:#f2f7ef; color:#28483d; text-align:left; }
.xl-escape-entry__icon { color:#986d2b; }
.xl-escape-entry a { display:inline-flex; align-items:center; flex-wrap:wrap; min-height:44px; color:#164b3e; font-size:15px; font-weight:750; text-decoration:none; }
.xl-escape-entry a:hover { text-decoration:underline; }
.xl-escape-entry small { color:#435c51; font-size:13px; }
.portal-hero-actions > .xl-escape-entry { flex:0 1 auto; max-width:100%; margin:0; }
.xl-escape-promotion { box-sizing:border-box; display:grid; grid-template-columns:1.1fr 1fr; gap:16px 32px; align-items:center; width:min(1280px,calc(100% - 40px)); min-height:clamp(360px,50svh,500px); margin:24px auto 30px; padding:28px 32px 22px; border:1px solid #bdcbb6; border-radius:20px; background:linear-gradient(115deg,#f9f5e8,#e6efdf); color:#243f35; box-shadow:0 12px 32px #3147310c; }
.xl-escape-promotion__copy,.xl-escape-promotion__picture,.xl-escape-promotion__community { min-width:0; }
.xl-escape-promotion__eyebrow { margin:0 0 12px; color:#536c54; font-size:13px; font-weight:700; letter-spacing:.08em; }
.xl-escape-promotion h2 { margin:0 0 14px; color:#214639; font-size:clamp(26px,2.7vw,36px); line-height:1.3; font-weight:800; }
.xl-escape-promotion__copy > p:not(.xl-escape-promotion__eyebrow) { margin:0 0 14px; font-size:15px; line-height:1.8; color:#3d5447; }
.xl-escape-promotion__features { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 18px; padding:0; list-style:none; }
.xl-escape-promotion__features li { padding:5px 9px; border:1px solid #d1d7be; border-radius:20px; background:#fffdf5b3; color:#40533d; font-size:12px; line-height:1.5; }
.xl-escape-promotion__actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.xl-escape-promotion__play,.xl-escape-promotion__ideas { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:44px; padding:10px 16px; border:1px solid #285342; border-radius:10px; text-decoration:none; font-weight:700; font-size:14px; line-height:1.5; }
.xl-escape-promotion__play { background:#285342; color:#fffdf5; }
.xl-escape-promotion__play:hover { background:#183b2e; color:white; }
.xl-escape-promotion__ideas { background:#fffdf5; color:#285342; }
.xl-escape-promotion__ideas:hover { background:#e3ebdc; color:#183b2e; }
.xl-escape-promotion__picture { margin:0; text-align:center; }
.xl-escape-promotion__picture > a { position:relative; display:block; overflow:hidden; border:1px solid #bac9b0; border-radius:14px; background:#dbe6d3; }
.xl-escape-promotion__picture img { display:block; width:100%; height:auto; max-height:260px; object-fit:contain; }
.xl-escape-promotion__image-label { position:absolute; inset:auto 8px 8px auto; padding:4px 9px; border-radius:20px; background:#fffdf5ed; color:#365241; font-size:11px; }
.xl-escape-promotion__picture figcaption { margin-top:7px; color:#52634b; font-size:12px; line-height:1.5; }
.xl-escape-promotion__community { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 24px; border-top:1px solid #cbd5be; padding-top:13px; font-size:13px; line-height:1.8; }
.xl-escape-promotion__community > p { margin:0 0 6px; color:#3d5447; }
.xl-escape-promotion__community p > a { display:inline-flex; align-items:center; min-height:44px; margin-left:8px; color:#235441; text-underline-offset:3px; }
.xl-escape-support summary { display:flex; align-items:center; min-height:44px; gap:8px; cursor:pointer; color:#31563d; font-weight:700; list-style:none; }
.xl-escape-support summary::-webkit-details-marker { display:none; }
.xl-escape-support summary::before { content:'＋'; flex:0 0 auto; }
.xl-escape-support[open] summary::before { content:'−'; }
.xl-escape-support[open] { grid-column:1 / -1; }
.xl-escape-support[open] > div { padding:8px 16px 14px; margin-top:4px; border:1px solid #cbd5be; border-radius:10px; background:#fffdf5; }
.xl-escape-support p { margin:8px 0; color:#3d5447; }
.xl-escape-support ol { padding-left:22px; margin:10px 0; }
.xl-escape-entry a:focus-visible,.xl-escape-promotion a:focus-visible,.xl-escape-support summary:focus-visible { outline:3px solid #a46527; outline-offset:4px; }
@media(max-width:760px) {
    .xl-escape-promotion { grid-template-columns:1fr; width:calc(100% - 24px); padding:22px 20px 16px; gap:18px; min-height:0; margin-top:16px; border-radius:16px; }
    .xl-escape-promotion h2 { font-size:30px; }
    .xl-escape-promotion__picture img { max-height:250px; }
    .xl-escape-promotion__community { grid-template-columns:1fr; }
    .xl-escape-desktop-break { display:none; }
    .xl-escape-promotion__community p > a { margin-left:0; }
    .xl-escape-entry { gap:0 8px; padding:7px 12px; }
    .xl-escape-entry small { flex-basis:100%; padding-bottom:7px; }
    .xl-escape-entry a { font-size:14px; }
}