/* CS Search 1.0.2 – giao diện người dùng theo chuẩn iOS */
.cs-sr,.cs-live,.cs-sf,.cs-rel,.cs-hlbar{
	--cs-bg:#f2f2f7;--cs-card:#fff;--cs-fill:rgba(118,118,128,.12);--cs-fill2:rgba(118,118,128,.08);
	--cs-sep:rgba(60,60,67,.18);--cs-l1:#000;--cs-l2:rgba(60,60,67,.6);--cs-l3:rgba(60,60,67,.3);
	--cs-blue:#007aff;--cs-green:#34c759;--cs-orange:#ff9500;--cs-r:14px;
	--cs-card-h:#f7f7fa;--cs-card-a:#ececf1;--cs-x:rgba(60,60,67,.85);--cs-in:#fff;--cs-in-f:#fff;--cs-ph:rgba(60,60,67,.5);
	--cs-live:rgba(255,255,255,.96);--cs-seg-on:#fff;--cs-hl:rgba(255,204,0,.38);--cs-badge:#c93400;--cs-note:rgba(0,122,255,.08);--cs-sh:0 1px 3px rgba(0,0,0,.06);
	--cs-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-family:var(--cs-font);-webkit-font-smoothing:antialiased;box-sizing:border-box
}
.cs-sr *,.cs-live *,.cs-sf *,.cs-rel *{box-sizing:border-box}
mark.cs-hl,.cs-hl{background:var(--cs-hl,rgba(255,204,0,.38));color:inherit;border-radius:3px;padding:0 1px;font-weight:inherit}
strong.cs-hl,em.cs-hl{background:none;padding:0}
strong.cs-hl{font-weight:700}

/* Ô tìm kiếm */
.cs-sf{position:relative;display:flex;align-items:center;gap:8px;margin:0;max-width:100%}
.cs-sf__ic{position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;pointer-events:none;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13zM15.5 15.5 20 20' fill='none' stroke='%238e8e93' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.cs-sf .cs-sf__in{flex:1;min-width:0;height:40px;margin:0;padding:0 14px 0 38px;border:1px solid transparent;border-radius:12px;background:var(--cs-fill);color:var(--cs-l1);font:16px/1.3 var(--cs-font);box-shadow:none;outline:0;-webkit-appearance:none;appearance:none;transition:background .15s,box-shadow .15s}
.cs-sf .cs-sf__in::placeholder{color:var(--cs-ph)}
.cs-sf .cs-sf__in:focus{background:var(--cs-in-f);color:var(--cs-l1);border-color:var(--cs-blue);box-shadow:0 0 0 4px rgba(0,122,255,.18)}
.cs-sf .cs-sf__in::-webkit-search-cancel-button{-webkit-appearance:none}
.cs-sf .cs-sf__btn{flex:none;height:40px;margin:0;padding:0 18px;border:0;border-radius:12px;background:var(--cs-blue);color:#fff;font:600 15px/1 var(--cs-font);cursor:pointer;box-shadow:none;text-shadow:none}
.cs-sf .cs-sf__btn:hover{background:#0a6fe0}
.cs-sf .cs-sf__btn:focus-visible{outline:2px solid var(--cs-blue);outline-offset:2px}
.cs-sf--big .cs-sf__in{height:52px;font-size:18px;border-radius:14px;padding-left:44px;background:var(--cs-in);box-shadow:var(--cs-sh),0 0 0 .5px var(--cs-sep)}
.cs-sf--big .cs-sf__ic{left:15px;width:20px;height:20px;margin-top:-10px;background-size:20px}
.cs-sf--big .cs-sf__btn{height:52px;border-radius:14px;padding:0 24px;font-size:16px}

/* Gợi ý tức thì */
.cs-live{position:fixed;z-index:999999;overflow:auto;overscroll-behavior:contain;padding:6px;border-radius:var(--cs-r);background:var(--cs-live);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 12px 40px rgba(0,0,0,.18),0 0 0 .5px rgba(0,0,0,.08);color:var(--cs-l1);font-size:15px;line-height:1.35;opacity:0;transform:translateY(-4px) scale(.99);transform-origin:top center;transition:opacity .14s ease,transform .14s ease;text-align:left}
.cs-live.is-in{opacity:1;transform:none}
.cs-live.is-loading{opacity:.75}
.cs-live__h{padding:10px 10px 4px;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--cs-l2)}
.cs-live__i{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:10px;color:var(--cs-l1)!important;text-decoration:none!important;outline:0}
.cs-live__i:hover,.cs-live__i.is-active{background:rgba(0,122,255,.09)}
.cs-live__ic{flex:none;width:28px;height:28px;margin-top:1px;border-radius:7px;background:var(--cs-blue) no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h7l4 4v14H7zM14 3v4h4M10 12h5M10 16h5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cs-live__i.is-post .cs-live__ic{background-color:#5856d6}
.cs-live__i.is-file .cs-live__ic{background-color:#ff3b30}
.cs-live__i.is-term .cs-live__ic{background-color:var(--cs-orange);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z' fill='none' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cs-live__b{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.cs-live__t{font-weight:600;font-size:15px;line-height:1.3;color:var(--cs-l1)}
.cs-live__s{font-size:13px;line-height:1.4;color:var(--cs-l2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cs-live__c{font-size:12px;color:var(--cs-l3)}
.cs-live__pin{flex:none;color:var(--cs-orange);font-size:13px}
.cs-live__all{display:block;margin:4px 0 0;padding:11px 10px;border-top:.5px solid var(--cs-sep);border-radius:0 0 10px 10px;color:var(--cs-blue)!important;font-weight:600;text-decoration:none!important;text-align:center}
.cs-live__all:hover,.cs-live__all.is-active{background:rgba(0,122,255,.09)}
.cs-live__none{padding:18px 12px;text-align:center;color:var(--cs-l2)}
.cs-live__note{padding:8px 10px;font-size:13px;color:var(--cs-l2)}
.cs-live__fix{border:0;background:none;padding:0;color:var(--cs-blue);font:600 13px var(--cs-font);cursor:pointer}
.cs-live__chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 8px 10px}

/* Chip, segmented control */
.cs-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:0;border-radius:16px;background:var(--cs-fill);color:var(--cs-l1)!important;font:500 14px/1 var(--cs-font);text-decoration:none!important;cursor:pointer;white-space:nowrap;transition:background .15s}
.cs-chip:hover{background:rgba(118,118,128,.2)}
.cs-chip span{color:var(--cs-l2);font-size:12px;font-weight:600}
.cs-chip.is-on{background:var(--cs-blue);color:#fff!important}
.cs-chip.is-on span{color:rgba(255,255,255,.8)}
.cs-seg{display:inline-flex;gap:2px;padding:2px;border-radius:9px;background:var(--cs-fill)}
.cs-seg a{padding:6px 14px;border-radius:7px;color:var(--cs-l1)!important;font:500 13px/1.2 var(--cs-font);text-decoration:none!important}
.cs-seg a.is-on{background:var(--cs-seg-on);font-weight:600;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)}

/* Trang kết quả */
body.cs-search-page #infinite-handle,body.cs-search-page .infinite-loader,body.cs-search-page #infinite-footer{display:none!important}
.cs-sr-wrap{width:100%!important;float:none!important;margin:0!important}
.cs-sr{max-width:900px;margin:24px auto 48px;padding:28px 24px 36px;border-radius:22px;background:var(--cs-bg);color:var(--cs-l1)}
.cs-sr__head{margin:0 0 18px}
.cs-sr .cs-sr__title{margin:0 0 14px!important;padding:0!important;font:700 34px/1.15 var(--cs-font)!important;letter-spacing:.3px;color:var(--cs-l1)!important;text-transform:none!important;background:none!important}
.cs-sr__note{margin:0 0 14px;padding:12px 16px;border-radius:12px;background:var(--cs-note);color:var(--cs-l1);font-size:15px}
.cs-sr__note a{color:var(--cs-blue);text-decoration:none}
.cs-sr__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px}
.cs-sr__meta{width:100%;font-size:13px;color:var(--cs-l2)}
.cs-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.cs-terms{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
.cs-terms__l{width:100%;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--cs-l2);margin-bottom:2px}
.cs-term{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:12px;background:var(--cs-card);box-shadow:var(--cs-sh),0 0 0 .5px var(--cs-sep);color:var(--cs-l1)!important;text-decoration:none!important;font-size:14px;font-weight:500}
.cs-term span{color:var(--cs-l2);font-size:12px}
.cs-term__ic{width:22px;height:22px;border-radius:6px;background:var(--cs-orange) no-repeat center/13px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z' fill='none' stroke='white' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cs-list{list-style:none;margin:0;padding:0;border-radius:var(--cs-r);background:var(--cs-card);box-shadow:var(--cs-sh),0 0 0 .5px var(--cs-sep);overflow:hidden}
.cs-item{margin:0;padding:0;position:relative}
.cs-item+.cs-item:before{content:"";position:absolute;top:0;left:18px;right:0;height:1px;transform:scaleY(.5);background:var(--cs-sep)}
.cs-item__a{display:flex;flex-direction:column;gap:4px;padding:15px 40px 15px 18px;color:var(--cs-l1)!important;text-decoration:none!important;position:relative;transition:background .15s}
.cs-item__a:after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-5px;border:solid var(--cs-l3);border-width:2px 2px 0 0;transform:rotate(45deg)}
.cs-item__a:hover{background:var(--cs-card-h)}
.cs-item__a:active{background:var(--cs-card-a)}
.cs-item__a:focus-visible{outline:2px solid var(--cs-blue);outline-offset:-2px}
.cs-item__crumb{font-size:12px;font-weight:400;color:var(--cs-l2);display:flex;align-items:center;gap:6px}
.cs-item__t{margin:0;font-size:17px;font-weight:600;line-height:1.35;color:var(--cs-l1)}
.cs-item__x{font-size:14px;font-weight:400;line-height:1.5;color:var(--cs-x)}
.cs-item__d{font-size:12px;font-weight:400;color:var(--cs-l3)}
.cs-item.is-pin .cs-item__a{background:linear-gradient(90deg,rgba(255,149,0,.06),transparent 60%)}
.cs-badge{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:9px;background:rgba(255,149,0,.15);color:var(--cs-badge);font-size:11px;font-weight:700}
.cs-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:22px 0 0}
.cs-pages .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:10px;color:var(--cs-blue);font:600 15px var(--cs-font);text-decoration:none;background:transparent}
.cs-pages .page-numbers.current{background:var(--cs-blue);color:#fff}
.cs-pages a.page-numbers:hover{background:rgba(0,122,255,.1)}
.cs-empty{padding:40px 20px;text-align:center;border-radius:var(--cs-r);background:var(--cs-card);box-shadow:var(--cs-sh),0 0 0 .5px var(--cs-sep)}
.cs-empty__ic{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:var(--cs-fill) no-repeat center/26px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13zM15.5 15.5 20 20' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.cs-empty h2{margin:0 0 6px;font:600 20px/1.3 var(--cs-font);color:var(--cs-l1)}
.cs-empty p{margin:0 auto;max-width:440px;color:var(--cs-l2);font-size:15px}
.cs-empty__pop{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:20px}
.cs-empty__pop .cs-terms__l{text-align:center}

/* Bài liên quan */
.cs-rel{margin:32px 0 8px;clear:both}
.cs-rel__t{margin:0 0 10px!important;font:600 13px/1.3 var(--cs-font)!important;letter-spacing:.3px;text-transform:uppercase;color:var(--cs-l2)!important}
.cs-rel__l{list-style:none!important;margin:0!important;padding:0!important;border-radius:var(--cs-r);background:var(--cs-card);box-shadow:var(--cs-sh),0 0 0 .5px var(--cs-sep);overflow:hidden}
.cs-rel__l li{margin:0!important;padding:0!important;position:relative;list-style:none!important}
.cs-rel__l li+li:before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;transform:scaleY(.5);background:var(--cs-sep)}
.cs-rel__l a{display:flex;flex-direction:column;gap:2px;padding:12px 36px 12px 16px;color:var(--cs-l1)!important;text-decoration:none!important;position:relative}
.cs-rel__l a:after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;margin-top:-4px;border:solid var(--cs-l3);border-width:2px 2px 0 0;transform:rotate(45deg)}
.cs-rel__l a:hover{background:var(--cs-card-h)}
.cs-rel__n{font-size:15px;font-weight:600}
.cs-rel__c{font-size:12px;color:var(--cs-l2)}

/* Thanh "Đang tô sáng" ở trang đích */
.cs-hlbar{position:fixed;left:50%;bottom:20px;z-index:99999;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:22px;background:rgba(28,28,30,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;font-size:14px;box-shadow:0 8px 30px rgba(0,0,0,.25);transform:translate(-50%,30px);opacity:0;transition:transform .25s ease,opacity .25s ease}
.cs-hlbar.is-in{transform:translate(-50%,0);opacity:1}
.cs-hlbar button{border:0;border-radius:16px;padding:6px 12px;background:rgba(255,255,255,.18);color:#fff;font:600 13px var(--cs-font);cursor:pointer}

/* Chế độ tối (iOS Dark): bật khi theme nền tối / người xem chọn tối — lớp html.cs-dark do live.js đặt */
html.cs-dark .cs-sr,html.cs-dark .cs-live,html.cs-dark .cs-sf,html.cs-dark .cs-rel{
	--cs-bg:rgba(255,255,255,.04);--cs-card:rgba(255,255,255,.07);--cs-card-h:rgba(255,255,255,.1);--cs-card-a:rgba(255,255,255,.14);
	--cs-fill:rgba(118,118,128,.24);--cs-fill2:rgba(118,118,128,.18);--cs-sep:rgba(84,84,88,.65);
	--cs-l1:#fff;--cs-l2:rgba(235,235,245,.6);--cs-l3:rgba(235,235,245,.3);--cs-x:rgba(235,235,245,.78);
	--cs-blue:#0a84ff;--cs-green:#30d158;--cs-orange:#ff9f0a;
	--cs-in:rgba(255,255,255,.08);--cs-in-f:rgba(255,255,255,.12);--cs-ph:rgba(235,235,245,.45);
	--cs-live:rgba(30,30,32,.94);--cs-seg-on:#636366;--cs-hl:rgba(255,214,10,.3);--cs-badge:#ffb340;--cs-note:rgba(10,132,255,.16);
	--cs-sh:0 1px 2px rgba(0,0,0,.3);color-scheme:dark
}
html.cs-dark .cs-sr{box-shadow:0 0 0 .5px rgba(255,255,255,.08)}
html.cs-dark .cs-live{box-shadow:0 16px 48px rgba(0,0,0,.55),0 0 0 .5px rgba(255,255,255,.12)}
html.cs-dark .cs-live__i:hover,html.cs-dark .cs-live__i.is-active,html.cs-dark .cs-live__all:hover,html.cs-dark .cs-live__all.is-active{background:rgba(10,132,255,.2)}
html.cs-dark .cs-chip:hover{background:rgba(118,118,128,.36)}
html.cs-dark .cs-seg a.is-on{box-shadow:0 3px 8px rgba(0,0,0,.3)}
html.cs-dark .cs-sf .cs-sf__btn:hover{background:#3395ff}
html.cs-dark .cs-pages a.page-numbers:hover{background:rgba(10,132,255,.2)}
html.cs-dark .cs-item.is-pin .cs-item__a{background:linear-gradient(90deg,rgba(255,159,10,.12),transparent 60%)}
html.cs-dark mark.cs-hl{background:rgba(255,214,10,.3);color:inherit}

@media (max-width:600px){
	.cs-sr{margin:12px auto 32px;padding:18px 12px 24px;border-radius:16px}
	.cs-sr__title{font-size:28px}
	.cs-sf--big .cs-sf__btn{padding:0 16px}
	.cs-item__a{padding:13px 34px 13px 14px}
	.cs-item__t{font-size:16px}
	.cs-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
	.cs-live{border-radius:12px}
}
@media (prefers-reduced-motion:reduce){.cs-live,.cs-hlbar,.cs-item__a{transition:none}}