/* Infographics — see inc/infographics.php. Separate file on purpose (colour.css / package-options.css are not touched). */
.ig-sec{box-sizing:border-box;width:100%;padding:28px 16px}
.ig-wrap{max-width:1200px;margin:0 auto}
.ig-fig{margin-left:auto!important;margin-right:auto!important;max-width:440px}
.ig-fig--sm{max-width:320px}
.ig-fig a.ig-open{display:block;border-radius:14px;overflow:hidden;background:#F3EBE0;border:1px solid #E6DDD1;line-height:0}
.ig-fig img{display:block;width:100%;height:auto}
.ig-fig a.ig-open:focus-visible,.ig-btn:focus-visible,.ig-more__a:focus-visible,.ig-lb__x:focus-visible{outline:3px solid #1f3d36;outline-offset:3px}
.ig-fig figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:8px;font:600 15px/1.35 Inter,system-ui,sans-serif;color:#1f1e1d}
.ig-hint{font-weight:500;font-size:13px;color:#6b6660}
.ig-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* trip summary (package pages) */
.ig-sum{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px;align-items:center}
.ig-sum .ig-fig{margin-left:0!important;margin-right:0!important;max-width:380px;width:100%}
.ig-sum__t h2{margin:0 0 10px;font:600 28px/1.15 Fraunces,Georgia,serif;color:#1f1e1d}
.ig-sum__t p{margin:0 0 14px;font:400 16px/1.6 Inter,system-ui,sans-serif;color:#4a4744;max-width:56ch}
.ig-btns{display:flex;flex-wrap:wrap;gap:10px}
.ig-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;border:2px solid #8a2f1f;background:#fff;color:#8a2f1f!important;font:600 15px/1 Inter,system-ui,sans-serif;text-decoration:none}
.ig-btn--solid{background:#8a2f1f;color:#fff!important}
.ig-btn:hover{filter:brightness(.95)}
@media (max-width:759px){.ig-sum{grid-template-columns:1fr;gap:18px}.ig-sum .ig-fig{margin-left:auto!important;margin-right:auto!important}.ig-sum__t h2{font-size:24px}.ig-btn{flex:1 1 100%}}
/* home: "See all steps" link */
.ig-more{margin:18px 0 0;text-align:center}
.ig-more__a{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;border:2px solid #1f3d36;color:#1f3d36!important;font:600 15px/1 Inter,system-ui,sans-serif;text-decoration:none}
.ig-more__a:hover{background:#1f3d36;color:#fff!important}
/* lightbox */
.ig-lb{border:0;padding:0;background:transparent;max-width:min(96vw,720px);max-height:96vh;overflow:visible}
.ig-lb::backdrop{background:rgba(18,16,14,.82)}
.ig-lb img{display:block;max-width:100%;max-height:92vh;width:auto;height:auto;margin:0 auto;border-radius:10px;background:#fff}
.ig-lb__x{position:absolute;top:-6px;right:-6px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#1f1e1d;font:400 28px/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.35)}
@media (max-width:759px){.ig-lb__x{top:4px;right:4px}}
/* narrow article column (KTP-002 legacy layout) */
.ktp-article__main .ig-sec{padding:20px 0}
.ktp-article__main .ig-sum{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px}
@media (max-width:759px){.ktp-article__main .ig-sum{grid-template-columns:1fr}}
/* KTP-002 legacy article layout: the grid column grew to ~2,900 px on phones (wide content), pushing the page off-screen. Let it shrink. */
@media (max-width:999px){.ktp-article--pkg{grid-template-columns:minmax(0,1fr)}}
.ktp-article--pkg>.ktp-article__main{min-width:0}
