@layer components{.explorer{--explorer-list-width:max(20rem, 25%);--explorer-nav:var(--site-nav-offset);--explorer-height:calc(100vh - var(--explorer-nav))}@supports (height:100dvh){.explorer{--explorer-height:calc(100dvh - var(--explorer-nav))}}.explorer{--explorer-top:.75rem;--explorer-pad:var(--site-margin);--explorer-peek:calc(3.75rem + env(safe-area-inset-bottom,0px));background-color:var(--colour-chalk);position:relative}.explorer [hidden]{display:none}html.is-explorer-sheet{overflow:hidden}.explorer_head{padding:var(--space-8) var(--explorer-pad) 1.5rem;gap:.75rem;display:grid}.explorer_head .picker{gap:.75rem;margin:0}.explorer_title{margin:0;font-size:1.5rem;line-height:1.2}.explorer_text{color:var(--text-2);margin:0;font-size:.9375rem;line-height:1.45}.explorer_cards{padding:0 var(--explorer-pad) var(--space-8);gap:.75rem;margin:0;list-style:none;display:grid}@media (min-width:40rem){.explorer:not(.is-mapped) .explorer_cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.explorer:not(.is-mapped) .explorer_cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.explorer_toggle{display:none}.explorer-card{border:1px solid var(--colour-line);border-radius:var(--radius-small);background-color:var(--colour-chalk);color:var(--colour-navy);transition:border-color var(--hover-duration) var(--hover-ease), background-color var(--hover-duration) var(--hover-ease);flex-direction:column;gap:.25rem;padding:1rem 1.125rem;display:flex;position:relative}.explorer-card:hover,.explorer-card:focus-within{border-color:var(--colour-ink-teal)}.explorer-card.is-selected{border-color:var(--colour-navy);background-color:var(--background-3)}.explorer-card :where(p,ul,h2,h3){text-indent:0;margin:0;padding:0}.explorer-card_title{align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.3;display:flex}.explorer-card_title .site-flag{width:1.5rem}.explorer-card_link,.explorer-card_button{color:var(--colour-navy);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}:is(.explorer-card_link,.explorer-card_button):after{content:"";position:absolute;inset:0}.explorer-card:hover :is(.explorer-card_link,.explorer-card_button),:is(.explorer-card_link,.explorer-card_button):focus-visible{text-underline-offset:.2em;text-decoration:underline}:is(.explorer-card_link,.explorer-card_button):focus-visible{outline:none}:is(.explorer-card_link,.explorer-card_button):focus-visible:after{outline:2px solid var(--colour-navy);outline-offset:2px;border-radius:var(--radius-small)}.explorer-card_summary{color:var(--text-2);font-size:.9375rem;line-height:1.45}.explorer-card_labels{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;list-style:none;display:flex}.explorer-card_label{background-color:var(--pill-background);color:var(--pill-text);border-radius:999px;padding:.1875rem .625rem;font-size:.8125rem;line-height:1.4}.explorer-card_snapshot{font-size:.875rem;line-height:1.4;font-weight:var(--primary-medium);margin-top:.5rem}.explorer-card_snapshot-label{color:var(--text-2);font-weight:400}.explorer-card_count{color:var(--text-2);margin-top:.25rem;font-size:.8125rem}.explorer_panel{z-index:40;padding:0 0 max(2rem, env(safe-area-inset-bottom));background-color:var(--colour-chalk);overscroll-behavior:contain;pointer-events:auto;position:fixed;inset:0;overflow-y:auto}.explorer_back{z-index:2;width:100%;min-height:3.5rem;padding:.5rem var(--explorer-pad);border:0;border-bottom:1px solid var(--colour-line);background-color:var(--colour-chalk);color:var(--colour-navy);font:inherit;font-size:1rem;font-weight:var(--primary-medium);text-align:start;cursor:pointer;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.explorer_back .explorer_back-icon{width:1.25rem;height:1.25rem}@media (hover:hover){.explorer_back:hover{background-color:var(--background-3)}}.explorer_back:focus-visible{outline:2px solid var(--colour-navy);outline-offset:-4px}.explorer-detail{padding:1.25rem var(--explorer-pad) 0;flex-direction:column;gap:1rem;display:flex}.explorer-detail :where(h2,h3,h4,p,ul){margin:0;padding:0}.explorer-detail_title{align-items:center;gap:.625rem;font-size:1.5rem;line-height:1.15;display:flex}.explorer-detail_title .site-flag{width:1.75rem}.explorer-detail_title:focus-visible{outline:2px solid var(--colour-navy);outline-offset:4px;border-radius:.25rem}.explorer-detail_summary{color:var(--text-2);line-height:1.5}.explorer-detail_stats .guide-stats_list{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem 1.25rem}.explorer-detail_section{gap:.5rem;display:grid}.explorer-detail_heading{font-size:.875rem;font-weight:var(--primary-medium);line-height:1.4}.explorer-detail_list{gap:.5rem;list-style:none;display:grid}.explorer-detail_list li{gap:.125rem;display:grid}.explorer-detail_list a{color:var(--colour-navy);text-underline-offset:.2em}.explorer-detail_for,.explorer-detail_note{color:var(--text-2);font-size:.875rem;line-height:1.4}.explorer-detail_actions{flex-wrap:wrap;gap:.75rem;padding-top:.5rem;display:flex}.explorer.is-mapped{height:var(--explorer-height);overflow:hidden}.explorer.is-mapped .explorer_stage{background-color:var(--colour-chalk);height:100%;position:relative}.explorer.is-mapped .explorer_head{padding-top:var(--explorer-top);padding-bottom:1rem}@media not (min-width:64rem){.explorer.is-mapped .explorer_map{position:absolute;inset:0}.explorer.is-mapped .explorer_side{pointer-events:none;position:absolute;inset:0}.explorer.is-mapped .explorer_list{inset-inline:0;z-index:2;border-radius:var(--radius-main) var(--radius-main) 0 0;background-color:var(--colour-chalk);height:min(34rem,78%);box-shadow:0 -.25rem 1.25rem color-mix(in srgb, var(--colour-navy) 18%, transparent);pointer-events:auto;flex-direction:column;display:flex;position:absolute;bottom:0}.explorer.is-mapped .explorer_list.is-collapsed{transform:translateY(calc(100% - var(--explorer-peek)))}@media (prefers-reduced-motion:no-preference){.explorer.is-mapped .explorer_list{transition:transform .28s}}.explorer.is-mapped .explorer_toggle{width:100%;height:var(--explorer-peek);padding:0 var(--explorer-pad) env(safe-area-inset-bottom,0px);border-radius:inherit;color:var(--colour-navy);font:inherit;font-size:1rem;font-weight:var(--primary-medium);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.5rem;display:flex}.explorer.is-mapped .explorer_toggle:focus-visible{outline:2px solid var(--colour-navy);outline-offset:-4px}.explorer.is-mapped .explorer_handle{background-color:var(--colour-muted);border-radius:999px;width:2.5rem;height:.25rem}.explorer.is-mapped .explorer_sheet{flex-direction:column;flex:1;min-height:0;display:flex}.explorer.is-mapped .explorer_head{flex:none;gap:0;padding-top:0}.explorer.is-mapped :is(.explorer_title,.explorer_text,.picker_status){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.explorer.is-mapped .explorer_cards{overscroll-behavior:contain;min-height:0;padding-bottom:max(1.5rem, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.explorer.is-mapped .explorer_cards:not(:has(>.explorer-card:not([hidden]))):before{content:"No country researched for that passport yet.";color:var(--text-2);padding:.875rem 1.125rem;font-size:.9375rem}html:has(.explorer.is-mapped) .interview-launcher{display:none}.explorer.is-mapped .maplibregl-ctrl-top-right{margin-top:.5rem}}@media (min-width:64rem){.explorer{--explorer-pad:1.25rem}.explorer.is-mapped .explorer_stage{grid-template-columns:var(--explorer-list-width) minmax(0, 1fr);display:grid}.explorer.is-mapped .explorer_side{border-inline-end:1px solid var(--colour-line);min-height:0;position:relative}.explorer.is-mapped .explorer_list,.explorer.is-mapped .explorer_sheet{flex-direction:column;height:100%;min-height:0;display:flex}.explorer.is-mapped .explorer_head{border-bottom:1px solid var(--colour-line);flex:none}.explorer.is-mapped .explorer_cards{overscroll-behavior:contain;flex:1;min-height:0;padding-top:.75rem;overflow-y:auto}.explorer.is-mapped .explorer_map{height:100%;min-height:0}.explorer.is-mapped .explorer_panel{z-index:10;padding-bottom:1.5rem;position:absolute;inset:0}}}