/* Shared visual language with eSIM Plan Comparison; scoped to operator components. */
.eod-feed-shell,.eod-card,.eod-section,.eod-single-card,.eod-compare{--eod-ink:#14213d;--eod-muted:#667085;--eod-line:#e4e7ec;--eod-soft:#f7f9fc;--eod-accent:#1457d9;color:var(--eod-ink);font-family:inherit;margin:2rem 0;max-width:100%;line-height:1.5}
.eod-feed-shell *,.eod-single-card *,.eod-compare *,.eod-section *,.eod-card *{box-sizing:border-box}
.eod-feed-shell [hidden]{display:none!important}
.eod-card,.eod-single-card,.eod-feed-card{background:#fff;border:1px solid var(--eod-line);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.03);padding:24px;min-width:0}
.eod-card h3,.eod-section h3,.eod-single-card h3,.eod-feed-card h3{color:var(--eod-ink);font-size:1.2rem;line-height:1.3;letter-spacing:-.015em;margin:0 0 12px}
.eod-feed-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.eod-feed-meta .eod-updated{margin:0}
.eod-result-count{font-size:12px;color:var(--eod-muted);font-weight:600;margin-left:auto}
.eod-feed-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.eod-enhanced .eod-feed-layout{grid-template-columns:210px minmax(0,1fr)}
.eod-feed-results{min-width:0;container-type:inline-size}
.eod-feed{display:grid;grid-template-columns:repeat(var(--eod-feed-cols,3),minmax(0,1fr));gap:14px}
.eod-feed-card{display:flex;flex-direction:column;padding:20px;height:100%;transition:border-color .18s ease,box-shadow .18s ease}
.eod-feed-card:hover{border-color:#c9d4ea;box-shadow:0 8px 22px rgba(16,24,40,.07)}
.eod-feed-card-head{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.eod-feed-brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.eod-feed-brand h3{font-size:1.16rem;margin:0}
.eod-feed-brand p,.eod-single-sub{font-size:13px;line-height:1.45;color:var(--eod-muted);margin:5px 0 0}
.eod-feed-card-head .eod-updated{margin:0;font-size:11px}
.eod-provider-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.eod-provider-logo-img{display:block;max-width:120px;max-height:38px;width:auto;height:auto;object-fit:contain}
.eod-feed-brand>.eod-provider-logo{min-height:38px}
.eod-provider-identity{display:inline-flex;align-items:center;gap:9px}
.eod-provider-identity .eod-provider-logo-img{max-width:54px;max-height:24px}
.eod-feed-status-row{border-top:1px solid var(--eod-line);padding-top:8px;margin-bottom:16px}
.eod-mini-badge{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 0;font-size:13px;color:var(--eod-ink)}
.eod-mini-badge>span:first-child{font-weight:500;min-width:0}
.eod-status{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.4}
.eod-status.is-yes{background:#e8f7ef;color:#0f7a4d}
.eod-status.is-no,.eod-status.is-na{background:#f0f2f5;color:#596579}
.eod-status.is-unclear{background:#fff5dd;color:#795400}
.eod-feed-stat-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #eaf0f7;border-radius:10px;background:var(--eod-soft);padding:5px 12px;margin:0 0 18px}
.eod-feed-stat{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;min-width:0}
.eod-feed-stat+.eod-feed-stat{border-top:1px solid var(--eod-line)}
.eod-feed-stat>span{font-size:12px;color:var(--eod-muted)}
.eod-feed-stat strong{font-size:14px;color:var(--eod-ink);line-height:1.4;text-align:right}
.eod-feed-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.eod-feed-actions:empty{display:none}
.eod-cta,.eod-secondary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border-radius:9px;font-size:14px;font-weight:700;text-decoration:none!important;line-height:1.3;text-align:center}
.eod-cta{background:var(--eod-accent,#1457d9);border:1px solid var(--eod-accent,#1457d9);color:#fff!important}
.eod-cta:hover{background:#0d43ad;color:#fff!important}
.eod-secondary-cta{background:#fff;color:var(--eod-accent,#1457d9)!important;border:1px solid #d5deec}
.eod-secondary-cta:hover{background:#f0f5ff}
.eod-feed-shell :is(a,button,select,input):focus-visible,.eod-single-card a:focus-visible{outline:3px solid #1457d9;outline-offset:3px}
.eod-filter-area{align-self:start}
.eod-filters{background:#fff;border:1px solid var(--eod-line);border-radius:12px;padding:16px}
.eod-filter-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;font-size:16px}
.eod-field{display:block;margin:0 0 18px;min-width:0}
.eod-field>span,.eod-fieldset legend{display:block;font-size:12px;font-weight:750;margin-bottom:9px;padding:0;color:var(--eod-ink)}
.eod-field select{display:block;font:inherit;font-size:13px;color:var(--eod-ink);background:#fff;border:1px solid var(--eod-line);border-radius:8px;min-height:44px;width:100%;max-width:100%;padding:8px 25px 8px 9px;text-overflow:ellipsis}
.eod-fieldset{border:0;border-bottom:1px solid var(--eod-line);padding:0 0 15px;margin:0 0 18px;min-width:0}
.eod-check{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.4;cursor:pointer;min-height:36px;padding:5px 0}
.eod-check input{accent-color:var(--eod-accent);width:17px;height:17px;flex:0 0 17px;margin:0}
.eod-filter-help{font-size:11px;color:var(--eod-muted);margin:0}
.eod-reset,.eod-filter-toggle{font:inherit;font-size:13px;cursor:pointer;min-height:44px;border:1px solid var(--eod-line);border-radius:8px;padding:9px 12px;background:#fff;color:var(--eod-ink);font-weight:650}
.eod-reset-link{border:0;background:transparent;padding:4px;color:var(--eod-accent);font-size:12px}
.eod-reset:hover{background:#f0f5ff}
.eod-filter-toggle{display:none;background:var(--eod-accent);border-color:var(--eod-accent);color:#fff}
.eod-empty{padding:24px;border:1px solid var(--eod-line);background:var(--eod-soft);border-radius:12px;font-size:14px}
.eod-empty [data-eod-reset]{display:none}
.eod-enhanced .eod-empty [data-eod-reset]{display:inline-flex}
.eod-empty p{margin:8px 0 16px}
.eod-updated,.eod-source,.eod-footnote{margin:10px 0 0;color:var(--eod-muted,#667085);font-size:12px;line-height:1.5}
.eod-feed-results>.eod-footnote{margin-top:16px}
.eod-table-wrap{overflow-x:auto;border:1px solid var(--eod-line);border-radius:12px;background:#fff}
.eod-table{width:100%;min-width:680px;margin:0;border-collapse:collapse;font-size:14px}
.eod-table th,.eod-table td{padding:15px 16px;border:0;border-bottom:1px solid var(--eod-line);text-align:left;vertical-align:middle}
.eod-table thead th{background:var(--eod-soft);color:var(--eod-ink);font-size:12px;font-weight:750;white-space:nowrap}
.eod-table tbody tr:nth-child(even){background:#fafbfd}
.eod-table tbody tr:hover{background:#f2f6fd}
.eod-table tbody tr:last-child>*{border-bottom:0}
.eod-table tbody th{font-weight:650;color:var(--eod-ink)}
.eod-compare a{font-weight:650;text-decoration:none;color:var(--eod-accent)}
.eod-single-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.eod-single-brand{display:flex;align-items:center;gap:18px;min-width:0}
.eod-single-brand h3{margin:0}
.eod-single-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.eod-badge-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border-top:1px solid var(--eod-line);padding:10px 0;margin-bottom:10px}
.eod-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.eod-highlight-card{padding:16px;border:1px solid #eaf0f7;border-radius:10px;background:var(--eod-soft)}
.eod-highlight-card>span{display:block;font-size:12px;color:var(--eod-muted);margin-bottom:8px}
.eod-highlight-card strong{font-size:20px;color:var(--eod-ink);line-height:1.3}
.eod-single-card .eod-table{min-width:0}
.eod-single-card .eod-table th{width:60%}
.eod-note{margin:16px 0 0;padding:14px 16px;border-left:3px solid var(--eod-accent);background:#f0f5ff;color:var(--eod-ink);border-radius:0 8px 8px 0;font-size:14px}
.eod-inline-status{margin:0}
.eod-error{padding:12px;border:1px solid #d63638;background:#fff0f0}
@container (max-width:1000px){.eod-feed{grid-template-columns:repeat(min(var(--eod-feed-cols,3),3),minmax(0,1fr))}}
@container (max-width:780px){.eod-feed{grid-template-columns:repeat(min(var(--eod-feed-cols,3),2),minmax(0,1fr))}}
@container (max-width:490px){.eod-feed{grid-template-columns:1fr}}
@media(max-width:1000px){.eod-badge-row,.eod-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eod-single-top{flex-direction:column}}
@media(max-width:760px){
.eod-enhanced .eod-feed-layout{grid-template-columns:minmax(0,1fr)}
.eod-filter-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.eod-filters{display:none;margin-top:12px}
.eod-filter-area.is-open .eod-filters{display:block}
.eod-check{min-height:44px}
.eod-feed-shell,.eod-card,.eod-single-card,.eod-section,.eod-compare{margin:24px 0}
.eod-card,.eod-single-card{padding:18px}
.eod-single-brand{align-items:flex-start;flex-direction:column;gap:12px}
.eod-table th,.eod-table td{padding:12px}
.eod-single-actions{width:100%}
.eod-single-actions>a{flex:1}
}
@media(max-width:420px){.eod-highlight-grid,.eod-badge-row{gap:8px}.eod-highlight-card{padding:12px}.eod-highlight-card strong{font-size:17px}.eod-badge-row .eod-mini-badge{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.eod-feed-card{transition:none}}

/* Default list layout. Explicit layout="grid" retains the card grid above. */
.eod-layout-list .eod-feed{grid-template-columns:minmax(0,1fr);gap:12px}
.eod-feed-brand h3{overflow-wrap:anywhere}
@media(min-width:761px){
 @container (min-width:640px){
  .eod-layout-list .eod-feed-card{display:grid;grid-template-columns:minmax(125px,1.15fr) minmax(110px,.9fr) minmax(220px,1.8fr) minmax(100px,.8fr);align-items:center;gap:16px;padding:16px 18px;height:auto}
  .eod-layout-list .eod-feed-card-head{margin:0;gap:7px}
  .eod-layout-list .eod-feed-brand{gap:6px}
  .eod-layout-list .eod-feed-brand h3{font-size:15px;line-height:1.25}
  .eod-layout-list .eod-feed-brand p{font-size:11px;line-height:1.35;margin-top:4px}
  .eod-layout-list .eod-feed-brand>.eod-provider-logo{min-height:26px}
  .eod-layout-list .eod-feed-brand .eod-provider-logo-img{max-width:100px;max-height:26px}
  .eod-layout-list .eod-feed-card-head .eod-updated{font-size:10px}
  .eod-layout-list .eod-feed-status-row{border-top:0;border-left:1px solid var(--eod-line);padding:0 0 0 12px;margin:0}
  .eod-layout-list .eod-mini-badge{padding:3px 0;gap:6px;font-size:11px}
  .eod-layout-list .eod-status{font-size:10px;padding:2px 6px}
  .eod-layout-list .eod-feed-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:transparent;border:0;border-radius:0;padding:0;margin:0;align-items:start}
  .eod-layout-list .eod-feed-stat{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:0;border-left:1px solid var(--eod-line);padding:0 0 0 10px}
  .eod-layout-list .eod-feed-stat>span{font-size:10px;line-height:1.3}
  .eod-layout-list .eod-feed-stat strong{font-size:13px;line-height:1.35;text-align:left;overflow-wrap:anywhere}
  .eod-layout-list .eod-feed-actions{margin:0;gap:6px}
  .eod-layout-list .eod-feed-actions .eod-cta,.eod-layout-list .eod-feed-actions .eod-secondary-cta{font-size:12px;min-height:36px;padding:8px}
 }
}

.eod-feed-actions .eod-ad-label{display:block;color:#667085;font-size:10px;font-weight:400;line-height:1.3;text-align:center;margin:0}

/* Editorial badges, selected explicitly per provider and feed type. */
.eod-has-badge{position:relative}
.eod-feed-badge{display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;margin:-20px -20px 16px;padding:10px 14px;border-radius:11px 11px 0 0;background:#e8f7ef;color:#087b50;border-top:3px solid currentColor;font-size:10px;font-weight:800;line-height:1.45;text-transform:uppercase;letter-spacing:.025em;text-align:center}
.eod-feed-badge svg{flex-shrink:0}
.eod-feed-badge-popular,.eod-feed-badge-recommended{background:#eaf0ff;color:#1457d9}
@media(min-width:761px){
 @container (min-width:640px){
  .eod-layout-list .eod-feed-badge{grid-column:1/-1;margin:-16px -18px 0}
 }
 @container (min-width:760px){
  .eod-layout-list.eod-has-feed-badges .eod-feed-card{padding-left:104px}
  .eod-layout-list .eod-feed-badge{position:absolute;grid-column:auto;grid-row:auto;inset:0 auto 0 0;width:86px;margin:0;padding:12px 7px;flex-direction:column;border-top:0;border-left:3px solid currentColor;border-radius:11px 0 0 11px;font-size:9px}
 }
}

/* Keep the semantic heading accessible while the logo supplies the visible name. */
.eod-feed-shell .eod-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.eod-feed-brand .eod-provider-logo-img{max-width:140px;max-height:46px}
@media(min-width:761px){@container (min-width:640px){.eod-layout-list .eod-feed-brand .eod-provider-logo-img{max-width:120px;max-height:34px}}}
.eod-single-brand .eod-provider-logo-img{max-width:140px;max-height:46px}
.eod-single-actions{flex-direction:column;align-items:stretch;min-width:120px;gap:6px}
.eod-single-actions .eod-ad-label{color:#667085;font-size:10px;line-height:1.3;text-align:center}
.eod-details{border:1px solid var(--eod-line);border-radius:12px;background:#fff;overflow:hidden}
.eod-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:16px 18px;color:var(--eod-ink);background:var(--eod-soft);font-size:14px;font-weight:700;cursor:pointer;list-style:none}
.eod-details>summary::-webkit-details-marker{display:none}
.eod-details>summary:hover{background:#eef3fc}
.eod-details>summary:focus-visible{outline:3px solid #1457d9;outline-offset:-3px}
.eod-details-icon{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex:0 0 9px;margin-right:3px;margin-top:-4px}
.eod-details[open] .eod-details-icon{transform:rotate(225deg);margin-top:4px}
.eod-details[open]>summary{border-bottom:1px solid var(--eod-line)}
.eod-details-body{padding:16px}
.eod-details-body .eod-table-wrap{border:0;border-radius:8px}
@media(max-width:760px){.eod-single-actions{width:auto;min-width:140px}.eod-details-body{padding:10px}.eod-single-card .eod-table th{overflow-wrap:anywhere}}

/* Native mobile dialog: top layer, focus containment and inert background. */
.eod-filter-close,.eod-filter-footer{display:none}
.eod-filter-dialog:not([open]){display:none}
.eod-filter-dialog{padding:0;border:0;color:var(--eod-ink);background:#fff;max-width:none;max-height:none}
.eod-filter-dialog::backdrop{background:rgba(15,23,42,.48)}
@media(max-width:760px){
 .eod-filter-dialog[open]{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:560px;border-radius:18px 18px 0 0;box-shadow:0 -8px 40px rgba(15,23,42,.18)}
 .eod-filter-dialog .eod-filters{display:flex!important;flex-direction:column;margin:0;padding:0;border:0;border-radius:0;height:88vh;height:88dvh;max-height:900px;overflow:hidden}
 .eod-filter-dialog .eod-filter-heading{flex-shrink:0;margin:0;padding:12px 16px;border-bottom:1px solid var(--eod-line)}
 .eod-filter-heading>strong{margin-right:auto}
 .eod-filter-close{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;font:inherit;font-size:28px;line-height:1;border:0;border-radius:8px;background:var(--eod-soft);color:var(--eod-ink);cursor:pointer}
 .eod-filter-dialog .eod-filter-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px;flex:1;-webkit-overflow-scrolling:touch}
 .eod-filter-footer{display:flex;flex-direction:column;gap:10px;padding:14px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--eod-line);flex-shrink:0}
 .eod-filter-footer [data-eod-mobile-count]{font-size:13px;color:var(--eod-muted);text-align:center;font-weight:600}
 .eod-filter-apply{width:100%;min-height:46px;padding:12px;border:0;border-radius:9px;background:var(--eod-accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}
 .eod-filter-dialog select{font-size:16px}
}
