/* EnFavori Liste Detay V3.3 – standalone branded editorial preview.
   One intentional stylesheet; no legacy list card overrides or stacked patches. */
.ef-design-preview{
    --ep-ink:#102b46;--ep-text:#344c60;--ep-muted:#61768a;
    --ep-teal:#087e76;--ep-line:#d9e4ea;--ep-paper:#fff;
    --ep-bg:#eaf1f5;--ep-sidebar:#eff8f7;--ep-item:#f3f8fa;
    --ep-deep:#0d2a44;--ep-ring:#17a89d;
    padding:26px 18px 78px;background:var(--ep-bg);color:var(--ep-ink);
}
.ef-design-preview *, .ef-design-preview *::before,
.ef-design-preview *::after{box-sizing:border-box}
.ef-design-preview a{text-decoration:none}
.ef-design-preview__container{width:min(1330px,100%);margin:auto}
.ef-design-preview__notice{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
    gap:10px;padding:12px 16px;margin-bottom:15px;
    border:1px solid #b8ded9;border-radius:11px;
    background:#e2f4f1;color:#0a6861;font-size:12px;font-weight:760;
}
.ef-design-preview__notice>span{display:flex;align-items:center;gap:9px}
.ef-design-preview__notice-dot{width:9px;height:9px;border-radius:50%;background:#0ba492;flex:0 0 9px}
.ef-design-preview__notice a{color:#0c716b;font-weight:800}
.ef-design-preview__examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 17px;font-size:11px;color:var(--ep-muted)}
.ef-design-preview__examples>span{font-weight:760;margin-right:4px}
.ef-design-preview__examples a{
    display:inline-flex;align-items:center;min-height:33px;padding:7px 14px;
    color:var(--ep-text);font-weight:780;border-radius:999px;
    border:1px solid #d3e0e7;background:var(--ep-paper);
}
.ef-design-preview__examples a[aria-current="page"]{background:var(--ep-deep);border-color:var(--ep-deep);color:#fff}
.ef-design-preview__layout{
    display:grid;grid-template-columns:minmax(290px,.34fr) minmax(0,.66fr);
    align-items:stretch;gap:17px;
}
.ef-design-preview__sidebar{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.ef-design-preview__intro{
    position:relative;display:flex;flex-direction:column;gap:0;
    min-width:0;padding:28px 26px 29px;overflow:visible;
    background:linear-gradient(165deg,#eaf8f5 0%,#f5faf9 46%,#eef5f9 100%);
    border:1px solid #cee1e1;border-radius:17px;
    box-shadow:0 13px 32px -32px rgba(9,44,65,.5);
}
.ef-design-preview__intro::before{
    content:"";position:absolute;left:25px;right:25px;top:0;height:4px;
    border-radius:0 0 6px 6px;background:linear-gradient(90deg,#0b766f,#20c1b2 65%,#0f3552);
}
.ef-design-preview__brand{display:flex;align-items:center;gap:9px;margin:7px 0 29px;color:var(--ep-ink)}
.ef-design-preview__brand-symbol{
    display:grid;place-items:center;width:32px;height:32px;border-radius:9px;
    background:var(--ep-deep);color:white;font-size:18px;flex:0 0 32px;
}
.ef-design-preview__brand strong{font-size:16px;font-weight:850;letter-spacing:-.02em}
.ef-design-preview__brand>span:last-child{margin-left:auto;color:var(--ep-muted);font-size:11px}
.ef-design-preview__eyebrow{
    display:block;margin:0;color:var(--ep-teal);font-size:11px;
    letter-spacing:.085em;line-height:1.3;text-transform:uppercase;font-weight:850;
}
.ef-design-preview__intro h1{
    max-width:22ch;margin:0;color:var(--ep-ink);
    font-size:clamp(28px,2.5vw,37px);font-weight:790;line-height:1.14;
    letter-spacing:-.034em;overflow-wrap:anywhere;
}
.ef-design-preview__intro-text{margin:16px 0 0;color:var(--ep-text);font-size:13px;line-height:1.68;overflow-wrap:anywhere}
.ef-design-preview__topic-tags,.ef-design-preview__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}
.ef-design-preview__topic-tags :is(a,span),.ef-design-preview__tags a{
    display:inline-flex;align-items:center;padding:6px 9px;border-radius:7px;
    background:#dff0ed;border:1px solid #c7e2db;
    color:#0c625e;font-size:11px;font-weight:790;line-height:1.25;
}
.ef-design-preview__stats{
    --ef-v4-stat-columns:3;
    display:grid;
    grid-template-columns:repeat(var(--ef-v4-stat-columns),minmax(0,1fr));
    gap:7px;
    margin:23px 0 0;
}
.ef-design-preview__stats--without-votes{
    --ef-v4-stat-columns:2;
}
.ef-design-preview__stats>div{
    display:flex;flex-direction:column;gap:4px;min-width:0;
    padding:12px 9px;border:1px solid #cfdfe3;border-radius:9px;
    background:#f6fbfa;
}
.ef-design-preview__stats strong{
    color:var(--ep-ink);font-size:19px;font-weight:850;line-height:1.12;
    font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
.ef-design-preview__stats small{color:var(--ep-muted);font-size:10px;line-height:1.3}
.ef-design-preview__facts{display:grid;gap:0;margin:23px 0 0;border-top:1px solid #cddfe3}
.ef-design-preview__facts>div{
    display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);
    gap:13px;align-items:start;padding:12px 0;border-bottom:1px solid #d0dfe5;
}
.ef-design-preview__facts span{color:var(--ep-muted);font-size:11px;font-weight:650;line-height:1.45}
.ef-design-preview__facts strong{
    color:var(--ep-ink);font-size:11.5px;font-weight:810;
    line-height:1.45;text-align:right;overflow-wrap:anywhere;
}
.ef-design-preview__engagement{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-top:23px}
.ef-design-preview__follow{
    display:inline-flex;justify-content:center;align-items:center;gap:9px;
    flex:1 1 160px;min-height:44px;padding:10px 12px;
    border-radius:9px;background:#0b786f;color:#fff;font-size:12px;font-weight:850;
}
.ef-design-preview__follow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9}
.ef-design-preview__share{position:relative;min-width:100px}
.ef-design-preview__share summary{
    display:flex;align-items:center;justify-content:center;gap:8px;
    min-height:44px;padding:10px 13px;border:1px solid #bbd7d6;
    border-radius:9px;background:#f9fdfd;color:var(--ep-ink);
    font-size:12px;font-weight:800;cursor:pointer;list-style:none;
}
.ef-design-preview__share summary::-webkit-details-marker{display:none}
.ef-design-preview__share-menu{
    position:absolute;z-index:8;top:calc(100% + 6px);right:0;
    display:flex;flex-direction:column;gap:3px;width:210px;
    padding:8px;border:1px solid var(--ep-line);border-radius:10px;
    background:var(--ep-paper);box-shadow:0 15px 25px rgba(10,34,49,.14);
}
.ef-design-preview__share-menu :is(a,button){
    width:100%;padding:8px;text-align:left;border:0;border-radius:6px;
    background:transparent;color:var(--ep-ink);font:inherit;font-size:12px;cursor:pointer;
}
.ef-design-preview__share-menu :is(a,button):hover{background:var(--ep-item)}
.ef-design-preview__copy-status{color:var(--ep-muted);font-size:10px}
/* On desktop the original information panel remains unchanged. */
.ef-design-preview__mobile-extra{display:none}
.ef-design-preview__read-only{margin:9px 0 0;color:var(--ep-muted);font-size:10px;line-height:1.55}
.ef-design-preview__photo{margin:22px 0 0;overflow:hidden;border-radius:11px}
.ef-design-preview__photo img{
    display:block;width:100%;height:auto;max-height:220px;
    aspect-ratio:16/10;object-fit:cover;
}
.ef-design-preview__disclosure{
    margin-top:19px;padding:14px 15px;border-radius:10px;
    border:1px solid #c8e2dd;background:#e2f2ee;
}
.ef-design-preview__disclosure strong{font-size:12px;color:var(--ep-ink);font-weight:840}
.ef-design-preview__disclosure p{margin:6px 0 0;color:var(--ep-text);font-size:11px;line-height:1.6}
.ef-design-preview__submission{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin-top:14px;padding:13px;border-radius:9px;border:1px solid #cee0e3;
    color:var(--ep-ink);background:#f5fafb;font-size:11px;
}
.ef-design-preview__submission strong{font-size:12px}
.ef-design-preview__submission span{color:var(--ep-teal);font-weight:800;flex-shrink:0}
.ef-design-preview__sidebar-link{
    display:inline-flex;gap:8px;align-self:flex-start;
    margin-top:20px;color:var(--ep-teal);font-size:11.5px;font-weight:850;
}
.ef-design-preview__sticky-summary{
    position:sticky;top:18px;display:flex;flex-direction:column;gap:9px;
    margin-top:17px;padding:18px 18px 16px;border:1px solid #163c56;
    border-radius:14px;background:linear-gradient(145deg,#09243e,#16435a);
    color:#fff;box-shadow:0 12px 30px -21px rgba(0,25,45,.5);
}
.ef-design-preview__sticky-kicker{color:#71e8d4;font-size:10px;font-weight:850;letter-spacing:.09em}
.ef-design-preview__sticky-summary>strong{
    color:#fff;font-size:15px;font-weight:810;line-height:1.35;overflow-wrap:anywhere;
}
.ef-design-preview__sticky-meta{color:#c6dcdf;font-size:11px;line-height:1.4}
.ef-design-preview__sticky-summary a{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-top:2px;padding-top:12px;border-top:1px solid #457082;
    color:#a1f0dc;font-size:11px;font-weight:800;
}
.ef-design-preview__ranking{
    min-width:0;overflow:hidden;border-radius:17px;
    border:1px solid #d5e2e8;background:#f6fafc;
    box-shadow:0 12px 36px -35px rgba(4,38,62,.4);
}
.ef-design-preview__ranking-header{
    display:flex;justify-content:space-between;align-items:end;gap:17px;
    padding:25px 24px 23px;background:linear-gradient(110deg,#0d2a44,#16445d);
}
.ef-design-preview__ranking-heading{min-width:0}
.ef-design-preview__ranking-heading .ef-design-preview__eyebrow{color:#80e9d8;margin-bottom:7px}
.ef-design-preview__ranking-header h2{
    margin:0;color:#fff;font-size:27px;font-weight:820;
    letter-spacing:-.035em;line-height:1.15;
}
.ef-design-preview__sort{display:flex;align-items:center;flex:0 0 auto;gap:8px}
.ef-design-preview__sort label{color:#d7eef0;font-size:11px;font-weight:750}
.ef-design-preview__sort select{
    width:167px;min-height:39px;padding:0 10px;border:1px solid #bad4da;
    border-radius:9px;background:#fff;color:#102b46;
    font:inherit;font-size:11px;font-weight:760;
}
.ef-design-preview__sort button{border:0;border-radius:7px;background:#0c8177;color:#fff;padding:8px 11px;font-size:11px}
.ef-design-preview__ranking-context{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
    gap:10px;padding:15px 24px;background:#e4f1f0;
    border-bottom:1px solid #cbdedc;color:#34536a;font-size:11px;
}
.ef-design-preview__ranking-context>span{font-weight:800}
.ef-design-preview__ranking-context details{min-width:0;flex:0 1 auto}
.ef-design-preview__ranking-context summary{
    color:#07756c;font-size:11px;font-weight:800;cursor:pointer;list-style-position:outside;
}
.ef-design-preview__ranking-context details[open]{flex:0 0 100%}
.ef-design-preview__ranking-context p{margin:9px 0 0;max-width:85ch;color:#38576b;line-height:1.6;font-size:11.5px}
.ef-design-preview__items{list-style:none;display:grid;gap:10px;margin:0;padding:15px}
.ef-design-preview__item{
    display:grid;align-items:center;
    grid-template-columns:51px 104px minmax(0,1fr);
    grid-template-areas:"number photo content" "number photo actions";
    column-gap:16px;row-gap:10px;
    padding:17px 18px 17px 13px;min-width:0;
    background:var(--ep-paper);border:1px solid #dce7ec;border-radius:12px;
}
.ef-design-preview__item--unranked{
    grid-template-columns:104px minmax(0,1fr);
    grid-template-areas:"photo content" "photo actions";
}
.ef-design-preview__item:nth-child(even){background:var(--ep-item)}
.ef-design-preview__item:hover{border-color:#b7d8d7;box-shadow:0 6px 20px -16px rgba(11,48,68,.3)}
.ef-design-preview__number{
    grid-area:number;display:flex;align-items:center;justify-content:center;
    width:51px;height:62px;align-self:center;
    background:var(--ep-deep);color:#fff;border-radius:9px;
    border-left:3px solid #18b9a9;line-height:1;
    font-size:24px;font-weight:760;letter-spacing:-.04em;font-variant-numeric:tabular-nums;
}
.ef-design-preview__image{
    grid-area:photo;display:block;width:104px;height:104px;
    overflow:hidden;border-radius:10px;background:#dbe7ec;
}
.ef-design-preview__image img{display:block;width:100%;height:100%;object-fit:cover}
.ef-design-preview__item-content{grid-area:content;min-width:0;align-self:end}
.ef-design-preview__item-meta{display:flex;flex-wrap:wrap;gap:5px 8px;margin-bottom:5px;color:var(--ep-teal);font-size:10px;font-weight:830}
.ef-design-preview__sponsored{
    color:#895b09;padding:2px 6px;background:#fff1cc;border-radius:5px;
}
.ef-design-preview__item h3{
    margin:0;font-size:16px;font-weight:820;line-height:1.3;
    color:var(--ep-ink);letter-spacing:-.015em;overflow-wrap:anywhere;
}
.ef-design-preview__item h3 a{color:inherit}
.ef-design-preview__item h3 a:hover{color:var(--ep-teal)}
.ef-design-preview__item-content>p{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
    overflow:hidden;margin:6px 0 0;
    color:var(--ep-text);font-size:11.5px;line-height:1.56;
}
.ef-design-preview__type-facts{
    display:flex;flex-wrap:wrap;gap:5px 13px;margin:9px 0 0;padding:0;
}
.ef-design-preview__type-facts>div{display:flex;align-items:baseline;gap:4px;min-width:0}
.ef-design-preview__type-facts dt{color:var(--ep-muted);font-size:10px;font-weight:650}
.ef-design-preview__type-facts dd{
    margin:0;color:var(--ep-ink);font-size:10.5px;
    line-height:1.4;font-weight:810;max-width:23ch;overflow-wrap:anywhere;
}
.ef-design-preview__entry-subline{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:9px;color:var(--ep-muted);font-size:10px}
.ef-design-preview__entry-subline strong{color:var(--ep-ink);font-size:11px}
.ef-design-preview__item-actions{
    grid-area:actions;display:flex;justify-content:flex-end;align-items:center;
    align-self:start;gap:7px;flex-wrap:wrap;min-width:0;
}
.ef-design-preview__action,.ef-design-preview__open{
    display:inline-flex;align-items:center;justify-content:center;gap:5px;
    min-height:32px;padding:6px 9px;border-radius:8px;white-space:nowrap;
    border:1px solid #cfdfe4;background:#fff;
    color:#244057;font-size:10.5px;font-weight:800;line-height:1.2;
}
.ef-design-preview__action svg{
    display:block;width:14px;height:14px;fill:none;stroke:currentColor;
    stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;
}
.ef-design-preview__action--support{color:var(--ep-teal)}
.ef-design-preview__action:hover{background:#e5f4f1;color:#08776e;border-color:#a4d7cb}
.ef-design-preview__action[aria-pressed="true"]{background:#dcf4ec;color:#086e60;border-color:#68b5a5}
.ef-design-preview__open{
    background:var(--ep-deep);border-color:var(--ep-deep);color:#fff;
    padding:7px 11px;
}
.ef-design-preview__open:hover{background:#0a766f;color:#fff;border-color:#0a766f}
.ef-design-preview__open>span:last-child{font-size:15px;line-height:1}
.ef-design-preview__empty{padding:38px 10px;text-align:center;font-size:13px;color:var(--ep-muted)}
.ef-design-preview__compare-dock{
    display:flex;align-items:center;flex-wrap:wrap;gap:12px;
    margin:1px 15px 0;padding:13px;border-radius:11px;
    border:1px solid #b8ddd8;background:#e8f4f2;color:var(--ep-ink);
}
.ef-design-preview__compare-dock[hidden]{display:none}
.ef-design-preview__compare-dock>div{flex:1 1 170px}
.ef-design-preview__compare-dock strong{font-size:12px}
.ef-design-preview__compare-dock p{font-size:10px;margin:4px 0 0;color:var(--ep-muted)}
.ef-design-preview__compare-dock :is(button,a){
    display:inline-flex;align-items:center;justify-content:center;min-height:34px;
    padding:7px 10px;border-radius:8px;border:1px solid #b6ccd0;
    background:#fff;color:#0d2941;font-size:11px;font-weight:800;cursor:pointer;
}
.ef-design-preview__compare-dock a{background:#0d786e;color:#fff;border-color:#0d786e}
.ef-design-preview__compare-dock a[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.ef-design-preview__foot{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
    gap:10px;padding:20px 24px;color:var(--ep-muted);font-size:10.5px;line-height:1.6;
}
.ef-design-preview__foot span{max-width:65ch}
.ef-design-preview__foot a{color:var(--ep-teal);font-weight:850;flex:0 0 auto}
.ef-design-preview__below{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:17px}
.ef-design-preview__about,.ef-design-preview__related{
    min-width:0;border:1px solid #d6e4e9;border-radius:12px;
    background:var(--ep-paper);padding:20px;
}
.ef-design-preview__about summary{cursor:pointer;color:var(--ep-ink);font-size:16px;font-weight:820}
.ef-design-preview__about-copy{margin-top:13px;color:var(--ep-text);font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.ef-design-preview__about-copy img{max-width:100%;height:auto}
.ef-design-preview__related h2{margin:0 0 14px;color:var(--ep-ink);font-size:17px;font-weight:820}
.ef-design-preview__related>div{display:grid;gap:10px}
.ef-design-preview__related a{display:flex;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--ep-line);color:var(--ep-teal);font-size:12px;font-weight:790}
.ef-design-preview :is(a,button,summary,select):focus-visible{
    outline:3px solid var(--ep-ring);outline-offset:3px;
}

/* V3.6 hotel rate area: accessible, compact, and separate from the common list cards. */
.ef-design-preview__hotel-search{
    margin:11px 15px 0;padding:13px 15px;
    border:1px solid #b7d8d8;border-radius:12px;
    background:linear-gradient(130deg,#e6f5f2,#f2f9f9);
}
.ef-design-preview__hotel-search-heading{display:flex;align-items:flex-start;gap:11px}
.ef-design-preview__hotel-search-icon{
    flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;
    border-radius:9px;background:#102f49;color:#fff;font-size:18px;font-weight:850;
}
.ef-design-preview__hotel-search-kicker{color:#06786f;font-size:10px;font-weight:850;letter-spacing:.04em}
.ef-design-preview__hotel-search h3{margin:3px 0 0;color:#122f46;font-size:15px;line-height:1.3;font-weight:830}
.ef-design-preview__hotel-search-heading p{margin:5px 0 0;color:#496676;font-size:11px;line-height:1.5}
.ef-design-preview__hotel-search-options{margin-top:10px;border-top:1px solid #c5dcda;padding-top:9px}
.ef-design-preview__hotel-search-options summary{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    min-height:28px;color:#08776e;font-size:11px;list-style:none;cursor:pointer;
    font-weight:850;
}
.ef-design-preview__hotel-search-options summary::-webkit-details-marker{display:none}
.ef-design-preview__hotel-search-options summary span{font-size:10px;font-weight:700;color:#567989}
.ef-design-preview__hotel-search-options-body{padding:7px 0 1px}
.ef-design-preview__hotel-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:5px}
.ef-design-preview__hotel-filter label{
    display:flex;flex-direction:column;gap:6px;color:#365467;font-size:10.5px;font-weight:800;
}
.ef-design-preview__hotel-filter input,.ef-design-preview__hotel-filter select{
    width:100%;min-width:0;min-height:36px;border:1px solid #bed4db;
    border-radius:7px;background:#fff;color:#17364e;
    padding:5px 7px;font:inherit;font-size:11px;
}
.ef-design-preview__hotel-filter button{
    align-self:end;min-height:36px;width:100%;padding:7px 10px;
    border:0;border-radius:7px;background:#087f77;color:#fff;
    font-size:11px;font-weight:800;cursor:pointer;
}
.ef-design-preview__hotel-filter button:hover{background:#086a63}
.ef-design-preview__hotel-search-state{
    margin:11px 0 0;padding:9px 11px;border-left:3px solid #0b8a7d;
    border-radius:5px;background:#f9fcfc;color:#3c576a;font-size:11px;line-height:1.55;
}
.ef-design-preview__hotel-search-state strong{color:#17364e}
.ef-design-preview__item--hotel .ef-design-preview__item-actions{gap:6px}
.ef-design-preview__hotel-offers{
    grid-column:1/-1;display:block;margin-top:1px;padding:0;
    border:0;background:transparent;
}
.ef-design-preview__hotel-booking-actions{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start;
}
.ef-design-preview__hotel-details-link,.ef-design-preview__hotel-booking-link,
.ef-design-preview__hotel-no-provider{
    display:flex;align-items:center;justify-content:center;gap:7px;
    min-width:0;min-height:39px;padding:8px 10px;border-radius:9px;
    text-align:center;line-height:1.25;font-size:11px;font-weight:850;
    text-decoration:none;overflow-wrap:anywhere;
}
.ef-design-preview__hotel-details-link{
    border:1px solid #b3cdd1;background:#fff;color:#183750;
}
.ef-design-preview__hotel-booking-link{
    border:1px solid #087f77;background:#087f77;color:#fff;cursor:pointer;
}
.ef-design-preview__hotel-booking-link:is(:hover,:active,:focus-visible){
    background:#087f77;border-color:#087f77;color:#fff;
}
.ef-design-preview__hotel-details-link:hover{color:#08786e;border-color:#08786e;background:#fff}
.ef-design-preview__hotel-no-provider{
    border:1px solid #c9d8df;background:#eaf0f3;color:#536a78;
}
.ef-design-preview__hotel-provider-list{min-width:0}
.ef-design-preview__hotel-provider-list>summary{list-style:none}
.ef-design-preview__hotel-provider-list>summary::-webkit-details-marker{display:none}
.ef-design-preview__hotel-provider-list[open]>summary{background:#087f77;border-color:#087f77}
.ef-design-preview__hotel-provider-links{
    display:grid;gap:7px;margin-top:9px;
    min-width:0;max-width:100%;
}
.ef-design-preview__hotel-provider-links a{
    display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
    gap:8px 14px;border:1px solid #c3dcda;background:#fff;
    padding:10px 12px;border-radius:8px;color:#24445a;
}
.ef-design-preview__hotel-provider-links a strong{font-size:11px;font-weight:850}
.ef-design-preview__hotel-provider-links a span{font-size:10px;color:#08756c;font-weight:750}

@media(max-width:1180px){
    .ef-design-preview__ranking-header{padding:23px 20px}
    .ef-design-preview__item{grid-template-columns:45px 90px minmax(0,1fr);gap:10px;padding:15px 13px}
    .ef-design-preview__item--unranked{grid-template-columns:90px minmax(0,1fr)}
    .ef-design-preview__number{width:45px;height:55px;font-size:22px}
    .ef-design-preview__image{width:90px;height:90px}
    .ef-design-preview__item h3{font-size:15px}
    .ef-design-preview__intro{padding:25px 22px}
    .ef-design-preview__ranking-context{padding:14px 20px}
}
@media(max-width:980px){
    .ef-design-preview__layout{grid-template-columns:minmax(258px,.39fr) minmax(0,.61fr);gap:11px}
    .ef-design-preview__intro{padding:23px 19px}
    .ef-design-preview__intro h1{font-size:29px}
    .ef-design-preview__stats{grid-template-columns:repeat(var(--ef-v4-stat-columns),minmax(0,1fr))}
    .ef-design-preview__ranking-header{align-items:start;flex-wrap:wrap}
    .ef-design-preview__sort{width:100%;justify-content:space-between}
    .ef-design-preview__item{grid-template-columns:39px 79px minmax(0,1fr)}
    .ef-design-preview__item--unranked{grid-template-columns:79px minmax(0,1fr)}
    .ef-design-preview__number{width:39px;height:49px;font-size:20px}
    .ef-design-preview__image{width:79px;height:79px}
}
@media(max-width:810px){
    .ef-design-preview__hotel-search{margin:8px 10px 0;padding:12px 13px}
    .ef-design-preview__hotel-search h3{font-size:14px}
    .ef-design-preview__hotel-filter{grid-template-columns:repeat(2,minmax(0,1fr))}

    .ef-design-preview{padding:12px 10px 42px}
    .ef-design-preview__notice{padding:9px 11px;font-size:10px;margin-bottom:10px}
    .ef-design-preview__examples{
        flex-wrap:nowrap;overflow-x:auto;max-width:100%;
        white-space:nowrap;gap:7px;margin-bottom:11px;
        -webkit-overflow-scrolling:touch;scrollbar-width:none;
    }
    .ef-design-preview__examples::-webkit-scrollbar{display:none}
    .ef-design-preview__examples a{flex:0 0 auto;padding:6px 11px;min-height:31px}
    .ef-design-preview__layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:11px}
    .ef-design-preview__sidebar{display:block}
    .ef-design-preview__sticky-summary{display:none}
    .ef-design-preview__intro{
        padding:17px 18px;display:flex;gap:0;
    }
    .ef-design-preview__brand,
    .ef-design-preview__topic-tags,
    .ef-design-preview__facts,
    .ef-design-preview__read-only,
    .ef-design-preview__photo,
    .ef-design-preview__disclosure,
    .ef-design-preview__submission,
    .ef-design-preview__tags,
    .ef-design-preview__sidebar-link{display:none}
    .ef-design-preview__eyebrow{font-size:10px}
    .ef-design-preview__intro h1{margin-top:0;max-width:none;font-size:26px;line-height:1.14}
    .ef-design-preview__intro-text{
        display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
        overflow:hidden;margin:8px 0 0;font-size:12px;line-height:1.4;
    }
    .ef-design-preview__stats{
        grid-template-columns:repeat(var(--ef-v4-stat-columns),minmax(0,1fr));gap:6px;margin:13px 0 0;
    }
    .ef-design-preview__stats>div{padding:8px 6px;gap:1px;border-radius:7px}
    .ef-design-preview__stats strong{font-size:16px}
    .ef-design-preview__stats small{font-size:9px}
    .ef-design-preview__engagement{margin-top:12px;gap:8px}
    .ef-design-preview__follow{min-height:39px;padding:8px 10px}
    .ef-design-preview__share summary{min-height:39px;padding:8px 12px}
    .ef-design-preview__mobile-extra{display:block;margin:10px 0 0}
    .ef-design-preview__mobile-extra>summary{
        display:flex;justify-content:space-between;align-items:center;gap:10px;
        min-height:37px;padding:8px 10px;list-style:none;cursor:pointer;
        background:transparent;border:1px solid #b9d8d9;border-radius:8px;
        color:var(--ep-teal);font-weight:800;font-size:11px;
    }
    .ef-design-preview__mobile-extra>summary::-webkit-details-marker{display:none}
    .ef-design-preview__mobile-extra[open]>summary{border-radius:8px 8px 0 0;background:var(--ep-item)}
    .ef-design-preview__mobile-extra[open]>summary span{transform:rotate(180deg)}
    .ef-design-preview__mobile-extra-content{
        padding:13px 10px;border:1px solid var(--ep-line);border-top:0;
        border-radius:0 0 8px 8px;color:var(--ep-text);
    }
    .ef-design-preview__mobile-facts>div{
        display:flex;justify-content:space-between;align-items:baseline;
        gap:14px;padding:9px 0;border-bottom:1px solid var(--ep-line);
        font-size:11px;line-height:1.45;
    }
    .ef-design-preview__mobile-facts span{color:var(--ep-muted)}
    .ef-design-preview__mobile-facts strong{color:var(--ep-ink);text-align:right;overflow-wrap:anywhere}
    .ef-design-preview__mobile-categories{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
    .ef-design-preview__mobile-categories :is(a,span){
        padding:5px 7px;border:1px solid var(--ep-line);border-radius:7px;
        color:var(--ep-teal);font-size:10px;font-weight:700;
    }
    .ef-design-preview__mobile-disclosure{margin-top:13px}
    .ef-design-preview__mobile-disclosure strong{font-size:11px;color:var(--ep-ink)}
    .ef-design-preview__mobile-disclosure p{font-size:11px;line-height:1.55;margin:5px 0}
    .ef-design-preview__mobile-submission{
        display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;
        margin-top:13px;color:var(--ep-teal);font-size:11px;font-weight:750;
    }
    .ef-design-preview__mobile-live-link{display:inline-flex;margin-top:12px;color:var(--ep-teal);font-size:11px;font-weight:800}
    .ef-design-preview__mobile-explanation{font-size:10px;color:var(--ep-muted);line-height:1.4}
    .ef-design-preview__below{grid-template-columns:1fr}
    .ef-design-preview__ranking-header{
        display:grid;grid-template-columns:minmax(0,1fr) minmax(0,150px);
        align-items:center;gap:10px;padding:15px 16px;
    }
    .ef-design-preview__ranking-header h2{font-size:23px}
    .ef-design-preview__ranking-heading .ef-design-preview__eyebrow{font-size:9px;margin-bottom:4px}
    .ef-design-preview__sort{width:100%;gap:0}
    .ef-design-preview__sort label{
        position:absolute;width:1px;height:1px;margin:-1px;padding:0;
        overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
    }
    .ef-design-preview__sort select{width:100%;min-height:35px;font-size:11px}
    .ef-design-preview__ranking-context{padding:10px 15px;gap:6px 10px;font-size:10px}
    .ef-design-preview__ranking-context summary{font-size:10px}
    .ef-design-preview__items{gap:8px;padding:10px}
    .ef-design-preview__item{grid-template-columns:42px 88px minmax(0,1fr);gap:10px;padding:12px}
    .ef-design-preview__item--unranked{grid-template-columns:88px minmax(0,1fr)}
    .ef-design-preview__number{width:42px;height:49px;font-size:19px}
    .ef-design-preview__image{width:88px;height:88px}
    .ef-design-preview__item h3{font-size:14px}
    .ef-design-preview__item-content>p{-webkit-line-clamp:2;font-size:11px}
    .ef-design-preview__item-actions{gap:6px}
}
@media(max-width:550px){
    .ef-design-preview__hotel-search{margin:7px 8px 0;padding:11px}
    .ef-design-preview__hotel-search-heading{gap:9px}
    .ef-design-preview__hotel-search-icon{flex-basis:29px;width:29px;height:29px;font-size:17px}
    .ef-design-preview__hotel-search h3{font-size:13px}
    .ef-design-preview__hotel-search-heading p{font-size:10.5px}
    .ef-design-preview__hotel-filter{gap:7px}
    .ef-design-preview__hotel-search-state{font-size:10.5px;padding:8px}
    .ef-design-preview__hotel-offers{grid-column:1/-1}
    .ef-design-preview__hotel-provider-links a{padding:8px}
    .ef-design-preview__item--hotel .ef-design-preview__item-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ef-design-preview__hotel-booking-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:2px}
    .ef-design-preview__hotel-details-link,.ef-design-preview__hotel-booking-link,
    .ef-design-preview__hotel-no-provider{min-height:40px;padding:7px 6px;font-size:10.5px}

    .ef-design-preview{padding:10px 7px 35px}
    .ef-design-preview__intro{padding:14px 15px;border-radius:13px}
    .ef-design-preview__intro h1{font-size:24px;line-height:1.15}
    .ef-design-preview__intro-text{font-size:11.5px}
    .ef-design-preview__stats{grid-template-columns:repeat(var(--ef-v4-stat-columns),minmax(0,1fr))}
    .ef-design-preview__stats strong{font-size:15px}
    .ef-design-preview__ranking-header{grid-template-columns:minmax(0,1fr) minmax(0,135px);padding:14px}
    .ef-design-preview__ranking-header h2{font-size:21px}
    .ef-design-preview__ranking-context{padding:10px 12px}
    .ef-design-preview__items{padding:8px;gap:8px}
    .ef-design-preview__item{
        grid-template-columns:34px 67px minmax(0,1fr);
        grid-template-areas:"number photo content" "actions actions actions";
        gap:8px;padding:11px 9px;
    }
    .ef-design-preview__item--unranked{
        grid-template-columns:67px minmax(0,1fr);
        grid-template-areas:"photo content" "actions actions";
    }
    .ef-design-preview__number{width:34px;height:40px;font-size:17px}
    .ef-design-preview__image{width:67px;height:67px}
    .ef-design-preview__item h3{font-size:13.5px}
    .ef-design-preview__item-content>p{-webkit-line-clamp:2;font-size:11px}
    .ef-design-preview__type-facts{gap:4px 8px}
    .ef-design-preview__type-facts :is(dt,dd){font-size:10px}
    .ef-design-preview__entry-subline{font-size:10px;margin-top:5px}
    .ef-design-preview__item-actions{
        display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
        justify-content:stretch;align-items:stretch;gap:6px;
        margin-top:2px;width:100%;
    }
    .ef-design-preview__action,.ef-design-preview__open{
        display:flex;min-width:0;min-height:34px;padding:6px 5px;
        font-size:10px;white-space:normal;text-align:center;
    }
    .ef-design-preview__open{grid-column:1/-1;min-height:36px}
    .ef-design-preview__foot{padding:13px;font-size:10px}
}
@media(max-width:365px){
    .ef-design-preview__hotel-booking-actions{grid-template-columns:1fr}
    .ef-design-preview__ranking-header{grid-template-columns:minmax(0,1fr);gap:8px}
    .ef-design-preview__sort select{max-width:100%}
    .ef-design-preview__item{grid-template-columns:31px 58px minmax(0,1fr);gap:6px}
    .ef-design-preview__item--unranked{grid-template-columns:58px minmax(0,1fr)}
    .ef-design-preview__number{width:31px;height:38px;font-size:15px}
    .ef-design-preview__image{width:58px;height:58px}
    .ef-design-preview__item-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview{
    --ep-ink:#eaf5fa;--ep-text:#cbdbe4;--ep-muted:#a8becd;
    --ep-teal:#78e4d5;--ep-line:#385367;--ep-paper:#172e40;
    --ep-bg:#0c1b2a;--ep-sidebar:#142e3b;--ep-item:#1c3b4b;--ep-deep:#0c263d;
    --ep-ring:#82f0e0;
}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__hotel-search{
    background:linear-gradient(125deg,#174050,#1b3345);border-color:#3b6e72;
}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__hotel-search :is(h3,.ef-design-preview__hotel-search-state strong){color:#e9f7fc}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__hotel-search :is(p,label){color:#c5dce5}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__hotel-search-state{background:#203d4e;border-color:#406875}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__hotel-provider-links a{background:#1e3c50;border-color:#466c76;color:#e4f5fa}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__hotel-provider-links a span,
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__hotel-provider-list summary{color:#8ff5e5}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__hotel-search-options summary{color:#91eee0}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__hotel-search-options summary span{color:#a7c9d5}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) :is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__hotel-details-link{background:#1c3949;border-color:#487381;color:#e3f6fa}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__hotel-booking-link{background:#087f77;border-color:#087f77;color:#fff}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__intro{
    background:linear-gradient(145deg,#153b48,#172c42 70%);border-color:#365b65;
}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__ranking{background:#132639;border-color:#355168}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__stats>div,
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__submission{
    background:#1d4050;border-color:#3a6270;
}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__topic-tags :is(a,span),
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__tags a{
    background:#234b52;color:#a5f5e6;border-color:#407078;
}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__item{border-color:#375467}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__action{background:#223e50;color:#e7f6f8;border-color:#426478}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__action--support{color:#8af0db}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__disclosure,
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__ranking-context{
    background:#1b3c48;border-color:#3a656a;
}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__ranking-context :is(summary,p){color:#a0ebdf}
:is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.theme-dark,body.dark-mode) .ef-design-preview__share summary{background:#264757;border-color:#446778;color:#e8f5f9}