#olyft-root:empty:not([data-failed]){min-height:640px}
/* OLYMPIA Post Footer v1.0.0 — token lấy từ oly-ds.css (navy/blue/teal). Đổi màu: sửa khối :root bên dưới. */
.olyft,.olyft-dlg{
  --nv:#394C9F;--bl:#4472C4;--tl:#1E7A6E;--or:#ED7D31;--rd:#C0392B;
  --nv-b:#ECF1FB;--tl-b:#E3F2EF;--ink:#1F2937;--mut:#5B6577;--ln:#DCE3F0;--bg:#fff;--bg2:#F7F9FC;
  --r:8px;
}
.olyft{margin:40px 0 0;color:var(--ink);font-size:16px;line-height:1.5;text-align:left}
.olyft *,.olyft *::before,.olyft *::after{box-sizing:border-box}
.olyft [hidden],.olyft-dlg [hidden]{display:none!important}
.olyft a{text-decoration:none!important;color:inherit!important}
.olyft h2,.olyft h3{margin:0;padding:0;font-family:inherit;letter-spacing:0;text-transform:none}
.olyft img{max-width:100%;height:auto;display:block;border-radius:0}
.olyft .olyft-svg{width:18px;height:18px;flex:none;display:inline-block;vertical-align:middle}
.olyft :focus-visible,.olyft-dlg :focus-visible{outline:2px solid var(--bl);outline-offset:2px}
.olyft-note a{text-decoration:underline!important;color:var(--bl)!important}
.olyft-note{padding:14px 16px;background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);color:var(--mut);font-size:14px}
.olyft-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden}

/* nút + ô nhập (Divi ghi đè qua #et-boc .et-l nên cần !important) */
.olyft .olyft-btn,.olyft-dlg .olyft-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px!important;border:1px solid var(--ln)!important;border-radius:var(--r)!important;background:#fff!important;color:var(--ink)!important;font-weight:600!important;font-size:15px!important;line-height:1.2!important;font-family:inherit!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;text-decoration:none!important;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s}
.olyft .olyft-btn--pri,.olyft-dlg .olyft-btn--pri{background:var(--nv)!important;border-color:var(--nv)!important;color:#fff!important}
.olyft .olyft-btn--pri:hover,.olyft-dlg .olyft-btn--pri:hover{background:#2f3f87!important}
.olyft .olyft-btn--out:hover{border-color:var(--nv)!important;color:var(--nv)!important}
.olyft .olyft-btn--ghost{min-height:36px;font-size:13px!important;color:var(--mut)!important}
.olyft .olyft-btn[disabled]{opacity:.6;cursor:default}
.olyft .olyft-in,.olyft .olyft-ta{width:100%;max-width:none;margin:0;border:1px solid #C9D3E6!important;border-radius:var(--r)!important;background:#fff!important;color:var(--ink)!important;font-weight:400!important;font-size:16px!important;line-height:1.4!important;font-family:inherit!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
.olyft .olyft-in{height:46px;padding:0 14px!important}
.olyft .olyft-ta{display:block;min-height:50px;padding:13px 14px!important;resize:vertical;background:#F3F4F7!important;border-color:transparent!important}
.olyft .olyft-ta:focus,.olyft .olyft-in:focus{border-color:var(--bl)!important;outline:none}
.olyft .olyft-lbl{display:block;margin:0 0 6px;font-size:13px;color:var(--mut)}

/* mục "bài viết" dùng chung */
.olyft-item{display:grid;grid-template-columns:clamp(104px,26vw,196px) 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--ln)}
.olyft-item:first-child{border-top:0}
.olyft-item-img{display:block;aspect-ratio:3/2;background:linear-gradient(135deg,var(--nv-b),var(--tl-b));border-radius:4px;overflow:hidden}
.olyft-item-img img{width:100%;height:100%;object-fit:cover}
.olyft-item-t{font-size:clamp(16px,2.4vw,19px);line-height:1.35;font-weight:700;color:var(--ink);margin:0 0 6px}
.olyft-item-t a:hover{color:var(--nv)!important}
.olyft-item-ex{color:var(--mut);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.olyft-item-m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:8px;font-size:12px;color:var(--mut)}
.olyft-item-m a:hover{color:var(--nv)!important}
.olyft-cc{display:inline-flex;align-items:center;gap:4px;color:var(--bl);font-size:12px}
.olyft-cc .olyft-svg{width:14px;height:14px}
.olyft-item--sm{padding:14px 0}
.olyft-item--sm .olyft-item-img{aspect-ratio:5/3}
.olyft-item--sm .olyft-item-t{font-size:clamp(15px,2.2vw,17px)}
.olyft-item--sm .olyft-item-ex{-webkit-line-clamp:2}

/* 1. bài liên quan */
.olyft-rel{border:1px solid var(--ln);border-radius:var(--r);padding:0 16px;background:#fff}

/* 2. bản tin */
.olyft-nl{display:grid;gap:18px;margin:24px 0 0;padding:22px;border:1px solid var(--ln);border-radius:12px;background:linear-gradient(135deg,var(--nv-b),var(--tl-b))}
@media(min-width:720px){.olyft-nl{grid-template-columns:1fr 1fr;gap:32px;padding:26px 28px;align-items:center}}
.olyft-nl-k{font-size:13px;font-weight:600;color:var(--tl);margin-bottom:6px}
.olyft-nl-t{font-size:clamp(20px,3vw,24px);line-height:1.25;font-weight:700;color:var(--nv)}
.olyft-nl-s{margin-top:8px;font-size:14px;color:var(--mut)}
.olyft-nl-f{display:grid;gap:10px;position:relative}
.olyft-nl-msg{min-height:20px;font-size:14px}
.olyft-nl-msg.is-ok{color:#1b6b3a}.olyft-nl-msg.is-err{color:var(--rd)}
.olyft-nl-fine{font-size:12px;color:var(--mut)}

/* 3. hàng nút */
.olyft-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 36px}
.olyft-bar-l,.olyft-bar-r{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.olyft .olyft-ic{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;padding:0!important;border:1px solid var(--ln)!important;border-radius:999px!important;background:#fff!important;color:var(--mut)!important;cursor:pointer;box-shadow:none!important;text-decoration:none!important;transition:border-color .15s,color .15s}
.olyft .olyft-ic:hover{border-color:var(--nv)!important;color:var(--nv)!important}
.olyft-f{font:700 20px/1 Georgia,serif;transform:translateY(-1px)}
.olyft .olyft-pill{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid var(--ln);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:500;text-decoration:none}
.olyft .olyft-pill:hover{border-color:var(--nv)}.olyft .olyft-pill:hover span{color:var(--nv)}
.olyft .olyft-save[aria-pressed=true]{background:var(--nv-b)!important;border-color:var(--nv)!important;color:var(--nv)!important}
.olyft .olyft-save[aria-pressed=true] .olyft-svg{fill:currentColor}
.olyft-copied{font-size:12px;color:var(--tl);min-width:1px}
@media(max-width:560px){.olyft-pill span{display:none}.olyft .olyft-pill{width:42px;justify-content:center;padding:0}}

/* 4. bình luận */
.olyft-cm-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:14px}
.olyft-cm-t{font-size:22px;line-height:1.2;font-weight:700;color:var(--ink)}
.olyft-cm-r{font-size:13px;color:var(--mut)}
.olyft-cm-r a{text-decoration:underline!important}
.olyft-cf-ft{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.olyft-cf.is-open .olyft-cf-ft{display:flex}
.olyft-cf-msg{font-size:13px;color:var(--mut)}
.olyft-cf-msg.is-err{color:var(--rd)}.olyft-cf-msg.is-ok{color:#1b6b3a}
.olyft-tabs{display:flex;gap:22px;margin-top:16px;border-bottom:1px solid var(--ln)}
.olyft .olyft-tab{margin:0 0 -1px;padding:10px 0!important;border:0!important;border-bottom:2px solid transparent!important;background:none!important;color:var(--mut)!important;font-weight:500!important;font-size:15px!important;line-height:1.2!important;font-family:inherit!important;cursor:pointer;text-transform:none!important;box-shadow:none!important}
.olyft .olyft-tab.is-on{color:var(--nv)!important;border-bottom-color:var(--nv)!important;font-weight:700!important}
.olyft-cl{min-height:40px}
.olyft-c{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:16px 0 0}
.olyft-c-av{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--nv-b)}
.olyft-c-av img{width:36px;height:36px;object-fit:cover;border-radius:50%}
.olyft-c-bd{min-width:0}
.olyft-c-tx{font-size:15px;line-height:1.55;word-break:break-word;overflow-wrap:anywhere}
.olyft-c-nm{font-weight:700;color:var(--ink)}
.olyft-c-ft{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;margin-top:6px;font-size:13px;color:var(--mut)}
.olyft-c-tm{margin-left:auto;font-size:12px}
.olyft .olyft-act{display:inline-flex!important;align-items:center;gap:5px;min-height:32px;padding:0!important;border:0!important;background:none!important;color:var(--mut)!important;font-weight:400!important;font-size:13px!important;line-height:1!important;font-family:inherit!important;cursor:pointer;text-transform:none!important;box-shadow:none!important}
.olyft .olyft-act:hover{color:var(--nv)!important}
.olyft .olyft-act .olyft-svg{width:16px;height:16px}
.olyft .olyft-act.is-on{color:var(--nv)!important}
.olyft .olyft-act.is-on .olyft-svg{fill:currentColor}
.olyft .olyft-act--mut{opacity:.8}
.olyft .olyft-act[disabled]{opacity:.55;cursor:default}
.olyft-n{font-variant-numeric:tabular-nums}
.olyft-tgl{margin-top:2px;color:var(--bl)!important}
.olyft-re{display:none;padding-bottom:4px}
.olyft-c.is-open>.olyft-c-bd>.olyft-re{display:block}
.olyft-c--re{padding-top:12px}
.olyft-rf{margin:10px 0 4px}
.olyft-rf .olyft-ta{background:#F3F4F7!important}
.olyft-rf-ft{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:8px}
.olyft-rf-msg{margin-right:auto;font-size:13px;color:var(--rd)}
.olyft .olyft-more{display:block;width:100%;margin:20px 0 0;padding:13px 16px!important;border:0!important;border-radius:var(--r)!important;background:var(--nv-b)!important;color:var(--nv)!important;font-weight:600!important;font-size:15px!important;line-height:1.2!important;font-family:inherit!important;cursor:pointer;text-transform:none!important;box-shadow:none!important}
.olyft .olyft-more:hover{background:#dfe7f8!important}
.olyft-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:18px 0 0;padding-bottom:22px;border-bottom:1px solid var(--ln);font-size:13px;color:var(--mut)}
.olyft-tags a:hover{color:var(--nv)!important}
.olyft-sep{color:#9aa4b8}

/* 5. danh sách đề xuất */
.olyft-feed{margin-top:26px}
.olyft-feed-t{font-size:20px;font-weight:700;line-height:1.2;color:var(--ink);padding-bottom:6px}
.olyft-feed-s{height:1px}
.olyft-feed-l .olyft-item{padding:20px 0}

/* hộp thoại đăng nhập (không dùng position:fixed — dialog tự lên lớp trên cùng) */
dialog.olyft-dlg{width:min(92vw,400px);max-width:none;margin:auto;padding:0;border:0;border-radius:14px;color:var(--ink);box-shadow:0 20px 60px rgba(15,23,42,.3)}
dialog.olyft-dlg::backdrop{background:rgba(15,23,42,.55)}
.olyft-dlg *{box-sizing:border-box}
.olyft-dlg-box{position:relative;padding:28px 24px 24px;display:grid;gap:12px;font-family:inherit}
.olyft-dlg-t{font-size:20px;font-weight:700;color:var(--nv);padding-right:28px}
.olyft-dlg-p{margin:0;font-size:14px;color:var(--mut)}
.olyft-dlg-google{display:flex;justify-content:center;min-height:44px}
.olyft-dlg .olyft-dlg-x{position:absolute;top:10px;right:10px;width:36px;height:36px;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--mut)!important;font-size:26px!important;line-height:1!important;cursor:pointer}
.olyft-dlg .olyft-dlg-x:hover{background:var(--bg2)!important}

/* trang Bài viết đã lưu */
.olyft-saved-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-top:1px solid var(--ln)}
.olyft-saved-row:first-child{border-top:0}
.olyft-saved-row .olyft-item{border-top:0}
@media(max-width:560px){.olyft-saved-row{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){.olyft *,.olyft-dlg *{transition:none!important;animation:none!important}}
@media(max-width:560px){.olyft .olyft-act{min-height:40px}.olyft-c-ft{gap:0 14px}.olyft-c-tm{margin-left:0;flex-basis:100%;margin-top:-4px}}