/* Calm procedure guide: one filter row and one disclosure at a time. */
#procedimientos.procedure-explorer{padding:32px clamp(20px,4vw,44px);background:#f5f2ea;color:#24392f}
#procedimientos .stay-selector[hidden]{display:none!important}
#procedimientos>.section-label{font-size:10px;letter-spacing:.15em;color:#7a694a}
#procedimientos>h2{font-size:clamp(29px,3.3vw,38px);line-height:1.15;margin:12px 0}
#procedimientos>.procedure-intro{max-width:650px;font-size:13px;line-height:1.7;margin:0 0 20px;color:#53635a}
#procedimientos .procedure-tools{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;margin:0 0 20px}
#procedimientos .procedure-tools label{display:grid;gap:7px;font-size:10px;font-weight:600;letter-spacing:.04em;color:#42564a}
#procedimientos .procedure-tools input,#procedimientos .procedure-tools select{box-sizing:border-box;width:100%;height:44px;padding:11px 12px;border:1px solid #bac2b7;border-radius:5px;background:#fffefa;color:#263e32;font-size:12px}
#procedimientos .procedure-tools :is(input,select):focus-visible{outline:2px solid #8c754a;outline-offset:2px}
#procedimientos .procedure-count{font-size:10px;color:#6c786e;margin:0 0 10px}
#procedimientos .procedure-grid{display:flex;flex-direction:column;gap:8px}
#procedimientos .procedure-card{display:block;padding:0;border:1px solid #d9ddd3;border-radius:7px;background:#ffffffa6;overflow:hidden}
#procedimientos .procedure-card>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:22px;align-items:center;padding:15px 18px}
#procedimientos .procedure-card>summary:after{font:22px/1 Georgia,serif;text-align:center;color:#756447}
#procedimientos .procedure-card>summary:hover{background:#e8ece533}
#procedimientos .procedure-card .procedure-heading p{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#768273;margin:0 0 4px}
#procedimientos .procedure-card h3{font:21px/1.2 Georgia,serif;color:#263e32;letter-spacing:0}
#procedimientos .procedure-duration{text-align:right;min-width:130px}
#procedimientos .procedure-duration small{display:block;font-size:9px;line-height:1.5;color:#6d786d}
#procedimientos .procedure-duration strong{display:block;margin-top:2px;font:17px/1.3 Georgia,serif;color:#6c5736}
#procedimientos .procedure-card[open]{border-color:#a6b4a4;box-shadow:0 5px 18px #152b1f07}
#procedimientos .procedure-card[open]>summary{background:#e9eee53d}
#procedimientos .procedure-detail{display:block;border-top:1px solid #dce0d7;padding:18px}
#procedimientos .procedure-explanation{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#procedimientos .procedure-explanation h4{font:18px/1.3 Georgia,serif;margin:0 0 8px;color:#4a5744}
#procedimientos .procedure-explanation p{font-size:12px;line-height:1.75;color:#4c5e50;margin:0}
#procedimientos .procedure-recovery-time{margin:16px 0 0;padding:10px 12px;border-radius:4px;background:#e9ece33b;font-size:11px;color:#63705e}
#procedimientos .procedure-card-action{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #dce0d7}
#procedimientos .procedure-card-action span{font-size:11px;color:#54664f;margin:0}
#procedimientos .procedure-card-action a{font-size:11px;color:#243e30;border-bottom:1px solid #a48b5d;padding:5px 0}
#procedimientos .procedure-pages{margin-top:14px;justify-content:space-between}
#procedimientos .procedure-pages button{min-height:38px;border:1px solid #c1c8bc;border-radius:5px;background:#fffdf8;font-size:11px;cursor:pointer}
#procedimientos .procedure-warning{font-size:10px!important;line-height:1.7;color:#6c7768;max-width:none;margin-bottom:0}
#procedimientos .procedure-empty{font-size:13px;padding:20px;background:#fffefa;border-radius:6px}
@media(max-width:600px){#procedimientos .procedure-tools{grid-template-columns:1fr}#procedimientos .procedure-card>summary{gap:10px;padding:13px 12px}#procedimientos .procedure-card h3{font-size:18px}#procedimientos .procedure-duration{min-width:92px}#procedimientos .procedure-duration small{max-width:100px;font-size:8px}#procedimientos .procedure-duration strong{font-size:16px}#procedimientos .procedure-explanation{grid-template-columns:1fr;gap:18px}#procedimientos .procedure-detail{padding:15px}}

/* A collection's palette follows every step of its personalised request. */
:is(#planner,#package-full)[data-tier="silver"]{--flow-bg:#e9eef1;--flow-panel:#f8fafb;--flow-ink:#26343f;--flow-muted:#566774;--flow-edge:#acb9c5;--flow-accent:#4e6477;--flow-selected:#d0dce6;--flow-button:linear-gradient(115deg,#aebac5,#f8fcfd 42%,#b8c7d5 75%,#eff5f9);--flow-button-ink:#1d2c38;--flow-halo:#b8c7d844;color-scheme:light}
:is(#planner,#package-full)[data-tier="gold"]{--flow-bg:#eee1c2;--flow-panel:#fff7e5;--flow-ink:#43321b;--flow-muted:#6d5839;--flow-edge:#bd9d64;--flow-accent:#826025;--flow-selected:#e4c78a;--flow-button:linear-gradient(115deg,#ba8b3c,#fff0bb 42%,#d4aa57 75%,#f6dda0);--flow-button-ink:#38260c;--flow-halo:#c9a45b33;color-scheme:light}
:is(#planner,#package-full)[data-tier="platinum"]{--flow-bg:#101217;--flow-panel:#1b1f27;--flow-ink:#eef2f7;--flow-muted:#bdc6d3;--flow-edge:#647285;--flow-accent:#dce7f5;--flow-selected:#354151;--flow-button:linear-gradient(115deg,#91a3b7,#fff 42%,#c3d1e1 75%,#edf5ff);--flow-button-ink:#152231;--flow-halo:#a7bcd326;color-scheme:dark}
:is(#planner,#package-full)[data-tier]{background:var(--flow-bg);color:var(--flow-ink);border:1px solid var(--flow-edge);border-radius:10px;box-shadow:0 24px 90px #0007;--gold:var(--flow-accent);--line:var(--flow-edge)}
#planner[data-tier] .planner-top{display:flex;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--flow-edge);color:var(--flow-muted);letter-spacing:.13em;font-size:9px}
#planner[data-tier] .planner-brand{width:40px;height:54px;object-fit:contain;flex:none}
#planner[data-tier] .planner-tier-name{display:block;font:25px/1.2 Georgia,serif;letter-spacing:0;margin-top:6px;color:var(--flow-ink)}
#planner[data-tier] .planner-progress{color:var(--flow-muted);padding:17px 28px 8px}
#planner[data-tier] .planner-progress>div{background:var(--flow-edge)}
#planner[data-tier] .planner-progress i{background:var(--flow-accent);height:3px}
#planner[data-tier] .planner-main{padding:16px 28px 24px}
#planner[data-tier] .plan-step{min-height:320px}
#planner[data-tier] :is(h2,h3,h4,em,strong,label,legend){color:var(--flow-ink)}
#planner[data-tier] :is(.eyebrow,output,summary){color:var(--flow-accent)}
#planner[data-tier] :is(p,.input-note,.experience-fields p,.recovery-guidance p,.check-line span,dt,dd){color:var(--flow-muted)}
#planner[data-tier] :is(.experience-fields,.planner-navigation,.procedure-optional,.planner-optional,.request-review,.recovery-details){border-color:var(--flow-edge)}
#planner[data-tier] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea){box-sizing:border-box;background:var(--flow-panel);color:var(--flow-ink);border:1px solid var(--flow-edge);border-radius:5px;padding:12px;font:13px Manrope,Arial,sans-serif}
#planner[data-tier] :is(input,textarea)::placeholder{color:var(--flow-muted);opacity:.8}
#planner[data-tier] select option{background:var(--flow-panel);color:var(--flow-ink)}
#planner[data-tier] :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--flow-accent)}
#planner[data-tier] input[type="range"]{background:transparent}
#planner[data-tier] :is(.segmented button,.procedure-check){background:var(--flow-panel);border:1px solid var(--flow-edge);color:var(--flow-ink);border-radius:5px}
#planner[data-tier] :is(.segmented button.active,.procedure-check:has(input:checked)){background:var(--flow-selected);border-color:var(--flow-accent);box-shadow:inset 0 0 0 1px var(--flow-accent);color:var(--flow-ink)}
#planner[data-tier] .procedure-check :is(span,small){color:var(--flow-ink)}
#planner[data-tier] .procedure-selection-count{color:var(--flow-accent)!important}
#planner[data-tier] .procedure-multi{border-color:var(--flow-edge);scrollbar-color:var(--flow-accent) var(--flow-panel)}
#planner[data-tier] .selected-stay-guidance{background:var(--flow-halo);border-color:var(--flow-accent);color:var(--flow-ink)!important;border-radius:4px}
#planner[data-tier] .planner-navigation{background:var(--flow-bg);padding-bottom:4px}
:is(#planner,#package-full)[data-tier] .dialog-exit-bar{background:var(--flow-bg);border-color:var(--flow-edge);padding:10px 22px;margin-bottom:0}
:is(#planner,#package-full)[data-tier] .dialog-exit-bar button{background:var(--flow-panel);border-color:var(--flow-edge);color:var(--flow-ink)}
:is(#planner,#package-full)[data-tier] :is(.primary,#send-plan){background:var(--flow-button);color:var(--flow-button-ink);border:1px solid var(--flow-edge);border-radius:5px;box-shadow:inset 0 1px 0 #ffffff99,0 3px 10px #0002;font-weight:700;min-height:44px}
#planner[data-tier] :is(#plan-back,.text-button){color:var(--flow-ink);border-color:var(--flow-edge)}
#planner[data-tier] :is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--flow-accent);outline-offset:3px}
#planner[data-tier] .range-labels{color:var(--flow-muted)}
#planner[data-tier] .phone-country-field :is(button,input){color:var(--flow-ink);background:var(--flow-panel);border-color:var(--flow-edge)}
@media(max-width:600px){#planner[data-tier] .planner-main{padding:15px 18px 20px}#planner[data-tier] .planner-top{padding:14px 18px}#planner[data-tier] .planner-progress{padding:15px 18px 8px}#planner[data-tier] .plan-step{min-height:290px}#planner[data-tier] .plan-step h2{font-size:31px!important}#planner[data-tier] .planner-navigation button{padding:12px 18px}}

/* The country search popover inherits the collection too. */
#planner[data-tier] .phone-country-results{background:var(--flow-panel);border-color:var(--flow-edge);color:var(--flow-ink);border-radius:5px}
#planner[data-tier] .phone-country-results button{color:var(--flow-ink)!important}
#planner[data-tier] .phone-country-results button:hover,#planner[data-tier] .phone-country-results button[aria-selected="true"]{background:var(--flow-selected)!important}
#planner[data-tier] .phone-country-count{background:var(--flow-panel);color:var(--flow-muted)!important}
#planner[data-tier] .phone-country-results .phone-manual-option{background:var(--flow-selected)!important;color:var(--flow-ink)!important;border-color:var(--flow-edge)!important}
#planner[data-tier] .phone-search-button{color:var(--flow-accent)!important}
#planner[data-tier] .phone-selected-prefix{color:var(--flow-accent)}
#planner[data-tier] .phone-country-widget input:focus{outline-color:var(--flow-accent)}

/* Platinum security is optional, and kept separate from included transport. */
#package-full[data-tier="platinum"] .package-security{margin:16px 0 6px;padding-top:14px;border-top:1px solid var(--flow-edge)}
#package-full .package-security label{display:block;margin:0 0 8px;color:var(--flow-ink);font-size:12px;font-weight:600}
#package-full .package-security select{display:block;width:100%;min-height:44px;padding:11px 34px 11px 12px;border:1px solid var(--flow-edge);border-radius:5px;background:var(--flow-panel);color:var(--flow-ink);font:13px Manrope,Arial,sans-serif;color-scheme:dark}
#package-full .package-security select:focus-visible{outline:2px solid var(--flow-accent);outline-offset:3px}
#planner .platinum-security[hidden]{display:none}
#planner .platinum-security{margin:22px 0;padding:18px;border:1px solid var(--flow-edge);border-radius:7px;background:var(--flow-panel)}
#planner .platinum-security legend{padding:0 7px;font-size:15px}
#planner .security-availability{margin:0 0 13px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
#planner .security-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#planner .security-options label{display:flex;align-items:center;gap:9px;margin:0;padding:13px 10px;border:1px solid var(--flow-edge);border-radius:5px;font-size:12px;line-height:1.5;cursor:pointer}
#planner .security-options input{width:15px;height:15px;flex:none;margin:0;accent-color:var(--flow-accent)}
#planner .security-options label:has(input:checked){background:var(--flow-selected);border-color:var(--flow-accent);box-shadow:inset 0 0 0 1px var(--flow-accent)}
#planner .security-note{margin:12px 0 0;font-size:11px;line-height:1.6}
@media(max-width:600px){#planner .security-options{grid-template-columns:1fr}#planner .platinum-security{padding:14px}}

#planner[data-tier] .security-options label span{font:inherit;color:var(--flow-ink)}