/* Pages-3 route compositions. Shared chrome and primitives are intentionally not redefined here. */
body[data-page^="p3-"] .p3-route,
body[data-page^="p3-"] .p3-route * { box-sizing: border-box; }
body[data-page^="p3-"] .p3-route { min-width: 0; color: var(--color-ink); background: var(--color-bamboo-50); }
body[data-page^="p3-"] .p3-route > section,
body[data-page^="p3-"] .p3-route > article,
body[data-page^="p3-"] .p3-route > div { min-width: 0; }
body[data-page^="p3-"] .p3-section { padding-block: var(--space-section-narrative); position: relative; }
body[data-page^="p3-"] .p3-section--working { padding-block: var(--space-section-working); }
body[data-page^="p3-"] .p3-section--forest { color: var(--color-white); background: var(--color-forest-900); }
body[data-page^="p3-"] .p3-section--mist { background: var(--color-mist); }
body[data-page^="p3-"] .p3-section--cream { background: var(--color-bamboo-100); }
body[data-page^="p3-"] .p3-section-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 24px; margin-bottom: 30px; }
body[data-page^="p3-"] .p3-section-head__copy { max-width: 760px; min-width: 0; }
body[data-page^="p3-"] .p3-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 12px; color: var(--color-forest-700); font: 700 .78rem/1.2 var(--font-body-en); letter-spacing: .13em; text-transform: uppercase; }
body[data-page^="p3-"][lang="bn"] .p3-eyebrow { font-family: var(--font-body-bn); letter-spacing: .04em; }
body[data-page^="p3-"] .p3-eyebrow::before { content: ""; inline-size: 28px; block-size: 2px; background: currentColor; }
body[data-page^="p3-"] .p3-section--forest .p3-eyebrow,
body[data-page^="p3-"] .p3-hero .p3-eyebrow,
body[data-page^="p3-"] .p3-article-hero .p3-eyebrow,
body[data-page^="p3-"] .p3-contact-top .p3-eyebrow { color: #FFAE7F; }
body[data-page^="p3-"] .p3-title { margin: 0; max-width: 18ch; font-size: var(--type-section-title); line-height: 1.02; overflow-wrap: normal; word-break: normal; text-wrap: balance; }
body[data-page^="p3-"] .p3-lede { margin: 14px 0 0; max-width: 65ch; font-size: clamp(1.05rem, 1.8vw, 1.3rem); line-height: 1.65; color: #405148; }
body[data-page^="p3-"] .p3-section--forest .p3-lede { color: #D8E6DD; }
body[data-page^="p3-"] .p3-stack-top { margin-top: 24px; }
body[data-page^="p3-"] .p3-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 26px; }
body[data-page^="p3-"] .p3-button--light { color: var(--color-forest-950); background: var(--color-bamboo-50); border-color: var(--color-bamboo-50); }
body[data-page^="p3-"] .p3-button--light:hover { background: var(--color-white); }
body[data-page^="p3-"] .p3-text-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--color-forest-700); font-weight: 700; text-underline-offset: 4px; }
body[data-page^="p3-"] .p3-section--forest .p3-text-link { color: #FFD0B5; }
body[data-page^="p3-"] .p3-text-link::after { content: "→"; transition: transform .2s ease; }
body[data-page^="p3-"] .p3-text-link:hover::after { transform: translateX(4px); }
body[data-page^="p3-"][lang="bn"] .p3-text-link::after { content: "→"; }
body[data-page^="p3-"] .p3-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
body[data-page^="p3-"] .p3-meta li { padding: 7px 11px; border: 1px solid rgba(8,30,24,.16); border-radius: var(--radius-pill); color: #3C5047; background: rgba(255,255,255,.7); font-size: .9rem; }
body[data-page^="p3-"] .p3-section--forest .p3-meta li { color: #E5F0E9; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); }
body[data-page^="p3-"] .p3-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-card-gap); }
body[data-page^="p3-"] .p3-card { min-width: 0; overflow: hidden; border: 1px solid rgba(8,30,24,.1); border-radius: var(--radius-card); background: var(--color-white); box-shadow: 0 8px 28px rgba(8,30,24,.07); }
body[data-page^="p3-"] .p3-card__media { display: block; aspect-ratio: 4/3; overflow: hidden; background: var(--color-mist); }
body[data-page^="p3-"] .p3-card__media img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform .45s ease; }
body[data-page^="p3-"] .p3-card:hover .p3-card__media img { transform: scale(1.025); }
body[data-page^="p3-"] .p3-card__body { padding: 20px; }
body[data-page^="p3-"] .p3-card__kicker { margin: 0 0 7px; color: var(--color-sunset-600); font-weight: 700; font-size: .82rem; letter-spacing: .05em; text-transform: uppercase; }
body[data-page^="p3-"][lang="bn"] .p3-card__kicker { letter-spacing: 0; }
body[data-page^="p3-"] .p3-card__title { margin: 0; font-size: var(--type-card-title); line-height: 1.18; }
body[data-page^="p3-"] .p3-card__copy { margin: 10px 0 0; color: #526158; line-height: 1.58; }
body[data-page^="p3-"] .p3-card__link { display: inline-flex; min-height: 44px; align-items: center; margin-top: 12px; color: var(--color-forest-700); font-weight: 750; text-underline-offset: 4px; }
body[data-page^="p3-"] .p3-callout { padding: 22px; border-left: 4px solid var(--color-sunset-500); border-radius: 0 var(--radius-control) var(--radius-control) 0; background: var(--color-bamboo-100); }
body[data-page^="p3-"] .p3-callout--dark { color: #EAF2ED; background: rgba(255,255,255,.08); border-left-color: var(--color-sunset-500); }
body[data-page^="p3-"] .p3-callout h3 { margin: 0 0 7px; font-size: 1.12rem; }
body[data-page^="p3-"] .p3-callout p { margin: 0; line-height: 1.58; }
body[data-page^="p3-"] .p3-hero { position: relative; overflow: hidden; color: var(--color-white); background: var(--color-forest-950); }
body[data-page^="p3-"] .p3-hero::before { content: ""; position: absolute; inset: 0; opacity: .18; pointer-events: none; background-image: repeating-radial-gradient(ellipse at 88% 10%, transparent 0 36px, rgba(242,232,206,.28) 37px 38px, transparent 39px 58px); }
body[data-page^="p3-"] .p3-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, .95fr) minmax(390px, 1.05fr); align-items: center; gap: clamp(30px, 5vw, 76px); min-height: 690px; padding-block: clamp(58px, 8vw, 112px); }
body[data-page^="p3-"] .p3-hero__copy { min-width: 0; max-width: 680px; }
body[data-page^="p3-"] .p3-hero__title { margin: 0; max-width: 11ch; font-size: clamp(3rem, 6.2vw, 6.8rem); line-height: .94; overflow-wrap: normal; word-break: normal; text-wrap: balance; }
body[data-page^="p3-"][lang="bn"] .p3-hero__title { max-width: 12ch; line-height: 1.04; }
body[data-page^="p3-"] .p3-hero__lede { max-width: 59ch; margin: 22px 0 0; color: #DFEAE3; font-size: clamp(1.06rem, 1.6vw, 1.28rem); line-height: 1.65; }
body[data-page^="p3-"] .p3-hero__media { min-width: 0; margin: 0; padding: 18px; border: 1px solid rgba(255,255,255,.22); border-radius: 48% 48% 24px 24px / 26% 26% 24px 24px; background: rgba(255,255,255,.07); box-shadow: var(--shadow-soft); }
body[data-page^="p3-"] .p3-hero__media img { inline-size: 100%; block-size: auto; max-block-size: 590px; object-fit: contain; border-radius: 43% 43% 14px 14px / 22% 22% 14px 14px; }
body[data-page^="p3-"] .p3-hero__caption { margin: 10px 4px 0; color: #C7D8CD; font-size: .83rem; line-height: 1.45; }
body[data-page^="p3-"] .p3-breadcrumb-wrap { position: relative; padding-top: 22px; color: var(--color-white); background: var(--color-forest-950); }
body[data-page^="p3-"] .p3-breadcrumb-wrap .breadcrumb { margin: 0; }
body[data-page^="p3-"] .p3-breadcrumb-wrap .breadcrumb a:not(.button) { color: #DDE9E1; }
body[data-page^="p3-"] .p3-breadcrumb-wrap .breadcrumb [aria-current="page"] { color: var(--color-white); }

/* Homepage */
body[data-page="p3-en-home"] .p3-home-hero__grid { min-height: min(850px, calc(100svh - 56px)); }
body[data-page="p3-en-home"] .p3-home-hero__title { max-width: 9.5ch; font-size: clamp(3.45rem, 7vw, 7.4rem); }
body[data-page="p3-en-home"] .p3-place-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
body[data-page="p3-en-home"] .p3-place-grid .p3-card:first-child { grid-column: span 2; }
body[data-page="p3-en-home"] .p3-place-grid .p3-card:first-child .p3-card__media { aspect-ratio: 2/1.18; }
body[data-page="p3-en-home"] .p3-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border-radius: var(--radius-card); background: rgba(255,255,255,.2); }
body[data-page="p3-en-home"] .p3-step { min-width: 0; padding: 30px; background: rgba(255,255,255,.07); }
body[data-page="p3-en-home"] .p3-step__number { display: grid; place-items: center; inline-size: 38px; block-size: 38px; margin-bottom: 42px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; color: #FFC49E; font-weight: 800; }
body[data-page="p3-en-home"] .p3-step h3 { margin: 0 0 10px; font-size: 1.45rem; }
body[data-page="p3-en-home"] .p3-step p { margin: 0; color: #CEDDD4; line-height: 1.58; }
body[data-page="p3-en-home"] .p3-trust-grid { display: grid; grid-template-columns: 1.15fr repeat(2,minmax(0,.8fr)); gap: 1px; border-block: 1px solid rgba(8,30,24,.14); }
body[data-page="p3-en-home"] [data-kite-section="en-home-trust"] { padding-block: 32px; }
body[data-page="p3-en-home"] .p3-trust-item { min-width: 0; padding: 22px 24px; border-right: 1px solid rgba(8,30,24,.14); }
body[data-page="p3-en-home"] .p3-trust-item:last-child { border-right: 0; }
body[data-page="p3-en-home"] .p3-trust-item strong { display: block; margin-bottom: 8px; color: var(--color-forest-700); font-size: 1.2rem; }
body[data-page="p3-en-home"] .p3-trust-item p { margin: 0; color: #4C5F54; line-height: 1.6; }
body[data-page="p3-en-home"] .p3-editorial-split { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); align-items: stretch; gap: 28px; }
body[data-page="p3-en-home"] .p3-editorial-split__media { min-width: 0; margin: 0; overflow: hidden; border-radius: var(--radius-card); background: var(--color-forest-900); }
body[data-page="p3-en-home"] .p3-editorial-split__media img { inline-size: 100%; block-size: 100%; min-block-size: 360px; object-fit: cover; }
body[data-page="p3-en-home"] .p3-editorial-split__copy { align-self: center; min-width: 0; padding: clamp(10px,3vw,42px); }
body[data-page="p3-en-home"] .p3-quote-band { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 30px; align-items: center; padding: clamp(30px,5vw,64px); border-radius: var(--radius-card); background: var(--color-forest-900); color: var(--color-white); box-shadow: var(--shadow-soft); }
body[data-page="p3-en-home"] .p3-quote-band h2 { margin: 0; max-width: 15ch; font-size: clamp(2rem,4vw,4rem); line-height: 1; }
body[data-page="p3-en-home"] .p3-quote-band p { max-width: 66ch; margin: 14px 0 0; color: #D5E3DA; line-height: 1.62; }
body[data-page="p3-en-home"] [data-kite-section="en-home-whatsapp-cta"] { padding-block: 28px; }
body[data-page="p3-en-home"] [data-kite-section="en-home-whatsapp-cta"] .p3-quote-band { padding: 40px; }

/* Package and destination detail routes */
body[data-page="p3-bn-family-package"] .p3-detail-hero__grid,
body[data-page="p3-en-nature-package"] .p3-detail-hero__grid,
body[data-page="p3-en-richhang"] .p3-detail-hero__grid { min-height: 610px; }
body[data-page="p3-bn-family-package"] .p3-hero__title,
body[data-page="p3-en-nature-package"] .p3-hero__title { max-width: 12ch; font-size: clamp(2.8rem,5.5vw,5.8rem); }
body[data-page="p3-en-richhang"] .p3-hero__title { max-width: 10ch; font-size: clamp(3.1rem,6vw,6.4rem); }
body[data-page="p3-bn-family-package"] .p3-itinerary,
body[data-page="p3-en-nature-package"] .p3-itinerary { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: clamp(28px,5vw,64px); align-items: center; }
body[data-page="p3-bn-family-package"] .p3-itinerary__media,
body[data-page="p3-en-nature-package"] .p3-itinerary__media { margin: 0; padding: 14px; border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-soft); }
body[data-page="p3-bn-family-package"] .p3-itinerary__media img,
body[data-page="p3-en-nature-package"] .p3-itinerary__media img { inline-size: 100%; block-size: auto; object-fit: contain; border-radius: calc(var(--radius-card) - 7px); }
body[data-page^="p3-"] .p3-timeline { position: relative; margin: 24px 0 0; padding: 0; list-style: none; counter-reset: trail; }
body[data-page^="p3-"] .p3-timeline::before { content: ""; position: absolute; inset-block: 13px 18px; inset-inline-start: 17px; inline-size: 1px; background: rgba(8,30,24,.25); }
body[data-page^="p3-"] .p3-timeline li { position: relative; min-width: 0; padding: 0 0 24px 54px; counter-increment: trail; }
body[data-page^="p3-"] .p3-timeline li::before { content: counter(trail); position: absolute; inset-inline-start: 0; top: 0; display: grid; place-items: center; inline-size: 35px; block-size: 35px; border-radius: 50%; color: var(--color-white); background: var(--color-forest-700); font-weight: 800; }
body[data-page^="p3-"] .p3-timeline h3 { margin: 0 0 6px; font-size: 1.2rem; }
body[data-page^="p3-"] .p3-timeline p { margin: 0; color: #4E5E55; line-height: 1.6; }
body[data-page^="p3-"] .p3-detail-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
body[data-page^="p3-"] .p3-detail-panel { min-width: 0; padding: 26px; border: 1px solid rgba(8,30,24,.13); border-radius: var(--radius-card); background: rgba(255,255,255,.62); }
body[data-page^="p3-"] .p3-detail-panel h3 { margin: 0 0 14px; font-size: 1.3rem; }
body[data-page^="p3-"] .p3-check-list,
body[data-page^="p3-"] .p3-cross-list { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
body[data-page^="p3-"] .p3-check-list li,
body[data-page^="p3-"] .p3-cross-list li { position: relative; padding-inline-start: 28px; line-height: 1.52; }
body[data-page^="p3-"] .p3-check-list li::before { content: "✓"; position: absolute; inset-inline-start: 0; color: var(--color-forest-700); font-weight: 900; }
body[data-page^="p3-"] .p3-cross-list li::before { content: "–"; position: absolute; inset-inline-start: 4px; color: var(--color-sunset-600); font-weight: 900; }
body[data-page^="p3-"] .p3-quote-layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(28px,5vw,64px); align-items: start; }
body[data-page^="p3-"] .p3-form { min-width: 0; padding: 28px; border-radius: var(--radius-card); color: var(--color-ink); background: var(--color-white); box-shadow: var(--shadow-soft); }
body[data-page^="p3-"] .p3-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
body[data-page^="p3-"] .p3-field { display: grid; min-width: 0; gap: 7px; }
body[data-page^="p3-"] .p3-field--wide { grid-column: 1/-1; }
body[data-page^="p3-"] .p3-field label,
body[data-page^="p3-"] .p3-field legend { font-weight: 750; }
body[data-page^="p3-"] .p3-field input,
body[data-page^="p3-"] .p3-field select,
body[data-page^="p3-"] .p3-field textarea { inline-size: 100%; min-width: 0; min-height: 48px; padding: 11px 12px; border: 1px solid #9AA9A1; border-radius: var(--radius-control); color: var(--color-ink); background: var(--color-white); font: inherit; }
body[data-page^="p3-"] .p3-field textarea { min-height: 112px; resize: vertical; }
body[data-page^="p3-"] .p3-field input:focus-visible,
body[data-page^="p3-"] .p3-field select:focus-visible,
body[data-page^="p3-"] .p3-field textarea:focus-visible { outline: none; border-color: var(--color-sunset-600); box-shadow: var(--focus-ring); }
body[data-page^="p3-"] .p3-help { color: #5D6A63; font-size: .88rem; line-height: 1.45; }
body[data-page^="p3-"] .p3-form-status { min-height: 1.5em; margin: 12px 0 0; color: var(--color-danger); font-weight: 700; }
body[data-page^="p3-"] .p3-disclosure { margin: 16px 0 0; color: #536158; font-size: .9rem; line-height: 1.52; }
body[data-page="p3-en-richhang"] .p3-route-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; counter-reset: route; }
body[data-page="p3-en-richhang"] .p3-route-step { position: relative; min-width: 0; padding: 54px 20px 22px; border-radius: var(--radius-card); background: var(--color-white); counter-increment: route; }
body[data-page="p3-en-richhang"] .p3-route-step::before { content: counter(route, decimal-leading-zero); position: absolute; top: 18px; left: 20px; color: var(--color-sunset-600); font-weight: 900; }
body[data-page="p3-en-richhang"] .p3-route-step h3 { margin: 0 0 8px; font-size: 1.12rem; }
body[data-page="p3-en-richhang"] .p3-route-step p { margin: 0; color: #526158; line-height: 1.55; }
body[data-page="p3-en-richhang"] .p3-practical-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(280px,.9fr); gap: 28px; align-items: start; }
body[data-page="p3-en-richhang"] .p3-fact-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 0; border: 1px solid rgba(8,30,24,.13); border-radius: var(--radius-card); overflow: hidden; background: rgba(8,30,24,.13); }
body[data-page="p3-en-richhang"] .p3-fact-list div { min-width: 0; padding: 20px; background: var(--color-white); }
body[data-page="p3-en-richhang"] .p3-fact-list dt { color: var(--color-forest-700); font-weight: 800; }
body[data-page="p3-en-richhang"] .p3-fact-list dd { margin: 7px 0 0; color: #4B5C52; line-height: 1.55; }

/* Contact working surface */
body[data-page="p3-bn-contact"] .p3-contact-top { padding-block: var(--space-section-working); color: var(--color-white); background: var(--color-forest-900); }
body[data-page="p3-bn-contact"] .p3-contact-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,.45fr); gap: 32px; align-items: end; }
body[data-page="p3-bn-contact"] .p3-contact-heading h1 { margin: 0; max-width: 12ch; font-size: clamp(2.7rem,5.5vw,5.7rem); line-height: 1.04; }
body[data-page="p3-bn-contact"] .p3-contact-heading p { margin: 0; color: #D4E2D9; line-height: 1.65; }
body[data-page="p3-bn-contact"] .p3-contact-layout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); gap: 28px; align-items: start; }
body[data-page="p3-bn-contact"] .p3-contact-aside { display: grid; gap: 18px; min-width: 0; }
body[data-page="p3-bn-contact"] .p3-contact-card { padding: 24px; border-radius: var(--radius-card); background: var(--color-forest-900); color: var(--color-white); }
body[data-page="p3-bn-contact"] .p3-contact-card h2,
body[data-page="p3-bn-contact"] .p3-contact-card h3 { margin: 0 0 10px; }
body[data-page="p3-bn-contact"] .p3-contact-card p { margin: 0 0 12px; color: #D8E5DD; line-height: 1.58; }
body[data-page="p3-bn-contact"] .p3-contact-number { display: block; margin: 7px 0; color: #FFB98F; font-size: 1.28rem; font-weight: 800; }
body[data-page="p3-bn-contact"] .p3-expect-list { display: grid; gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; }
body[data-page="p3-bn-contact"] .p3-expect-list li { padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.12); color: #E7F0EA; line-height: 1.5; }
body[data-page="p3-bn-contact"] [data-kite-section="bn-contact-whatsapp"] { padding-block: 40px; }

/* Blog library */
body[data-page="p3-bn-blog"] .p3-blog-hero__grid { min-height: 620px; }
body[data-page="p3-bn-blog"] .p3-blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-card-gap); }
body[data-page="p3-bn-blog"] .p3-blog-grid .p3-card:first-child { grid-column: span 2; }
body[data-page="p3-bn-blog"] .p3-blog-grid .p3-card:first-child .p3-card__media { aspect-ratio: 2/1; }
body[data-page="p3-bn-blog"] .p3-blog-grid .p3-card__title { font-size: clamp(1.2rem,2vw,1.65rem); }

/* Long-form articles */
body[data-page="p3-bn-dhaka-article"] .p3-article-hero,
body[data-page="p3-bn-packing-article"] .p3-article-hero,
body[data-page="p3-en-season-article"] .p3-article-hero { color: var(--color-white); background: var(--color-forest-950); padding-block: 44px 56px; }
body[data-page^="p3-"] .p3-article-hero__grid { display: grid; grid-template-columns: minmax(0,.88fr) minmax(360px,1.12fr); gap: clamp(30px,5vw,64px); align-items: center; }
body[data-page^="p3-"] .p3-article-title { margin: 0; max-width: 13ch; font-size: clamp(2.8rem,5.8vw,6.2rem); line-height: 1; overflow-wrap: normal; word-break: normal; text-wrap: balance; }
body[data-page^="p3-"][lang="bn"] .p3-article-title { max-width: 15ch; line-height: 1.08; }
body[data-page^="p3-"] .p3-article-intro { margin: 18px 0 0; max-width: 58ch; color: #D6E3DB; font-size: 1.08rem; line-height: 1.65; }
body[data-page^="p3-"] .p3-article-hero__media { min-width: 0; margin: 0; padding: 12px; border: 1px solid rgba(255,255,255,.18); border-radius: var(--radius-card); background: rgba(255,255,255,.06); }
body[data-page^="p3-"] .p3-article-hero__media img { inline-size: 100%; block-size: auto; max-block-size: 520px; object-fit: contain; border-radius: calc(var(--radius-card) - 7px); }
body[data-page^="p3-"] .p3-article-hero .breadcrumb { color: #C8D8CF; }
body[data-page^="p3-"] .p3-article-hero .breadcrumb a:not(.button) { color: #E8F0EB; }
body[data-page^="p3-"] .p3-article-hero .breadcrumb [aria-current="page"] { color: var(--color-white); }
body[data-page^="p3-"] .p3-article-shell { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: clamp(34px,6vw,80px); align-items: start; max-width: 1040px; }
body[data-page^="p3-"] .p3-prose { min-width: 0; max-width: var(--reading-max); }
body[data-page^="p3-"] .p3-prose h2 { margin: 42px 0 14px; font-size: clamp(1.7rem,3vw,2.6rem); line-height: 1.12; }
body[data-page^="p3-"] .p3-prose h2:first-child { margin-top: 0; }
body[data-page^="p3-"] .p3-prose h3 { margin: 28px 0 10px; font-size: 1.3rem; }
body[data-page^="p3-"] .p3-prose p,
body[data-page^="p3-"] .p3-prose li { line-height: 1.76; }
body[data-page^="p3-"] .p3-prose p { margin: 0 0 18px; }
body[data-page^="p3-"] .p3-prose ul,
body[data-page^="p3-"] .p3-prose ol { padding-inline-start: 24px; margin: 0 0 22px; }
body[data-page^="p3-"] .p3-prose li + li { margin-top: 8px; }
body[data-page^="p3-"] .p3-aside-nav { position: sticky; top: 96px; min-width: 0; padding: 20px; border-radius: var(--radius-card); background: var(--color-bamboo-100); }
body[data-page^="p3-"] .p3-aside-nav strong { display: block; margin-bottom: 10px; }
body[data-page^="p3-"] .p3-aside-nav a:not(.button) { display: block; padding: 8px 0; color: var(--color-forest-700); text-underline-offset: 3px; }
body[data-page^="p3-"] .p3-table-wrap { max-width: 100%; overflow-x: auto; margin: 22px 0; border: 1px solid rgba(8,30,24,.14); border-radius: var(--radius-control); background: var(--color-white); }
body[data-page^="p3-"] .p3-table { width: 100%; min-width: 620px; border-collapse: collapse; }
body[data-page^="p3-"] .p3-table th,
body[data-page^="p3-"] .p3-table td { padding: 13px 15px; border-bottom: 1px solid rgba(8,30,24,.12); text-align: start; vertical-align: top; line-height: 1.5; }
body[data-page^="p3-"] .p3-table th { background: var(--color-bamboo-100); color: var(--color-forest-900); }
body[data-page^="p3-"] .p3-field-note { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 30px; align-items: center; }
body[data-page^="p3-"] .p3-field-note figure { min-width: 0; margin: 0; }
body[data-page^="p3-"] .p3-field-note img { inline-size: 100%; block-size: auto; object-fit: contain; border-radius: var(--radius-card); box-shadow: var(--shadow-soft); }
body[data-page^="p3-"] .p3-field-note figcaption { margin-top: 9px; color: #647169; font-size: .86rem; line-height: 1.45; }

/* About */
body[data-page="p3-en-about"] .p3-about-hero__grid { min-height: 620px; }
body[data-page="p3-en-about"] .p3-mission-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(30px,6vw,76px); align-items: start; }
body[data-page="p3-en-about"] .p3-principles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
body[data-page="p3-en-about"] .p3-principle { padding: 22px; border: 1px solid rgba(8,30,24,.13); border-radius: var(--radius-card); background: var(--color-white); }
body[data-page="p3-en-about"] .p3-principle h3 { margin: 0 0 8px; font-size: 1.15rem; }
body[data-page="p3-en-about"] .p3-principle p { margin: 0; color: #506057; line-height: 1.58; }
body[data-page="p3-en-about"] .p3-process-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(30px,5vw,64px); align-items: center; }
body[data-page="p3-en-about"] .p3-process-grid figure { min-width: 0; margin: 0; }
body[data-page="p3-en-about"] .p3-process-grid img { inline-size: 100%; block-size: auto; object-fit: contain; border-radius: var(--radius-card); box-shadow: var(--shadow-soft); }
body[data-page="p3-en-about"] .p3-process-list { display: grid; gap: 14px; margin: 24px 0 0; padding: 0; list-style: none; counter-reset: process; }
body[data-page="p3-en-about"] .p3-process-list li { position: relative; padding: 0 0 18px 48px; border-bottom: 1px solid rgba(8,30,24,.13); counter-increment: process; line-height: 1.55; }
body[data-page="p3-en-about"] .p3-process-list li::before { content: counter(process); position: absolute; left: 0; top: -4px; display: grid; place-items: center; inline-size: 34px; block-size: 34px; border-radius: 50%; color: var(--color-white); background: var(--color-forest-700); font-weight: 800; }

@media (max-width: 1000px) {
  body[data-page="p3-en-home"] .p3-place-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-page="p3-bn-blog"] .p3-blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-page="p3-en-richhang"] .p3-route-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 800px) {
  body[data-page^="p3-"] .p3-section { padding-block: var(--space-section-narrative-mobile); }
  body[data-page^="p3-"] .p3-section--working { padding-block: var(--space-section-working-mobile); }
  body[data-page="p3-bn-contact"] .p3-contact-top { padding-block: var(--space-section-working-mobile); }
  body[data-page^="p3-"] .p3-section-head { grid-template-columns: 1fr; align-items: start; margin-bottom: 22px; }
  body[data-page^="p3-"] .p3-hero__grid,
  body[data-page^="p3-"] .p3-article-hero__grid,
  body[data-page^="p3-"] .p3-itinerary,
  body[data-page^="p3-"] .p3-quote-layout,
  body[data-page="p3-en-home"] .p3-editorial-split,
  body[data-page="p3-en-home"] .p3-quote-band,
  body[data-page="p3-en-richhang"] .p3-practical-grid,
  body[data-page="p3-bn-contact"] .p3-contact-heading,
  body[data-page="p3-bn-contact"] .p3-contact-layout,
  body[data-page^="p3-"] .p3-article-shell,
  body[data-page^="p3-"] .p3-field-note,
  body[data-page="p3-en-about"] .p3-mission-grid,
  body[data-page="p3-en-about"] .p3-process-grid { grid-template-columns: minmax(0,1fr); }
  body[data-page^="p3-"] .p3-hero__grid { min-height: auto; padding-block: 52px; }
  body[data-page="p3-en-home"] .p3-home-hero__grid { min-height: auto; padding-block: 58px 36px; }
  body[data-page^="p3-"] .p3-hero__media { max-width: 650px; justify-self: center; }
  body[data-page^="p3-"] .p3-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-page="p3-en-home"] .p3-steps { grid-template-columns: 1fr; }
  body[data-page="p3-en-home"] .p3-step__number { margin-bottom: 20px; }
  body[data-page="p3-en-home"] .p3-trust-grid { grid-template-columns: 1fr; }
  body[data-page="p3-en-home"] [data-kite-section="en-home-trust"] { padding-block: 20px; }
  body[data-page="p3-en-home"] .p3-trust-item { padding: 18px 20px; border-right: 0; border-bottom: 1px solid rgba(8,30,24,.14); }
  body[data-page="p3-en-home"] [data-kite-section="en-home-whatsapp-cta"] { padding-block: 16px; }
  body[data-page="p3-en-home"] [data-kite-section="en-home-whatsapp-cta"] .p3-quote-band { padding: 20px; }
  body[data-page="p3-bn-contact"] [data-kite-section="bn-contact-whatsapp"] { padding-block: 16px; }
  body[data-page^="p3-"] .p3-aside-nav { position: static; order: -1; }
  body[data-page^="p3-"] .p3-detail-columns { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  body[data-page^="p3-"] .p3-hero__title { font-size: clamp(2.85rem,14vw,4.15rem); }
  body[data-page="p3-en-home"] .p3-home-hero__title { font-size: clamp(3.25rem,15vw,4.65rem); }
  body[data-page^="p3-"] .p3-article-title { font-size: clamp(2.55rem,12vw,3.8rem); }
  body[data-page^="p3-"] .p3-card-grid,
  body[data-page="p3-en-home"] .p3-place-grid,
  body[data-page="p3-bn-blog"] .p3-blog-grid,
  body[data-page="p3-en-richhang"] .p3-route-steps,
  body[data-page="p3-en-richhang"] .p3-fact-list,
  body[data-page="p3-en-about"] .p3-principles,
  body[data-page^="p3-"] .p3-form-grid { grid-template-columns: minmax(0,1fr); }
  body[data-page="p3-en-home"] .p3-place-grid .p3-card:first-child,
  body[data-page="p3-bn-blog"] .p3-blog-grid .p3-card:first-child { grid-column: auto; }
  body[data-page="p3-en-home"] .p3-place-grid .p3-card:first-child .p3-card__media,
  body[data-page="p3-bn-blog"] .p3-blog-grid .p3-card:first-child .p3-card__media { aspect-ratio: 4/3; }
  body[data-page^="p3-"] .p3-form { padding: 20px; }
  body[data-page^="p3-"] .p3-field--wide { grid-column: auto; }
  body[data-page^="p3-"] .p3-actions .button { width: 100%; justify-content: center; }
  body[data-page="p3-en-home"] .p3-quote-band { padding: 28px 22px; }
  body[data-page="p3-en-home"] [data-kite-section="en-home-whatsapp-cta"] .p3-quote-band { padding: 20px; }

  /* Keep the mobile packing contents panel close to the article without
     changing the immersive hero or the long-form reading measure. */
  body[data-page="p3-bn-packing-article"] [data-kite-section="bn-article-khagrachari-packing-list-body"] { padding-block: 28px; }
  body[data-page="p3-bn-packing-article"] [data-kite-section="bn-article-khagrachari-packing-list-body"] .p3-article-shell { row-gap: 16px; }
  body[data-page="p3-bn-packing-article"] [data-kite-section="bn-article-khagrachari-packing-list-body"] .p3-aside-nav { padding-block: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page^="p3-"] .p3-card__media img,
  body[data-page^="p3-"] .p3-text-link::after { transition: none; }
}