:root{--ink:#1b2438;--muted:#6d7480;--line:#e7e9ed;--blue:#2457d6;--blue2:#173b96;--orange:#efa51d;--soft:#f6f7f9;--dark:#27303d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.wide-shell{width:min(1500px,calc(100% - 44px));margin:auto}.notice-bar{background:#e9a51b;color:#fff;font-size:11px;font-weight:750;padding:5px 0;text-align:center}.masthead{min-height:108px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:40px;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:48px;height:48px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue2));border-radius:12px;color:#fff;font:700 29px Georgia}.brandtext{display:grid}.brandtext strong{font-size:24px;line-height:1.15}.brandtext b{color:var(--blue)}.brandtext small{font-size:11px;color:var(--muted);margin-top:6px}.promo-banner{height:76px;border-radius:2px;background:linear-gradient(100deg,#0e326e,#1469bd 52%,#102653);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff15}.promo-banner:before,.promo-banner:after{content:"";position:absolute;border:1px solid #ffffff25;border-radius:50%;width:180px;height:180px;right:22%;top:-80px}.promo-banner:after{width:110px;height:110px;right:7%;top:23px}.promo-banner>div{display:grid;z-index:1}.promo-banner span{font-size:11px;letter-spacing:.08em;font-weight:800}.promo-banner strong{font-size:22px}.promo-cta{background:#ff3b51;padding:9px 13px;border-radius:4px;z-index:1}.utility-row{background:#f7f7f7;border-top:1px solid #eee;border-bottom:1px solid #ececec}.utility-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:30px}.top-search{width:min(510px,45vw);height:38px;background:#fff;border:1px solid #dedede;display:flex}.top-search input{flex:1;border:0;outline:0;padding:0 13px;min-width:0}.top-search button{width:46px;border:0;background:#fff;font-size:23px;cursor:pointer}.utility-actions{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:750}.account-link{display:flex;align-items:center;gap:8px}.avatar{width:30px;height:30px;border-radius:50%;background:#e9effd;color:var(--blue);display:grid;place-items:center;font-weight:900}.outline-btn{border:1px solid var(--orange);color:#bd7800;padding:9px 14px}.post-btn{background:var(--orange);color:#fff;padding:10px 16px;font-weight:850}.category-nav{background:#fff;border-bottom:1px solid #e7e7e7;box-shadow:0 3px 8px #00000008}.nav-scroll{display:flex;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.nav-scroll::-webkit-scrollbar{display:none}.nav-scroll a{font-size:13px;font-weight:750;padding:16px 18px 14px;border-bottom:3px solid transparent;color:#3e434b;flex:0 0 auto}.nav-scroll a:first-child{padding-left:0}.nav-scroll a:hover,.nav-scroll a.active{border-bottom-color:var(--orange);color:#111}.portal-hero{background:#f0f2f3}.portal-grid{min-height:370px;display:grid;grid-template-columns:57% 43%;align-items:stretch}.portal-panel{align-self:center;margin:44px 0;background:#343a40;color:#fff;padding:34px 36px;max-width:850px;box-shadow:0 13px 38px #00000012}.section-kicker{text-transform:uppercase;font-size:11px;color:#f2b23f;letter-spacing:.08em}.portal-panel h1{font-size:39px;margin:5px 0 4px;font-weight:500}.portal-panel p{margin:0 0 21px;color:#e1e3e5;font-size:15px;max-width:700px}.hero-search{display:flex;height:40px}.hero-search input{flex:1;border:0;outline:0;padding:0 13px;min-width:0}.hero-search button{width:130px;border:0;background:var(--orange);color:#fff;font-weight:850;font-size:11px;cursor:pointer}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.filter-row select{height:34px;min-width:150px;border:0;padding:0 10px;background:#fff;color:#666;font-size:11px}.hero-art{min-height:370px;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#edf4f6,#d9ecef)}.hero-art.hoc-bong{background:linear-gradient(135deg,#d2e7e7,#b7d6d9)}.hero-art.viec-lam{background:linear-gradient(135deg,#ff7a55,#f55d3f)}.hero-art.su-kien{background:linear-gradient(135deg,#f5f1e8,#fff)}.hero-art.ky-nang{background:linear-gradient(135deg,#e8eefb,#d6e3ff)}.hero-art.thong-bao{background:linear-gradient(135deg,#ffe7c2,#ffd88f)}.hero-art.hoc-tap{background:linear-gradient(135deg,#dfebff,#c5d8ff)}.art-icon{font-size:112px;filter:drop-shadow(0 20px 16px #00000020);z-index:3;transform:rotate(-3deg)}.art-label{position:absolute;bottom:28px;right:34px;font-size:11px;font-weight:900;letter-spacing:.1em;color:#27313b66}.art-card{position:absolute;border-radius:14px;background:#fff;box-shadow:0 15px 30px #00000014;transform:rotate(-8deg)}.art-a{width:180px;height:112px;left:12%;top:17%}.art-b{width:130px;height:85px;right:10%;top:22%;transform:rotate(8deg)}.art-c{width:155px;height:92px;right:15%;bottom:12%;transform:rotate(-6deg)}.art-orbit{position:absolute;border:2px dashed #55748933;border-radius:50%}.orbit-one{width:330px;height:330px}.orbit-two{width:220px;height:220px}.content-section{padding:42px 0 72px}.content-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:23px}.content-heading>div{display:flex;align-items:center;gap:11px}.orange-line{width:4px;height:36px;background:var(--orange)}.content-heading small{font-size:10px;color:#999;letter-spacing:.08em}.content-heading h2{font-size:26px;margin:0}.content-heading>a{font-size:12px;color:#c27c00;font-weight:800}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px}.featured-story{display:grid;grid-template-columns:42% 1fr;gap:26px;padding-bottom:28px;border-bottom:1px solid var(--line)}.story-cover,.row-thumb{background:linear-gradient(135deg,#193a6f,#3976d8);position:relative;overflow:hidden;min-height:245px;display:flex;align-items:flex-end}.story-cover span,.row-thumb span{position:absolute;bottom:12px;left:12px;background:var(--orange);color:#fff;font-size:10px;font-weight:800;padding:5px 8px}.story-cover b,.row-thumb b{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff17;font:800 125px Georgia}.story-info{align-self:center}.story-tag,.row-meta span{font-size:10px;color:#cb8200;font-weight:900;text-transform:uppercase}.story-info h3{font-size:27px;line-height:1.3;margin:8px 0}.story-info p,.story-row p{color:#777;font-size:14px}.story-meta{display:flex;justify-content:space-between;font-size:11px;color:#aaa;margin-top:20px}.story-meta a,.read-more{color:#c97f00;font-weight:850}.story-row{display:grid;grid-template-columns:210px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.row-thumb{min-height:132px}.row-thumb b{font-size:74px}.row-meta{display:flex;gap:12px;align-items:center;font-size:10px}.row-meta time{color:#aaa}.story-row h3{font-size:19px;margin:6px 0}.story-row p{margin:0 0 8px}.read-more{font-size:11px}.side-card{border:1px solid var(--line);padding:17px;margin-bottom:20px}.side-card h3{margin:0 0 8px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:16px}.side-card>a:not(.hot-item){display:flex;justify-content:space-between;border-bottom:1px solid #f1f1f1;padding:10px 3px;font-size:12px;color:#666}.side-card>a.active,.side-card>a:hover{color:#c67e00;font-weight:800}.hot-item{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #f1f1f1;font-size:12px}.hot-item strong{font:700 24px Georgia;color:#ddd}.empty{padding:50px;border:1px dashed #ccc;background:#fafafa;text-align:center;color:#777}.guide{background:#f6f7f9;border-top:1px solid #eceef1}.guide-inner{padding:54px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.guide small{color:var(--blue);font-weight:850}.guide h2{font-size:31px;margin:5px 0}.guide p{color:#707784}.guide-steps{display:grid;gap:9px}.guide-steps span{border:1px solid #ddd;background:#fff;padding:14px 16px;font-weight:700}footer{background:#17233b;color:#cad2df}.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between}.footer-inner .brand{color:#fff}.footer-inner .brandmark{width:36px;height:36px;font-size:21px}.footer-inner small{font-size:11px}@media(max-width:1050px){.masthead{grid-template-columns:300px 1fr}.promo-banner strong{font-size:18px}.portal-grid{grid-template-columns:1fr}.hero-art{min-height:250px}.portal-panel{margin-bottom:0;max-width:none}.content-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-inner{grid-template-columns:1fr}}@media(max-width:760px){.wide-shell{width:min(100% - 24px,1500px)}.masthead{grid-template-columns:1fr;gap:14px;padding:16px 0}.promo-banner{height:64px}.promo-banner strong{font-size:15px}.promo-cta{display:none}.utility-inner{align-items:stretch;flex-direction:column;padding:10px 0}.top-search{width:100%}.utility-actions{justify-content:flex-end}.outline-btn{display:none}.portal-panel{margin:0;padding:26px 22px}.portal-panel h1{font-size:33px}.hero-search{height:auto;flex-direction:column;gap:7px}.hero-search input{height:40px}.hero-search button{height:40px;width:100%}.hero-art{min-height:210px}.art-icon{font-size:82px}.featured-story{grid-template-columns:1fr}.story-cover{min-height:210px}.story-row{grid-template-columns:120px 1fr;gap:14px}.row-thumb{min-height:105px}.story-row p{display:none}.sidebar{grid-template-columns:1fr}.guide-inner{padding:40px 0}.footer-inner{flex-direction:column;justify-content:center;gap:9px}}@media(max-width:480px){.brandtext strong{font-size:20px}.utility-actions{font-size:11px}.post-btn{padding:9px 10px}.nav-scroll a{padding-left:14px;padding-right:14px}.portal-panel p{font-size:13px}.filter-row select{flex:1;min-width:120px}.story-info h3{font-size:22px}.content-heading h2{font-size:22px}}

/* ===== DACS_V1.2.2 · OS27-inspired refinement ===== */
:root{
  --os-radius-sm:14px;
  --os-radius:20px;
  --os-radius-lg:28px;
  --os-shadow:0 10px 30px rgba(26,44,78,.08);
  --os-shadow-lg:0 22px 60px rgba(28,48,88,.12);
  --os-glass:rgba(255,255,255,.78);
}
body{background:linear-gradient(180deg,#f8faff 0,#ffffff 32%,#f7f9fc 100%)}
.notice-bar{border-radius:0 0 14px 14px;box-shadow:0 4px 16px rgba(234,165,27,.12)}
.masthead{padding:12px 0}
.brandmark{border-radius:16px;box-shadow:0 8px 22px rgba(36,87,214,.22)}
.promo-banner{border-radius:22px;box-shadow:var(--os-shadow-lg);border:1px solid rgba(255,255,255,.22)}
.promo-cta{border-radius:999px;padding:10px 16px;box-shadow:0 8px 18px rgba(255,59,81,.26)}
.utility-row{background:rgba(247,249,252,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.utility-inner{padding:9px 0}
.top-search{height:42px;border-radius:999px;overflow:hidden;border:1px solid #dfe5ef;box-shadow:0 5px 18px rgba(30,50,90,.05)}
.top-search button{border-radius:50%;margin:3px;width:36px;height:36px}
.account-link{background:#fff;border:1px solid #e2e7ef;border-radius:999px;padding:5px 11px 5px 6px;box-shadow:0 4px 16px rgba(32,50,86,.05)}
.avatar{border-radius:50%;box-shadow:inset 0 0 0 1px #d8e4ff}
.outline-btn,.post-btn{border-radius:999px;padding:10px 17px}
.outline-btn{background:#fff;box-shadow:0 4px 16px rgba(32,50,86,.04)}
.post-btn{box-shadow:0 8px 20px rgba(239,165,29,.22)}
.category-nav{margin:8px auto 0;width:min(1500px,calc(100% - 44px));border:1px solid #e6ebf2;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:var(--os-shadow);overflow:hidden;position:sticky;top:8px;z-index:20;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav-scroll a{border-bottom:0;border-radius:12px;margin:6px 2px;padding:10px 16px}
.nav-scroll a:first-child{padding-left:16px;margin-left:6px}
.nav-scroll a:hover,.nav-scroll a.active{background:#edf3ff;color:var(--blue);border-bottom-color:transparent}
.portal-hero{background:transparent;padding:24px 0 10px}
.portal-grid{min-height:390px;border-radius:32px;overflow:hidden;background:#eef2f7;box-shadow:var(--os-shadow-lg);border:1px solid #e4e9f1}
.portal-panel{margin:28px;background:rgba(27,35,50,.92);border-radius:28px;padding:38px;box-shadow:0 18px 44px rgba(8,18,36,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hero-search{height:46px;background:#fff;border-radius:16px;padding:4px;overflow:hidden}
.hero-search input{border-radius:12px}
.hero-search button{height:38px;border-radius:12px;margin:auto 0;width:132px}
.filter-row{gap:9px;margin-top:12px}
.filter-row select{height:38px;border-radius:12px;border:1px solid #ffffff22;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.hero-art{min-height:390px;border-radius:28px 0 0 28px;margin:18px 18px 18px 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.art-card{border-radius:22px;box-shadow:0 16px 38px rgba(28,52,80,.13)}
.content-section{padding-top:52px}
.content-heading{border:0;background:#fff;border-radius:20px;padding:18px 20px;margin-bottom:22px;box-shadow:var(--os-shadow);border:1px solid #e8edf4}
.orange-line{border-radius:999px}
.content-layout{gap:28px}
.featured-story{background:#fff;border:1px solid #e7ecf3;border-radius:28px;padding:18px;box-shadow:var(--os-shadow);overflow:hidden}
.story-cover{border-radius:22px;min-height:250px}
.story-cover span,.row-thumb span{border-radius:999px;padding:6px 10px;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.story-list{margin-top:16px;display:grid;gap:14px}
.story-row{border:1px solid #e8edf4;background:#fff;border-radius:22px;padding:14px;box-shadow:0 7px 22px rgba(26,44,78,.055);transition:.2s ease}
.story-row:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(26,44,78,.09)}
.row-thumb{border-radius:17px;min-height:128px}
.side-card{border:1px solid #e7ecf3;border-radius:22px;background:#fff;box-shadow:var(--os-shadow);padding:18px}
.side-card h3{border-bottom:0;background:#f6f8fc;border-radius:12px;padding:10px 12px;margin:-2px -2px 9px}
.side-card>a:not(.hot-item){border-bottom:0;border-radius:11px;padding:10px 11px;margin:2px 0}
.side-card>a.active,.side-card>a:hover{background:#f1f5ff;color:var(--blue)}
.hot-item{border-bottom:0;border-radius:12px;padding:10px;margin:3px 0}
.hot-item:hover{background:#f8faff}
.empty{border-radius:22px;border:1px dashed #cfd8e5;background:#fff;box-shadow:var(--os-shadow)}
.guide{background:transparent;border-top:0;padding:12px 0 34px}
.guide-inner{background:linear-gradient(135deg,#f8fbff,#eef4ff);border:1px solid #e1e9f6;border-radius:30px;padding:42px;box-shadow:var(--os-shadow)}
.guide-steps span{border:1px solid #e1e7f0;border-radius:16px;box-shadow:0 6px 18px rgba(25,45,80,.05)}
footer{margin:0 22px 22px;border-radius:28px;overflow:hidden;box-shadow:0 16px 36px rgba(15,28,52,.16)}
@media(max-width:1050px){.portal-grid{border-radius:26px}.hero-art{margin:0 18px 18px;border-radius:24px}.portal-panel{margin:22px}.category-nav{width:min(100% - 24px,1500px)}}
@media(max-width:760px){.category-nav{width:calc(100% - 20px);top:6px;border-radius:16px}.portal-grid{border-radius:24px}.portal-panel{margin:12px;border-radius:22px}.hero-art{margin:0 12px 12px;border-radius:20px}.featured-story,.story-row,.side-card,.content-heading{border-radius:20px}.guide-inner{border-radius:24px;padding:30px 22px}footer{margin:0 12px 12px;border-radius:22px}}


/* ===== DACS_V1.2.3 · Header utility controls moved into masthead banner ===== */
.promo-tools{
  display:grid;
  grid-template-columns:minmax(280px,1fr) auto;
  gap:18px;
  align-items:center;
  padding:14px 18px;
  height:84px;
}
.promo-tools:before,.promo-tools:after{pointer-events:none}
.promo-search{
  position:relative;
  z-index:2;
  width:100%;
  max-width:none;
  height:48px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 10px 26px rgba(4,22,58,.18);
}
.promo-search input{font-size:14px;color:#1b2438;background:transparent}
.promo-search input::placeholder{color:#8a93a3}
.promo-search button{background:#fff;color:#17233b}
.promo-actions{position:relative;z-index:2;display:flex;align-items:center;gap:10px;white-space:nowrap}
.promo-account{
  color:#16223a;
  background:rgba(255,255,255,.97);
  border-color:rgba(255,255,255,.7);
  padding:7px 14px 7px 7px;
  box-shadow:0 10px 24px rgba(3,21,56,.18);
}
.promo-account:hover{transform:translateY(-1px)}
.promo-post{
  background:linear-gradient(135deg,#ffb52e,#f09d0d);
  color:#fff;
  box-shadow:0 10px 24px rgba(236,158,18,.28);
  padding:12px 18px;
}
.promo-post:hover{transform:translateY(-1px);filter:brightness(1.03)}
.category-nav{margin-top:2px}
@media(max-width:1050px){
  .masthead{grid-template-columns:270px minmax(0,1fr);gap:22px}
  .promo-tools{grid-template-columns:minmax(220px,1fr) auto;gap:10px;padding:12px 14px}
  .promo-account span:last-child{display:none}
  .promo-account{padding-right:7px}
}
@media(max-width:760px){
  .masthead{grid-template-columns:1fr;gap:12px;padding:14px 0}
  .promo-tools{height:auto;min-height:118px;grid-template-columns:1fr;padding:14px;border-radius:20px}
  .promo-actions{justify-content:flex-end}
  .promo-account span:last-child{display:inline}
  .promo-account{padding-right:14px}
  .promo-search{height:46px}
}
@media(max-width:480px){
  .promo-actions{justify-content:stretch}
  .promo-account,.promo-post{flex:1;justify-content:center;text-align:center}
  .promo-account span:last-child{display:inline}
  .promo-post{padding-left:12px;padding-right:12px}
}

/* ===== DACS_V1.2.4 · Fix header action buttons ===== */
.promo-banner>.promo-actions{
  display:flex;
  grid-template-columns:none;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:max-content;
}
.promo-actions .promo-account,
.promo-actions .promo-post{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  height:48px;
  margin:0;
  line-height:1;
  white-space:nowrap;
}
.promo-actions .promo-account{
  min-width:150px;
  padding:6px 18px 6px 7px;
}
.promo-actions .promo-post{
  min-width:148px;
  padding:0 20px;
  border:0;
}
.promo-tools{
  overflow:visible;
  grid-template-columns:minmax(360px,1fr) max-content;
}
.promo-search{min-width:0}
@media(max-width:1180px){
  .masthead{grid-template-columns:250px minmax(0,1fr);gap:18px}
  .promo-tools{grid-template-columns:minmax(240px,1fr) max-content;gap:10px}
  .promo-actions .promo-account{min-width:48px;width:48px;padding:6px}
  .promo-actions .promo-account span:last-child{display:none}
  .promo-actions .promo-post{min-width:126px;padding:0 14px}
}
@media(max-width:760px){
  .promo-banner>.promo-actions{display:flex;justify-content:stretch;width:100%}
  .promo-actions .promo-account,
  .promo-actions .promo-post{flex:1 1 0;width:auto;min-width:0}
  .promo-actions .promo-account span:last-child{display:inline}
  .promo-tools{grid-template-columns:1fr;overflow:hidden}
}


/* ===== DACS_V1.2.5 · Simplify masthead layout and remove background behind controls ===== */
.masthead{
  min-height:108px;
  display:grid;
  grid-template-columns:360px minmax(340px,1fr) auto auto;
  gap:16px;
  align-items:center;
  padding:14px 0 18px;
}
.masthead-search{
  width:100%;
  max-width:none;
  height:52px;
  background:#fff;
  border:1px solid #dfe5ef;
  border-radius:999px;
  box-shadow:0 6px 18px rgba(30,50,90,.06);
}
.masthead-search input{font-size:14px;color:#1b2438}
.masthead-search input::placeholder{color:#8a93a3}
.masthead-search button{background:#fff;color:#17233b}
.masthead-post,
.masthead-account{
  height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  flex:0 0 auto;
}
.masthead-post{
  min-width:150px;
  padding:0 20px;
  border-radius:999px;
  background:linear-gradient(135deg,#ffb52e,#f09d0d);
  color:#fff;
  box-shadow:0 10px 24px rgba(236,158,18,.22);
}
.masthead-account{
  min-width:150px;
  padding:6px 18px 6px 7px;
  border-radius:999px;
  color:#16223a;
  background:#fff;
  border:1px solid #e2e7ef;
  box-shadow:0 6px 18px rgba(32,50,86,.05);
}
.masthead-account:hover,.masthead-post:hover{transform:translateY(-1px)}
/* neutralize older banner-based header rules */
.promo-banner,.promo-tools,.promo-actions,.promo-search,.promo-account,.promo-post{all:unset}
@media(max-width:1180px){
  .masthead{
    grid-template-columns:280px minmax(220px,1fr) auto auto;
    gap:12px;
  }
  .masthead-account{
    min-width:52px;
    width:52px;
    padding:6px;
  }
  .masthead-account span:last-child{display:none}
  .masthead-post{min-width:132px;padding:0 16px}
}
@media(max-width:820px){
  .masthead{
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .brand{grid-column:1 / -1}
  .masthead-search{grid-column:1 / -1}
  .masthead-post,.masthead-account{width:100%;min-width:0}
  .masthead-account span:last-child{display:inline}
}
@media(max-width:480px){
  .masthead{grid-template-columns:1fr;gap:10px}
  .masthead-search,.masthead-post,.masthead-account{grid-column:auto;width:100%}
}


/* ===== DACS_V1.2.6 · Remove sidebar and guide section ===== */
.single-column{grid-template-columns:1fr;max-width:980px}
.single-column .main-feed{max-width:980px}
.single-column .featured-story,.single-column .story-row{width:100%}
.sidebar,.guide{display:none !important}
@media(max-width:760px){.single-column{max-width:none}}


/* ===== DACS_V1.2.7 · Post cards redesigned like news-feed tiles ===== */
.content-section{padding-top:40px;padding-bottom:24px}
.feed-masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.post-tile{background:#fff;border:1px solid #e6ebf2;border-radius:24px;padding:16px;box-shadow:0 10px 28px rgba(28,46,82,.06);transition:.22s ease;display:flex;flex-direction:column;gap:12px;min-height:100%}
.post-tile:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(28,46,82,.12)}
.tile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tile-author{display:flex;gap:10px;align-items:center;min-width:0}
.tile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7d59d1,#9a7beb);display:grid;place-items:center;color:#fff;font-weight:800;flex:0 0 auto}
.tile-author strong{display:block;font-size:15px;line-height:1.2}
.tile-author small{display:block;color:#8a93a3;font-size:12px;margin-top:2px}
.tile-category{color:#f09d0d;font-weight:800;font-size:13px;white-space:nowrap}
.tile-title{font-size:32px;line-height:1.18;margin:0;letter-spacing:-.02em}
.tile-title a:hover{color:var(--blue)}
.tile-summary{margin:0;color:#5f6778;font-size:15px;line-height:1.6}
.tile-visual{position:relative;display:block;min-height:230px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#eef3fb,#dce5f5);border:1px solid #e4e9f1}
.tile-badge,.tile-stamp{position:absolute;z-index:2;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;letter-spacing:.02em}
.tile-badge{left:12px;top:12px;background:rgba(255,255,255,.94);color:#41506d}
.tile-stamp{right:12px;top:12px;background:#ff5a6c;color:#fff}
.tile-visual-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.tile-visual-inner b{font-size:88px;line-height:1}
.tile-visual-inner small{font-size:15px;font-weight:800;letter-spacing:.08em;color:#233251;text-transform:uppercase}
.tile-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:2px}
.tile-actions a{height:42px;border:1px solid #e4e9f1;border-radius:14px;display:grid;place-items:center;background:#fafcff;font-size:18px;transition:.18s ease}
.tile-actions a:hover{background:#edf3ff;border-color:#cfdcff}
.post-tile.hoc-tap .tile-visual{background:linear-gradient(135deg,#eff4ff,#d9e5ff)}
.post-tile.hoc-bong .tile-visual{background:linear-gradient(135deg,#fff6e8,#ffe1a8)}
.post-tile.su-kien .tile-visual{background:linear-gradient(135deg,#f2efff,#dfd6ff)}
.post-tile.ky-nang .tile-visual{background:linear-gradient(135deg,#ecfbf5,#d5f3e6)}
.post-tile.viec-lam .tile-visual{background:linear-gradient(135deg,#eef7ff,#d8ebff)}
.post-tile.thong-bao .tile-visual{background:linear-gradient(135deg,#fff1f2,#ffd8dd)}
.post-tile.hoc-tap .tile-avatar{background:linear-gradient(135deg,#2457d6,#4c82ff)}
.post-tile.hoc-bong .tile-avatar{background:linear-gradient(135deg,#f0a11c,#f4bf4e)}
.post-tile.su-kien .tile-avatar{background:linear-gradient(135deg,#7d59d1,#a583ff)}
.post-tile.ky-nang .tile-avatar{background:linear-gradient(135deg,#22a37a,#59c49f)}
.post-tile.viec-lam .tile-avatar{background:linear-gradient(135deg,#1880d8,#48a8f0)}
.post-tile.thong-bao .tile-avatar{background:linear-gradient(135deg,#ec5a69,#ff8d99)}
@media(max-width:1180px){.feed-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-title{font-size:26px}}
@media(max-width:760px){.feed-masonry{grid-template-columns:1fr}.tile-title{font-size:23px}.tile-visual{min-height:200px}.tile-visual-inner b{font-size:72px}}


/* DACS_V1.5.1 trending */
.trend-strip{padding-top:28px}.trend-heading{margin-bottom:18px}.trend-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.trend-card{display:block;padding:18px;border:1px solid #e4e9f1;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(23,35,59,.05);transition:.2s}.trend-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(23,35,59,.1)}.trend-card strong{display:block;font-size:16px;line-height:1.4;margin:8px 0 10px}.trend-card small{color:#7a8497}.trend-tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff5dd;color:#d38d00;font-weight:800;font-size:11px}.tile-meta-line{display:flex;justify-content:space-between;gap:8px;color:#7f8797;font-size:12px;margin-top:-2px;margin-bottom:6px}@media(max-width:1180px){.trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.trend-grid{grid-template-columns:1fr}}

/* ===== DACS_V1.5.2 · Compact home cards/type ===== */
body{font-size:14px}.wide-shell{width:min(1440px,calc(100% - 36px))}.content-section{padding-top:30px}.content-heading{padding:14px 16px;border-radius:16px}.content-heading h2{font-size:24px}.feed-masonry{gap:14px}.post-tile{padding:13px;border-radius:18px;gap:9px}.tile-avatar{width:34px;height:34px}.tile-author strong{font-size:13px}.tile-author small,.tile-category{font-size:11px}.tile-title{font-size:24px;line-height:1.25}.tile-summary{font-size:13px;line-height:1.5}.tile-visual{min-height:180px;border-radius:14px}.tile-visual-inner b{font-size:68px}.tile-actions a{height:36px;border-radius:10px;font-size:16px}.trend-card{padding:14px;border-radius:16px}.trend-card strong{font-size:14px}.trend-card small{font-size:11px}.trend-grid{gap:10px}@media(max-width:1180px){.tile-title{font-size:21px}}@media(max-width:760px){.tile-title{font-size:20px}.tile-visual{min-height:160px}}


/* ===== DACS_V1.5.3 · Compact header + sticky category navigation ===== */
.notice-bar{
  padding:3px 0;
  font-size:10px;
  border-radius:0 0 10px 10px;
}
.masthead{
  min-height:76px;
  grid-template-columns:290px minmax(300px,1fr) auto auto;
  gap:12px;
  padding:9px 0 10px;
}
.brand{gap:9px}
.brandmark{
  width:40px;
  height:40px;
  border-radius:13px;
  font-size:24px;
}
.brandtext strong{font-size:20px}
.brandtext small{font-size:10px;margin-top:3px}
.masthead-search{
  height:42px;
  box-shadow:0 4px 14px rgba(30,50,90,.05);
}
.masthead-search input{font-size:13px;padding-left:14px}
.masthead-search button{width:38px;height:38px;margin:1px 2px}
.masthead-post,
.masthead-account{
  height:42px;
  font-size:12px;
}
.masthead-post{
  min-width:124px;
  padding:0 16px;
}
.masthead-account{
  min-width:132px;
  padding:5px 14px 5px 6px;
}
.masthead-account .avatar{
  width:27px;
  height:27px;
  font-size:12px;
}
.category-nav{
  position:sticky;
  top:0;
  z-index:100;
  width:100%;
  margin:0;
  border-radius:0;
  border-left:0;
  border-right:0;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 22px rgba(20,34,60,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.category-nav .wide-shell{width:min(1500px,calc(100% - 44px))}
.nav-scroll a{
  margin:4px 2px;
  padding:8px 14px;
  font-size:12px;
  border-radius:10px;
}
.nav-scroll a:first-child{margin-left:0;padding-left:14px}
@media(max-width:1180px){
  .masthead{grid-template-columns:230px minmax(220px,1fr) auto auto;gap:10px}
  .brandtext strong{font-size:18px}
  .masthead-post{min-width:112px;padding:0 12px}
  .masthead-account{min-width:46px;width:46px;padding:5px}
  .masthead-account span:last-child{display:none}
}
@media(max-width:820px){
  .masthead{grid-template-columns:1fr 1fr;min-height:auto;padding:10px 0}
  .brand{grid-column:1/-1}
  .masthead-search{grid-column:1/-1}
  .masthead-post,.masthead-account{width:100%;min-width:0}
  .masthead-account span:last-child{display:inline}
  .category-nav .wide-shell{width:calc(100% - 20px)}
}
@media(max-width:480px){
  .notice-bar{font-size:9px}
  .masthead{grid-template-columns:1fr;gap:8px}
  .brandtext small{display:none}
  .masthead-search,.masthead-post,.masthead-account{grid-column:auto;width:100%}
  .nav-scroll a{padding:7px 11px;font-size:11px}
}


/* ===== DACS_V1.5.4 · Thu nhỏ khối nội dung bên trái, giữ khu vực phải cho quảng cáo ===== */
.portal-grid{
  grid-template-columns:42% 58%;
  min-height:390px;
}
.portal-panel{
  margin:32px 18px 32px 28px;
  padding:28px 28px;
  max-width:620px;
  align-self:center;
}
.portal-panel h1{
  font-size:34px;
  margin:4px 0 4px;
}
.portal-panel p{
  font-size:13px;
  line-height:1.5;
  margin-bottom:16px;
  max-width:560px;
}
.portal-panel .section-kicker{font-size:10px}
.hero-search{height:38px}
.hero-search button{width:112px;font-size:10px}
.filter-row{margin-top:8px}
.filter-row select{height:32px;min-width:130px;font-size:10px}
/* Khu vực bên phải giữ nguyên phong cách/chiều cao để dùng cho banner hoặc quảng cáo. */
.hero-art{
  min-height:390px;
}
@media(max-width:1200px){
  .portal-grid{grid-template-columns:46% 54%}
  .portal-panel{max-width:none;margin:24px 16px 24px 22px;padding:24px}
}
@media(max-width:1050px){
  .portal-grid{grid-template-columns:1fr}
  .portal-panel{margin:18px 18px 0;max-width:none}
}


/* DACS_V1.6.1 · hero 50/50 + managed ad slot */
.portal-hero{padding:18px 0;background:transparent}.portal-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;min-height:0!important;padding:20px!important;align-items:stretch!important}.portal-panel{margin:0!important;max-width:none!important;min-height:320px!important;height:100%;display:flex;flex-direction:column;justify-content:center;border-radius:28px!important}.hero-art,.hero-ad-card{min-height:320px!important;height:100%;border-radius:28px!important;overflow:hidden;position:relative}.hero-ad-card{display:block;background:#e8eef6;box-shadow:inset 0 0 0 1px #dbe3ef}.hero-ad-card>img{width:100%;height:100%;min-height:320px;object-fit:cover}.hero-ad-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px;color:#fff;background:linear-gradient(transparent,rgba(8,18,38,.88));display:grid;gap:5px}.hero-ad-overlay span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#ffd46d}.hero-ad-overlay strong{font-size:24px;line-height:1.2}.hero-ad-overlay p{margin:0;font-size:13px;color:#eef2f9}.hero-art{margin:0!important}@media(max-width:1050px){.portal-grid{grid-template-columns:1fr!important}.portal-panel,.hero-art,.hero-ad-card{min-height:280px!important}.hero-ad-card>img{min-height:280px}}

/* ===== DACS_V1.6.2 · Remove yellow notice + pin complete header ===== */
.notice-bar{display:none!important}
.site-header{
  position:sticky;
  top:0;
  z-index:150;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 22px rgba(20,34,60,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.masthead{
  background:transparent;
}
.category-nav{
  position:static;
  top:auto;
  z-index:auto;
  box-shadow:none;
  border-top:1px solid #eef1f5;
  border-bottom:1px solid #e7ebf1;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
@media(max-width:820px){
  .site-header{position:relative}
  .category-nav{position:sticky;top:0;z-index:150;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(20,34,60,.08)}
}


/* ===== DACS_V1.6.3 · Pin category bar inside header ===== */
.site-header{overflow:visible}
.site-header .category-nav{width:100%;margin:0;border-radius:0}
.site-header .category-nav .nav-scroll{min-height:46px;display:flex;align-items:center}
@media(max-width:820px){
  .site-header{position:sticky;top:0;z-index:150}
  .site-header .category-nav{position:static;box-shadow:none}
}

/* ===== DACS_V1.8.1 · 4-column editorial feed ===== */
.editorial-feed{padding:30px 0 42px}
.editorial-heading{margin-bottom:18px}
.four-column-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
.feed-column,.today-zone{min-width:0}
.column-title{display:flex;gap:10px;align-items:center;padding:13px 14px;margin-bottom:12px;border:1px solid #e4eaf2;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(23,35,59,.05)}
.column-title>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:#2457d6;font-size:12px;font-weight:900}
.column-title small{display:block;color:#9aa3b1;font-size:10px;font-weight:800;letter-spacing:.09em}
.column-title h3{margin:1px 0 0;font-size:17px;line-height:1.15}
.today-title>span{background:#edf8f3;color:#17815e}.hot-title>span{background:#fff1df;color:#d88800}
.sponsored-card,.compact-feed-card,.daily-card,.hot-card{background:#fff;border:1px solid #e3e9f1;border-radius:18px;box-shadow:0 8px 24px rgba(23,35,59,.055)}
.sponsored-card{display:block;padding:12px;margin-bottom:12px;position:relative;overflow:hidden}
.sponsored-label{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff3d6;color:#c97d00;font-size:10px;font-weight:900;margin-bottom:9px}
.sponsored-card img,.ad-placeholder{width:100%;height:150px;border-radius:12px;object-fit:cover;background:linear-gradient(135deg,#ffe8a5,#ffc84d)}
.ad-placeholder{display:grid;place-items:center;font-size:34px;font-weight:900;color:#a86d00}
.sponsored-card strong{display:block;font-size:16px;line-height:1.35;margin-top:10px}.sponsored-card p{margin:6px 0 0;color:#6f7889;font-size:12px}
.stack-list{display:grid;gap:10px}.compact-feed-card{padding:13px}.compact-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:#d18a00;font-weight:800}.pin-badge{color:#2457d6;background:#edf3ff;border-radius:999px;padding:4px 7px}.compact-feed-card h4{font-size:15px;line-height:1.35;margin:9px 0 6px}.compact-feed-card p{font-size:12px;color:#6c7585;margin:0}.compact-stats{display:flex;gap:12px;margin-top:10px;color:#7b8595;font-size:11px}
.today-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.daily-card{padding:13px;display:flex;flex-direction:column;gap:9px}.daily-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.daily-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:#2457d6;font-weight:900}.daily-head strong{display:block;font-size:12px}.daily-head small{display:block;color:#929baa;font-size:10px}.daily-category{font-size:10px;color:#d48900;font-weight:900;white-space:nowrap}.daily-card h3{font-size:17px;line-height:1.3;margin:0}.daily-card p{font-size:12px;line-height:1.5;color:#687283;margin:0}.daily-image img,.daily-visual{width:100%;height:150px;border-radius:13px;border:1px solid #e3e9f1;object-fit:cover}.daily-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#eef4ff,#e0ebff)}.daily-visual span{font-size:52px}.daily-visual b{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.daily-actions{display:flex;align-items:center;gap:10px;color:#7a8494;font-size:10px}.daily-actions a{margin-left:auto;color:#2457d6;font-weight:800}
.hot-ranking{display:grid;gap:10px}.hot-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:12px}.hot-rank{font:800 25px Georgia;color:#d8dde6}.hot-content>span{font-size:10px;color:#d18a00;font-weight:900}.hot-content h4{font-size:14px;line-height:1.38;margin:5px 0 8px}.hot-content div{display:flex;gap:12px;font-size:10px;color:#7c8695}.hot-content b{color:#d88700}.hot-content small{font-size:10px}
.column-empty{padding:18px;border:1px dashed #ccd5e2;border-radius:14px;background:#fafbfd;color:#7c8695;font-size:12px;text-align:center}
.pin-tag{background:#edf3ff!important;color:#2457d6!important}.muted-status{color:#8a93a2;font-size:12px}
@media(max-width:1180px){.four-column-board{grid-template-columns:1fr 1fr}.today-zone{grid-column:1/-1;grid-row:1}.sponsored-column{grid-column:1}.hot-column{grid-column:2}.today-two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.four-column-board{grid-template-columns:1fr}.today-zone,.sponsored-column,.hot-column{grid-column:auto;grid-row:auto}.today-two-columns{grid-template-columns:1fr}.daily-image img,.daily-visual{height:180px}}


/* ===== DACS_V1.8.2 · remove feed section headings ===== */
.editorial-feed{padding-top:26px}
.four-column-board{margin-top:0}
.sponsored-column,.today-zone,.hot-column{padding-top:0}


/* ===== DACS_V1.8.3 · unified HOT cards + quick voting + Lucide-style icons ===== */
.ui-icon{width:18px;height:18px;display:block}.masthead-search button{display:grid;place-items:center}.masthead-post{display:inline-flex!important;align-items:center;gap:7px}.masthead-post .ui-icon{width:17px;height:17px}.mini-icon{width:13px;height:13px;vertical-align:-2px}.pin-badge{display:inline-flex;align-items:center;gap:4px}.hot-ranking{display:grid;gap:12px}.hot-feed-card{position:relative}.hot-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#fff1df;color:#d88800;font-size:9px;font-weight:900;white-space:nowrap}.hot-badge img{width:13px;height:13px}.card-footer-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:2px}.quick-vote{height:32px;display:inline-flex;align-items:center;border:1px solid #dfe5ed;border-radius:999px;background:#f8fafc;overflow:hidden}.quick-vote button{width:31px;height:30px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0}.quick-vote button:hover{background:#edf3ff}.quick-vote button:first-of-type:hover{background:#eaf7ef}.quick-vote button:last-of-type:hover{background:#fff0f1}.quick-vote button img{width:16px;height:16px}.quick-vote b{min-width:28px;text-align:center;font-size:11px;color:#344057}.comment-count{height:32px;display:inline-flex;align-items:center;gap:4px;border:1px solid #dfe5ed;border-radius:999px;padding:0 9px;color:#6f798b;font-size:10px}.comment-count img{width:15px;height:15px}.read-compact{margin-left:auto;color:#2457d6;font-size:10px;font-weight:800}.category-card-icon{width:48px!important;height:48px!important}.daily-visual span{font-size:0;display:grid;place-items:center}.hot-column .daily-card{padding:13px;display:flex;flex-direction:column;gap:9px}.hot-column .daily-card h3{font-size:17px;line-height:1.3;margin:0}.hot-column .daily-card p{font-size:12px;line-height:1.5;color:#687283;margin:0}.hot-column .daily-image img,.hot-column .daily-visual{height:150px}@media(max-width:760px){.card-footer-actions{flex-wrap:wrap}.read-compact{margin-left:0}.hot-column .daily-image img,.hot-column .daily-visual{height:180px}}

/* DACS_V1.9.4 main logo from web/icons/logo.svg */
.brand-logo{width:48px;height:48px;display:block;object-fit:contain;flex:0 0 auto}.footer-inner .brand-logo{width:36px;height:36px}@media(max-width:760px){.brand-logo{width:42px;height:42px}}

/* ===== DACS_V1.10.6 · Đà Lạt button palette & ornament ===== */
:root{
  --dalat-pine:#0a5b47;
  --dalat-pine-deep:#074536;
  --dalat-moss:#5f7d5e;
  --dalat-gold:#d7a43a;
  --dalat-gold-light:#efc86d;
  --dalat-cream:#fffaf0;
  --dalat-grape:#7c365f;
  --dalat-rose:#c86b74;
  --dalat-sky:#6f9f9a;
}

/* shared ornament language */
.masthead-post,
.hero-search button,
.account-link,
.nav-scroll a,
.quick-vote button,
.comment-count,
.read-compact,
.sponsored-label{
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease;
}

/* Primary publish button: pine + gold, with subtle highland weave */
.post-btn,.masthead-post{
  position:relative;
  overflow:hidden;
  color:#fff!important;
  border:1px solid rgba(215,164,58,.72)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.08) 75%,transparent 75%) 0 0/14px 14px,
    linear-gradient(135deg,var(--dalat-pine) 0%,var(--dalat-pine-deep) 100%)!important;
  box-shadow:0 10px 24px rgba(7,69,54,.22),inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.post-btn:hover,.masthead-post:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(7,69,54,.28),0 0 0 3px rgba(215,164,58,.12)!important}
.post-btn .ui-icon,.masthead-post .ui-icon{filter:brightness(0) invert(1)}

/* Account button: cream porcelain with pine outline */
.account-link{
  background:
    radial-gradient(circle at 12% 50%,rgba(215,164,58,.12),transparent 34%),
    linear-gradient(180deg,#fffdf8,#fbf5e9)!important;
  border-color:rgba(10,91,71,.22)!important;
  color:var(--dalat-pine-deep)!important;
  box-shadow:0 6px 18px rgba(10,91,71,.07)!important;
}
.account-link:hover{transform:translateY(-1px);border-color:rgba(215,164,58,.62)!important;box-shadow:0 10px 22px rgba(10,91,71,.11)!important}
.account-link .avatar{background:linear-gradient(135deg,#edf4ec,#fff7df)!important;color:var(--dalat-pine)!important;border:1px solid rgba(215,164,58,.35)}

/* Search buttons: gold like Đà Lạt morning light */
.hero-search button{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%) 0 0/12px 12px,
    linear-gradient(135deg,#e5b443,#c88916)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 8px 18px rgba(200,137,22,.22)!important;
}
.hero-search button:hover{transform:translateY(-1px);filter:saturate(1.04);box-shadow:0 11px 24px rgba(200,137,22,.28)!important}
.masthead-search button{
  background:linear-gradient(145deg,#fffdf7,#f5efe1)!important;
  border:1px solid rgba(10,91,71,.16)!important;
  color:var(--dalat-pine)!important;
}
.masthead-search button:hover{background:linear-gradient(145deg,#f2f7ef,#fff7df)!important;box-shadow:0 5px 12px rgba(10,91,71,.10)}

/* Category nav: cream base, colored active chip with pine/gold ornament */
.category-nav{background:rgba(255,253,247,.97)!important;border-color:rgba(10,91,71,.10)!important}
.nav-scroll a{position:relative;color:#42544d!important}
.nav-scroll a:hover{
  background:linear-gradient(135deg,#f0f6ef,#fff8e8)!important;
  color:var(--dalat-pine)!important;
  box-shadow:inset 0 0 0 1px rgba(10,91,71,.08);
}
.nav-scroll a.active{
  color:#fff!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.08) 75%,transparent 75%) 0 0/13px 13px,
    linear-gradient(135deg,var(--dalat-pine),#126b55)!important;
  box-shadow:0 7px 16px rgba(10,91,71,.16),inset 0 -2px 0 var(--dalat-gold)!important;
}

/* Filter chips/selects: translucent cream and moss */
.filter-row select{
  color:#36584d!important;
  border:1px solid rgba(215,164,58,.28)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,250,238,.88))!important;
  box-shadow:0 4px 14px rgba(7,69,54,.08)!important;
}
.filter-row select:hover,.filter-row select:focus{border-color:rgba(10,91,71,.42)!important;outline:none;box-shadow:0 0 0 3px rgba(10,91,71,.08)!important}

/* Voting chips: pine upvote, grape downvote */
.quick-vote{
  background:linear-gradient(180deg,#fffdf8,#f8f5ec)!important;
  border-color:rgba(10,91,71,.15)!important;
  box-shadow:0 3px 10px rgba(10,91,71,.05);
}
.quick-vote button:first-of-type:hover{background:#e5f2ea!important}
.quick-vote button:first-of-type:hover img{filter:invert(28%) sepia(26%) saturate(1073%) hue-rotate(111deg) brightness(89%) contrast(92%)}
.quick-vote button:last-of-type:hover{background:#f6e9f0!important}
.quick-vote button:last-of-type:hover img{filter:invert(25%) sepia(21%) saturate(1631%) hue-rotate(274deg) brightness(91%) contrast(86%)}
.quick-vote b{color:var(--dalat-pine-deep)!important}

/* Comments/read actions: cool mist + warm gold */
.comment-count{
  background:linear-gradient(180deg,#f8fbf9,#f2f7f4)!important;
  border-color:rgba(111,159,154,.24)!important;
  color:#51716a!important;
}
.comment-count:hover{transform:translateY(-1px);border-color:rgba(111,159,154,.46)!important;background:#edf6f2!important}
.read-compact{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;color:#9a6512!important;background:#fff5dd;border:1px solid rgba(215,164,58,.25)}
.read-compact:hover{transform:translateY(-1px);background:#f9e8ba;color:#704706!important}

/* Pinned / sponsored badges use grape + gold accents */
.pin-badge{
  color:var(--dalat-pine)!important;
  background:linear-gradient(135deg,#eaf4ed,#fff7df)!important;
  border:1px solid rgba(10,91,71,.10);
}
.sponsored-label{
  color:#fff!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.10) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.10) 50%,rgba(255,255,255,.10) 75%,transparent 75%) 0 0/10px 10px,
    linear-gradient(135deg,var(--dalat-grape),#95516f)!important;
  border:1px solid rgba(215,164,58,.45);
}
.hot-badge{background:#fff2df!important;color:#a96d10!important;border:1px solid rgba(215,164,58,.24)}

/* Soft ornamental hover for feed cards, tying buttons and cards together */
.daily-card,.compact-feed-card,.sponsored-card{
  border-color:rgba(10,91,71,.10)!important;
}
.daily-card:hover,.compact-feed-card:hover,.sponsored-card:hover{
  border-color:rgba(215,164,58,.26)!important;
  box-shadow:0 12px 28px rgba(7,69,54,.08)!important;
}

@media(max-width:760px){
  .masthead-post{box-shadow:0 7px 18px rgba(7,69,54,.20)!important}
  .nav-scroll a.active{box-shadow:inset 0 -2px 0 var(--dalat-gold)!important}
  .read-compact{min-height:28px;padding:0 8px}
}


/* ===== DACS_V1.10.7 · Fix portal search panel ===== */
.portal-panel{
  background:
    radial-gradient(circle at 100% 0,rgba(215,164,58,.10),transparent 31%),
    linear-gradient(145deg,#24352f 0%,#1d302a 100%)!important;
  border:1px solid rgba(215,164,58,.20)!important;
  box-shadow:0 18px 42px rgba(7,45,36,.12)!important;
  padding:36px 40px!important;
  overflow:hidden;
}
.portal-panel .section-kicker{display:inline-flex;align-items:center;gap:8px;color:#f0bb4d!important;font-size:12px!important;font-weight:850;letter-spacing:.14em!important}
.portal-panel h1{margin:8px 0 12px!important;font-size:clamp(34px,3.1vw,48px)!important;line-height:1.08!important;font-weight:650!important;letter-spacing:-.025em}
.portal-panel>p{margin:0 0 26px!important;max-width:760px!important;color:#d9e2de!important;font-size:15px!important;line-height:1.65!important}
.hero-search{display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;gap:8px!important;height:58px!important;padding:5px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(255,255,255,.76)!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important;overflow:hidden!important}
.hero-search input{width:100%;height:46px!important;min-width:0!important;padding:0 18px!important;border:0!important;border-radius:13px!important;background:#fff!important;color:#263c35!important;font-size:14px!important;outline:none!important}
.hero-search input::placeholder{color:#9aa19e!important}.hero-search input:focus{box-shadow:inset 0 0 0 2px rgba(10,91,71,.10)!important}
.hero-search button{width:100%!important;height:46px!important;margin:0!important;padding:0 18px!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;line-height:1!important;font-size:11px!important;letter-spacing:.035em}
.hero-search button img{width:16px;height:16px;filter:brightness(0) invert(1);flex:0 0 auto}
.filter-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important;align-items:center}
.filter-row select{width:100%!important;height:42px!important;min-width:0!important;padding:0 36px 0 14px!important;border-radius:12px!important;color:#31574b!important;font-size:12px!important;font-weight:650!important;background-color:#fffaf0!important;border:1px solid rgba(215,164,58,.34)!important;box-shadow:0 5px 14px rgba(7,69,54,.08)!important;cursor:pointer}
.filter-row select:hover{background-color:#fffdf8!important}
@media(max-width:760px){.portal-panel{padding:26px 22px!important}.hero-search{display:grid!important;grid-template-columns:1fr!important;height:auto!important;padding:5px!important}.hero-search input,.hero-search button{height:46px!important}.filter-row{grid-template-columns:1fr 1fr!important}}
@media(max-width:480px){.filter-row{grid-template-columns:1fr!important}}


/* ===== DACS_V1.10.8 · Pretty custom dropdown filters ===== */
.filter-row{
  position:relative;
  z-index:5;
}
.filter-row select{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:1px !important;
  height:1px !important;
}
.filter-select{
  position:relative;
  min-width:0;
}
.filter-select-trigger{
  width:100%;
  height:48px;
  border-radius:14px;
  border:1px solid rgba(221,188,121,.72);
  background:linear-gradient(180deg,#fffef8 0%,#fff9ec 100%);
  box-shadow:0 8px 20px rgba(3,44,34,.10), inset 0 1px 0 rgba(255,255,255,.75);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 14px 0 16px;
  cursor:pointer;
  color:#30584c;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.filter-select-trigger:hover{
  border-color:#e4b357;
  box-shadow:0 10px 24px rgba(3,44,34,.14), inset 0 1px 0 rgba(255,255,255,.8);
}
.filter-select.open .filter-select-trigger,
.filter-select-trigger:focus-visible{
  outline:none;
  border-color:#e0ab43;
  box-shadow:0 0 0 4px rgba(216,164,52,.14), 0 12px 24px rgba(3,44,34,.16);
}
.filter-select-label{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  line-height:1.1;
}
.filter-select-label small{
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#c0922a;
  margin-bottom:3px;
}
.filter-select-label span{
  font-size:12px;
  font-weight:800;
  color:#31574b;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.filter-select-arrow{
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(9,87,67,.07);
  flex:0 0 auto;
}
.filter-select-arrow img{
  width:14px;
  height:14px;
  opacity:.72;
}
.filter-select.open .filter-select-arrow img{
  transform:rotate(180deg);
}
.filter-select-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  background:rgba(255,251,241,.98);
  border:1px solid rgba(219,181,106,.42);
  border-radius:18px;
  box-shadow:0 18px 42px rgba(10,38,31,.20);
  padding:8px;
  display:none;
  backdrop-filter:blur(12px);
  z-index:35;
  overflow:hidden;
}
.filter-select.open .filter-select-menu{
  display:block;
  animation:filterMenuIn .16s ease;
}
.filter-select-option{
  width:100%;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 12px;
  border-radius:12px;
  color:#294a40;
  cursor:pointer;
  text-align:left;
}
.filter-select-option:hover{
  background:rgba(15,95,72,.08);
}
.filter-select-option.active{
  background:linear-gradient(135deg,#0b6a53 0%,#0a5b47 100%);
  color:#fff;
  box-shadow:0 10px 18px rgba(10,91,71,.22);
}
.filter-select-option.active .filter-option-check{
  opacity:1;
}
.filter-option-main{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.filter-option-main b{
  font-size:12px;
  line-height:1.2;
}
.filter-option-main small{
  font-size:10px;
  line-height:1.35;
  color:rgba(49,87,75,.72);
}
.filter-select-option.active .filter-option-main small{
  color:rgba(255,255,255,.78);
}
.filter-option-check{
  width:18px;
  height:18px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.18);
  opacity:0;
  flex:0 0 auto;
}
.filter-option-check img{
  width:12px;
  height:12px;
  filter:brightness(0) invert(1);
}
@keyframes filterMenuIn{
  from{opacity:0;transform:translateY(-4px) scale(.985)}
  to{opacity:1;transform:none}
}
@media(max-width:760px){
  .filter-select-trigger{height:46px}
  .filter-select-menu{top:calc(100% + 6px)}
}


/* ===== DACS_V1.10.11 · Fix clipped dropdown in portal panel ===== */
.portal-hero,
.portal-grid,
.portal-panel{
  overflow: visible !important;
}
.portal-panel{
  position: relative;
  z-index: 20;
  padding-bottom: 76px !important;
}
.filter-row{
  position: relative;
  z-index: 60 !important;
}
.filter-select{
  z-index: 61;
}
.filter-select.open{
  z-index: 99;
}
.filter-select-menu{
  z-index: 120 !important;
}
.hero-art,
.hero-ad-card,
.editorial-feed,
.four-column-board{
  position: relative;
  z-index: 1;
}
@media(max-width:760px){
  .portal-panel{padding-bottom: 22px !important;}
}


/* ===== DACS_V1.10.11 · Compact account menu + profile + light/dark ===== */
.masthead-account-menu{position:relative;justify-self:end}
.compact-account{
  min-width:auto!important;
  padding:5px 10px 5px 6px!important;
  gap:8px;
  cursor:pointer;
  transition:.18s ease;
}
.compact-account .account-name{font-weight:800;font-size:12px;color:#21404e}
.compact-account .account-caret{width:15px;height:15px;opacity:.68}
.guest-account .account-name{color:#405169}
.account-menu.open .compact-account{box-shadow:0 12px 26px rgba(18,32,59,.12);border-color:#cfd8e8}
.account-dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  width:min(290px,calc(100vw - 28px));
  background:rgba(255,255,255,.98);
  border:1px solid #dfe7f0;
  border-radius:22px;
  box-shadow:0 20px 50px rgba(20,35,63,.16);
  padding:12px;
  display:none;
  z-index:220;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.account-menu.open .account-dropdown{display:grid;gap:6px;animation:accountDrop .16s ease-out}
@keyframes accountDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.account-dropdown-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 8px 12px;
  margin-bottom:2px;
  border-bottom:1px solid #edf1f6;
}
.account-avatar-large{width:40px;height:40px;font-size:16px;box-shadow:inset 0 0 0 1px #d8e4ff,0 8px 18px rgba(36,87,214,.14)}
.account-dropdown-head strong{display:block;font-size:14px;line-height:1.2;color:#142034}
.account-dropdown-head small{display:block;font-size:11px;color:#7a8598;margin-top:2px;word-break:break-all}
.account-dropdown-item{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 12px;
  border-radius:14px;
  border:1px solid transparent;
  background:#fff;
  color:#233149;
  font-weight:700;
  cursor:pointer;
  text-align:left;
}
.account-dropdown-item:hover{background:#f6f9ff;border-color:#dbe5f4;color:#1b4dd2}
.account-dropdown-item.danger:hover{background:#fff1f3;border-color:#ffd6dc;color:#e25167}
.account-dropdown-item .ui-icon{width:17px;height:17px;flex:0 0 auto}
.theme-switcher{justify-content:flex-start}
.theme-switcher span[data-theme-label]{flex:1}
.theme-pill{
  width:44px;
  height:24px;
  border-radius:999px;
  background:#e7ecf5;
  position:relative;
  transition:.2s ease;
  box-shadow:inset 0 0 0 1px #d6ddea;
}
.theme-knob{
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 3px 8px rgba(24,38,65,.18);
  transition:.2s ease;
}
[data-theme-toggle].active .theme-pill{background:linear-gradient(135deg,#0f8f73,#2457d6)}
[data-theme-toggle].active .theme-knob{transform:translateX(20px)}

body.theme-dark{
  background:linear-gradient(180deg,#0c1422 0%,#0f1a2a 55%,#111d2f 100%)!important;
  color:#e8eefb;
}
body.theme-dark .site-header{
  background:rgba(9,15,26,.92)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.32)!important;
}
body.theme-dark .brandtext strong,
body.theme-dark .nav-scroll a,
body.theme-dark .daily-card h3 a,
body.theme-dark .compact-feed-card h4 a,
body.theme-dark .sponsored-card strong,
body.theme-dark .content-heading h2,
body.theme-dark .compact-account .account-name,
body.theme-dark .account-dropdown-head strong{color:#edf2ff}
body.theme-dark .brandtext small,
body.theme-dark .daily-card p,
body.theme-dark .compact-feed-card p,
body.theme-dark .sponsored-card p,
body.theme-dark .comment-count,
body.theme-dark .daily-head small,
body.theme-dark .account-dropdown-head small{color:#9fb0cc}
body.theme-dark .masthead-search,
body.theme-dark .compact-account,
body.theme-dark .category-nav,
body.theme-dark .column-title,
body.theme-dark .sponsored-card,
body.theme-dark .compact-feed-card,
body.theme-dark .daily-card,
body.theme-dark .content-heading,
body.theme-dark .account-dropdown,
body.theme-dark .quick-vote,
body.theme-dark .comment-count{
  background:#121d31!important;
  border-color:#243149!important;
  color:#e8eefb!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
body.theme-dark .masthead-search input,
body.theme-dark .hero-search input{color:#edf2ff;background:transparent}
body.theme-dark .masthead-search input::placeholder,
body.theme-dark .hero-search input::placeholder{color:#91a2bf}
body.theme-dark .nav-scroll a:hover,
body.theme-dark .nav-scroll a.active{background:#1a2a45;color:#f6c25c}
body.theme-dark .portal-grid{background:#111a2a!important;border-color:#233148!important}
body.theme-dark .portal-panel{background:rgba(14,23,37,.92)!important}
body.theme-dark .account-dropdown-item{background:#121d31;color:#e7eefb}
body.theme-dark .account-dropdown-item:hover{background:#182640;border-color:#31415d;color:#ffd46d}
body.theme-dark .account-dropdown-item.danger:hover{background:#301922;border-color:#603142;color:#ff93a4}
body.theme-dark .theme-pill{background:#243149;box-shadow:inset 0 0 0 1px #31415d}
body.theme-dark .quick-vote button:hover{background:#1a2943}
body.theme-dark .comment-count:hover{background:#162338}

@media(max-width:1180px){
  .compact-account{padding-right:8px!important}
  .compact-account .account-name{display:none}
}
@media(max-width:820px){
  .masthead-account-menu{width:100%}
  .compact-account{width:100%;justify-content:center}
  .compact-account .account-name{display:inline}
  .account-dropdown{right:auto;left:0;width:min(320px,100%)}
}
@media(max-width:480px){
  .account-dropdown{width:100%}
}


/* ===== DACS_V1.10.11 · Smooth AJAX voting ===== */
.quick-vote{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.quick-vote.is-voting{opacity:.68;transform:scale(.98)}
.quick-vote button:disabled{cursor:wait}
.quick-vote button.voted{background:#0b6a53!important}
.quick-vote button.voted img{filter:brightness(0) invert(1)}
.quick-vote.vote-error{animation:voteShake .36s ease}
.vote-score-pop{animation:voteScorePop .3s ease}
@keyframes voteScorePop{0%{transform:scale(1)}45%{transform:scale(1.35);color:#0b7b5e}100%{transform:scale(1)}}
@keyframes voteShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}


/* ===== DACS_V1.10.12 · Neutral quick vote buttons ===== */
.quick-vote{padding:3px;gap:2px;background:#fff!important;border:1px solid #d8e0ea!important;box-shadow:0 8px 18px rgba(24,40,72,.07);overflow:visible!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.quick-vote button{width:28px;height:28px;border-radius:999px;background:#f6f8fb!important;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.quick-vote button:hover{background:#edf2f8!important;transform:translateY(-1px)}
.quick-vote button:first-of-type:hover,.quick-vote button:last-of-type:hover{background:#edf2f8!important}
.quick-vote button img{width:15px;height:15px;opacity:.86;filter:none!important}
.quick-vote button.is-selected{background:#edf2f7!important;box-shadow:inset 0 0 0 1px #c7d1df}
.quick-vote button.is-selected img{opacity:1;filter:none!important}
.quick-vote b{min-width:30px;font-size:12px;font-weight:800;color:#243149!important}

/* ===== DACS_V1.12.2 · User avatar images ===== */
.avatar{overflow:hidden}.avatar img,.account-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:inherit}


/* ===== DACS_V1.12.4 · Clickable cards + redesigned quick vote ===== */
.clickable-post-card{
  cursor:pointer;
  position:relative;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.clickable-post-card:hover{
  transform:translateY(-2px);
  border-color:#d8c28e!important;
  box-shadow:0 14px 34px rgba(24,40,72,.10)!important;
}
.clickable-post-card:focus-visible{
  outline:3px solid rgba(20,105,83,.18);
  outline-offset:3px;
}
.card-author-area{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  cursor:default;
  position:relative;
  z-index:2;
}
.card-author-area strong,.card-author-area small{cursor:default}

.quick-vote{
  height:38px!important;
  padding:3px!important;
  gap:3px!important;
  border:1px solid #d8e0e9!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  box-shadow:0 5px 14px rgba(31,48,77,.07)!important;
  overflow:visible!important;
}
.quick-vote button{
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.quick-vote button:hover{
  background:#eef3f7!important;
  transform:translateY(-1px)!important;
  box-shadow:none!important;
}
.quick-vote button:first-of-type:hover,
.quick-vote button:last-of-type:hover{
  background:#eef3f7!important;
}
.quick-vote button img{
  width:17px!important;
  height:17px!important;
  opacity:.78!important;
  filter:none!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
.quick-vote button:hover img{opacity:1!important;transform:scale(1.06)}
.quick-vote button.is-selected{
  background:#edf1f5!important;
  box-shadow:inset 0 0 0 1px #d4dce6!important;
}
.quick-vote button.is-selected img{opacity:1!important;filter:none!important}
.quick-vote b{
  min-width:32px!important;
  padding:0 4px!important;
  color:#202a3c!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:32px!important;
  text-align:center!important;
  border-left:1px solid #edf0f4;
  border-right:1px solid #edf0f4;
}
body.theme-dark .quick-vote{
  background:#121d31!important;
  border-color:#2a3850!important;
  box-shadow:0 6px 16px rgba(0,0,0,.18)!important;
}
body.theme-dark .quick-vote button:hover,
body.theme-dark .quick-vote button.is-selected{background:#1d2a40!important}
body.theme-dark .quick-vote b{color:#edf2ff!important;border-color:#27354d}
@media(max-width:760px){
  .clickable-post-card:hover{transform:none}
  .quick-vote{height:36px!important}
  .quick-vote button{width:30px!important;height:30px!important}
  .quick-vote b{line-height:30px!important;min-width:30px!important}
}

/* ===== DACS_V1.13.1 · Clickable author profiles on cards ===== */
.card-author-link{display:flex;align-items:center;gap:10px;color:inherit;border-radius:12px;padding:3px 6px 3px 3px;margin:-3px -6px -3px -3px}.card-author-link[href]:hover{background:#f3f8f6}.daily-avatar{overflow:hidden}.daily-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* ===== DACS_V1.13.3 · Save post button on cards ===== */
.save-post-btn{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border-radius:999px;border:1px solid #d9e2e8;background:#fff;color:#5d6b66;font-size:11px;font-weight:850;cursor:pointer;transition:.16s ease;white-space:nowrap}
.save-post-btn img{width:15px;height:15px;opacity:.76;transition:.16s ease}
.save-post-btn:hover{border-color:#bfcfc8;background:#f6faf8;color:#0a624d;transform:translateY(-1px)}
.save-post-btn.saved{border-color:#bcd9cc;background:#edf8f3;color:#0a624d}
.save-post-btn.saved img{opacity:1;filter:none}
.save-post-btn:disabled{opacity:.62;cursor:wait;transform:none}
.save-post-btn.save-error{animation:saveShake .3s ease}
@keyframes saveShake{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
@media(max-width:760px){.save-post-btn span{display:none}.save-post-btn{width:38px;padding:0}}
.card-footer-actions{flex-wrap:wrap}
.save-post-btn{height:32px;padding:0 9px}


/* ===== DACS_V1.13.3 · Uniform post cards, remove Read button ===== */
.today-two-columns,
.hot-ranking{align-items:stretch}

.daily-card,
.hot-column .daily-card{
  min-height:430px;
  height:100%;
  padding:16px;
  gap:10px;
}

.daily-card .daily-head,
.hot-column .daily-card .daily-head{
  min-height:44px;
}

.daily-card .daily-head strong,
.hot-column .daily-card .daily-head strong{
  font-size:13px;
  line-height:1.2;
}

.daily-card .daily-head small,
.hot-column .daily-card .daily-head small{
  font-size:10px;
  line-height:1.2;
}

.daily-card .daily-category,
.hot-column .daily-card .daily-category,
.hot-badge{
  font-size:10px;
}

.daily-card h3,
.hot-column .daily-card h3{
  min-height:48px;
  margin:0;
  font-size:18px;
  line-height:1.32;
  font-weight:850;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

.daily-card>p,
.hot-column .daily-card>p{
  min-height:38px;
  margin:0;
  font-size:12.5px;
  line-height:1.5;
  color:#687283;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

.daily-card .daily-image,
.daily-card .daily-visual,
.hot-column .daily-card .daily-image,
.hot-column .daily-card .daily-visual{
  display:block;
  width:100%;
  height:170px;
  flex:0 0 170px;
}

.daily-card .daily-image img,
.hot-column .daily-card .daily-image img{
  width:100%;
  height:170px!important;
  object-fit:cover;
  border-radius:13px;
}

.daily-card .daily-visual,
.hot-column .daily-card .daily-visual{
  height:170px!important;
}

.card-footer-actions{
  min-height:40px;
  margin-top:auto;
  padding-top:4px;
  flex-wrap:nowrap;
}

.card-footer-actions .quick-vote,
.card-footer-actions .comment-count,
.card-footer-actions .save-post-btn{
  flex:0 0 auto;
}

.read-compact{display:none!important}

/* Keep pinned post cards typographically aligned without forcing large blank cards */
.compact-feed-card h4{
  font-size:16px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.compact-feed-card p{
  font-size:12.5px;
  line-height:1.5;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

@media(max-width:760px){
  .daily-card,
  .hot-column .daily-card{min-height:420px}
  .daily-card .daily-image,
  .daily-card .daily-visual,
  .hot-column .daily-card .daily-image,
  .hot-column .daily-card .daily-visual,
  .daily-card .daily-image img,
  .hot-column .daily-card .daily-image img{height:180px!important;flex-basis:180px}
  .card-footer-actions{flex-wrap:wrap}
}


/* ===== DACS_V1.13.4 · More rounded seamless vote controls ===== */
.quick-vote{height:42px!important;display:inline-grid!important;grid-template-columns:42px minmax(36px,auto) 42px;align-items:center;padding:0!important;gap:0!important;border-radius:999px!important;overflow:hidden!important;background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;border:1px solid #d6deea!important;box-shadow:0 8px 20px rgba(24,40,72,.06)!important}
.quick-vote button{width:42px!important;height:42px!important;border-radius:0!important;background:transparent!important;display:grid;place-items:center;position:relative}
.quick-vote button:first-of-type{border-radius:999px 0 0 999px!important}
.quick-vote button:last-of-type{border-radius:0 999px 999px 0!important}
.quick-vote button + b,.quick-vote b + button{border-left:1px solid #e3e8f1}
.quick-vote button:hover{transform:none!important;background:#f5f8fc!important}
.quick-vote button:first-of-type:hover,.quick-vote button:last-of-type:hover{background:#f5f8fc!important}
.quick-vote button img{width:18px!important;height:18px!important;opacity:.82!important;transform:none!important}
.quick-vote button.is-selected{background:#eef3f9!important;box-shadow:none!important}
.quick-vote button.is-selected img{opacity:1!important}
.quick-vote b{display:grid;place-items:center;min-width:44px!important;height:42px!important;padding:0 10px;font-size:15px!important;font-weight:900!important;line-height:1;color:#243149!important;border-left:1px solid #e3e8f1;border-right:1px solid #e3e8f1;background:transparent!important}
.quick-vote.is-voting{opacity:.75;transform:none!important}
body.theme-dark .quick-vote{background:linear-gradient(180deg,#121a27 0%,#101724 100%)!important;border-color:#283448!important;box-shadow:none!important}
body.theme-dark .quick-vote button + b,body.theme-dark .quick-vote b + button,body.theme-dark .quick-vote b{border-color:#29364a}
body.theme-dark .quick-vote button:hover,body.theme-dark .quick-vote button.is-selected{background:#1b2638!important}
body.theme-dark .quick-vote b{color:#eef3ff!important}
@media(max-width:760px){.quick-vote{height:40px!important;grid-template-columns:40px minmax(34px,auto) 40px}.quick-vote button{width:40px!important;height:40px!important}.quick-vote b{height:40px!important;min-width:40px!important;font-size:14px!important}}


/* ===== DACS_V1.13.6 · No placeholder image for text-only posts ===== */
.daily-card.no-image,
.hot-column .daily-card.no-image{
  min-height:250px!important;
  height:auto!important;
}
.daily-card.no-image h3,
.hot-column .daily-card.no-image h3{
  min-height:0!important;
  -webkit-line-clamp:3;
}
.daily-card.no-image>p,
.hot-column .daily-card.no-image>p{
  min-height:0!important;
  -webkit-line-clamp:5;
  font-size:13px;
  line-height:1.6;
}
.daily-card.no-image .card-footer-actions,
.hot-column .daily-card.no-image .card-footer-actions{
  margin-top:auto;
}
@media(max-width:760px){
  .daily-card.no-image,
  .hot-column .daily-card.no-image{min-height:230px!important}
}

/* ===== DACS_V1.13.6 · Equal action heights + seamless vote pill ===== */
.card-footer-actions .quick-vote,
.card-footer-actions .comment-count,
.card-footer-actions .save-post-btn{
  height:38px!important;
  min-height:38px!important;
  box-sizing:border-box;
}
.card-footer-actions .comment-count,
.card-footer-actions .save-post-btn{
  padding-top:0!important;
  padding-bottom:0!important;
}
.card-footer-actions .quick-vote{
  display:inline-grid!important;
  grid-template-columns:38px minmax(36px,auto) 38px!important;
  align-items:center;
  padding:0!important;
  gap:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.card-footer-actions .quick-vote button{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.card-footer-actions .quick-vote button:first-of-type{
  border-radius:999px 0 0 999px!important;
}
.card-footer-actions .quick-vote button:last-of-type{
  border-radius:0 999px 999px 0!important;
}
.card-footer-actions .quick-vote b{
  height:38px!important;
  min-width:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 7px!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  font-size:14px!important;
  line-height:1!important;
}
.card-footer-actions .quick-vote button + b,
.card-footer-actions .quick-vote b + button{
  border-left:0!important;
  border-right:0!important;
}
.card-footer-actions .quick-vote button:hover,
.card-footer-actions .quick-vote button:first-of-type:hover,
.card-footer-actions .quick-vote button:last-of-type:hover{
  background:#f3f6fa!important;
}
body.theme-dark .card-footer-actions .quick-vote b,
body.theme-dark .card-footer-actions .quick-vote button + b,
body.theme-dark .card-footer-actions .quick-vote b + button{
  border:0!important;
}
@media(max-width:760px){
  .card-footer-actions .quick-vote,
  .card-footer-actions .comment-count,
  .card-footer-actions .save-post-btn{
    height:36px!important;
    min-height:36px!important;
  }
  .card-footer-actions .quick-vote{
    grid-template-columns:36px minmax(34px,auto) 36px!important;
  }
  .card-footer-actions .quick-vote button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  .card-footer-actions .quick-vote b{
    height:36px!important;
    min-width:34px!important;
  }
}

/* DACS_V1.16.1 · admin entry in normal account menu */
.account-dropdown-item.admin-menu-link{color:#174fc4;font-weight:850}
.account-dropdown-item.admin-menu-link:hover{background:#eef4ff;border-color:#cfdcf4;color:#113eaa}
body.theme-dark .account-dropdown-item.admin-menu-link{color:#8eb1ff}

/* ===== DACS_V1.17.1 · fixed large homepage advertising banner ===== */
.portal-grid{align-items:stretch!important}
.portal-panel,.hero-art,.hero-ad-card{height:360px!important;min-height:360px!important;max-height:360px!important}
.hero-ad-card{display:block!important;position:relative!important;overflow:hidden!important;background:#e8eef6!important}
.hero-ad-card>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center!important;transform:scale(1.015)}
.hero-ad-overlay{z-index:2!important}
@media(max-width:1050px){.portal-panel,.hero-art,.hero-ad-card{height:320px!important;min-height:320px!important;max-height:320px!important}}
@media(max-width:760px){.portal-panel{height:auto!important;min-height:300px!important;max-height:none!important}.hero-art,.hero-ad-card{height:300px!important;min-height:300px!important;max-height:300px!important}}

/* ===== DACS_V1.17.2 · compact portal hero 20% + fixed search height ===== */
@media(min-width:1051px){
  .portal-hero{padding:14px 0!important}
  .portal-grid{padding:16px!important;gap:16px!important}
  .portal-panel,.hero-art,.hero-ad-card{
    height:288px!important;
    min-height:288px!important;
    max-height:288px!important;
  }
  .portal-panel{
    padding:20px 28px!important;
    overflow:visible!important;
    justify-content:center!important;
  }
  .portal-panel .section-kicker{font-size:10px!important;line-height:1.2!important}
  .portal-panel h1{font-size:clamp(30px,2.6vw,40px)!important;margin:5px 0 8px!important;line-height:1.04!important}
  .portal-panel>p{font-size:13px!important;line-height:1.45!important;margin:0 0 12px!important;max-width:690px!important}
  .hero-search{
    flex:0 0 52px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    grid-template-columns:minmax(0,1fr) 142px!important;
    padding:5px!important;
    overflow:hidden!important;
  }
  .hero-search input,.hero-search button{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
  .filter-row{margin-top:9px!important;gap:8px!important}
  .filter-select-trigger{height:40px!important;min-height:40px!important}
  .filter-select-label small{font-size:9px!important}
  .filter-select-label span{font-size:11px!important}
  .filter-select-arrow{width:26px!important;height:26px!important}
  .hero-ad-card>img{height:100%!important;min-height:0!important}
}
@media(min-width:761px) and (max-width:1050px){
  .portal-panel,.hero-art,.hero-ad-card{height:288px!important;min-height:288px!important;max-height:288px!important}
  .portal-panel{padding:22px 26px!important}
  .hero-search{flex:0 0 52px!important;height:52px!important;min-height:52px!important;max-height:52px!important}
}

/* DACS_V1.18.1 · verified account badge */
.verified-name{display:flex!important;align-items:center;gap:5px}.mini-verified-badge{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;background:#1687f8;vertical-align:-3px;flex:0 0 auto}.mini-verified-badge img{width:10px!important;height:10px!important;filter:brightness(0) invert(1)!important;object-fit:contain!important}

/* ===== DACS_V1.18.4 · verified trust + account role badges ===== */
.verified-name{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.mini-role-badge{width:17px;height:17px;border-radius:5px;display:inline-grid;place-items:center;vertical-align:-3px;border:1px solid transparent}
.mini-role-badge img{width:11px!important;height:11px!important;filter:none!important}
.mini-role-badge.student{background:#eaf3ff;border-color:#cfdef7}.mini-role-badge.student img{filter:invert(37%) sepia(87%) saturate(1251%) hue-rotate(190deg)!important}
.mini-role-badge.employer{background:#fff3df;border-color:#efd8af}.mini-role-badge.employer img{filter:invert(54%) sepia(69%) saturate(650%) hue-rotate(357deg)!important}
.mini-role-badge.landlord{background:#ebf8ef;border-color:#cde6d5}.mini-role-badge.landlord img{filter:invert(38%) sepia(40%) saturate(852%) hue-rotate(101deg)!important}

/* ===== DACS_V1.19.4 · MOBILE ONLY. Desktop V1.19.1 remains unchanged ===== */
.mobile-create-fab{display:none}

@media (max-width:820px){
  html[data-viewport-mode="mobile"] body,
  body.is-mobile-view{overflow-x:hidden}

  /* Header mobile: logo/title + account icon on the same row */
  .site-header .masthead,
  .detail-site-header .masthead,
  .synced-site-header .masthead{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 54px!important;
    grid-template-areas:
      "brand account"
      "search search"!important;
    gap:13px 12px!important;
    align-items:center!important;
    min-height:auto!important;
    padding:15px 0 14px!important;
  }

  .site-header .brand,
  .detail-site-header .brand,
  .synced-site-header .brand{
    grid-area:brand!important;
    min-width:0!important;
    gap:10px!important;
  }

  .site-header .brand-logo,
  .detail-site-header .brand-logo,
  .synced-site-header .brand-logo{
    width:56px!important;
    height:56px!important;
    flex:0 0 56px!important;
  }

  .site-header .brandtext strong,
  .detail-site-header .brandtext strong,
  .synced-site-header .brandtext strong{
    font-size:clamp(18px,6.2vw,26px)!important;
    line-height:1.04!important;
    white-space:nowrap!important;
  }

  .site-header .brandtext small,
  .detail-site-header .brandtext small,
  .synced-site-header .brandtext small{
    margin-top:3px!important;
    font-size:10.5px!important;
  }

  /* Account is icon-only on mobile */
  .site-header .masthead-account-menu,
  .detail-site-header .masthead-account-menu,
  .synced-site-header .masthead-account-menu{
    grid-area:account!important;
    justify-self:end!important;
    width:auto!important;
  }

  .site-header .masthead-account,
  .detail-site-header .masthead-account,
  .synced-site-header .masthead-account{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    padding:0!important;
    gap:0!important;
    justify-content:center!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid rgba(215,164,58,.42)!important;
    box-shadow:0 8px 20px rgba(15,43,63,.07)!important;
  }

  .site-header .masthead-account .avatar,
  .detail-site-header .masthead-account .avatar,
  .synced-site-header .masthead-account .avatar{
    width:30px!important;
    height:30px!important;
    margin:0!important;
  }

  .site-header .masthead-account .account-name,
  .site-header .masthead-account .account-caret,
  .detail-site-header .masthead-account .account-name,
  .detail-site-header .masthead-account .account-caret,
  .synced-site-header .masthead-account .account-name,
  .synced-site-header .masthead-account .account-caret{display:none!important}

  /* Search becomes a clean full-width mobile row */
  .site-header .masthead-search,
  .detail-site-header .masthead-search,
  .synced-site-header .masthead-search{
    grid-area:search!important;
    width:100%!important;
    max-width:none!important;
    height:54px!important;
    min-width:0!important;
    padding:4px 4px 4px 16px!important;
    border-radius:999px!important;
    background:#fff!important;
    border:1px solid #dce3ec!important;
    box-shadow:0 8px 22px rgba(15,43,63,.05)!important;
  }

  .site-header .masthead-search input,
  .detail-site-header .masthead-search input,
  .synced-site-header .masthead-search input{
    min-width:0!important;
    font-size:15px!important;
    padding:0!important;
  }

  .site-header .masthead-search button,
  .detail-site-header .masthead-search button,
  .synced-site-header .masthead-search button{
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#fffdfa,#f4efdf)!important;
    border:1px solid rgba(215,164,58,.28)!important;
  }

  /* Hide desktop post button only on mobile */
  .site-header .masthead-post,
  .detail-site-header .masthead-post,
  .synced-site-header .masthead-post{display:none!important}

  /* Category navigation becomes a fixed bottom navigation */
  .site-header .category-nav,
  .detail-site-header .category-nav,
  .synced-site-header .category-nav{
    position:fixed!important;
    z-index:170!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    margin:0!important;
    padding:12px 0 calc(10px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #dde5ee!important;
    border-bottom:0!important;
    box-shadow:0 -10px 28px rgba(18,39,61,.10)!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .site-header .category-nav .wide-shell,
  .detail-site-header .category-nav .wide-shell,
  .synced-site-header .category-nav .wide-shell{
    width:calc(100% - 12px)!important;
  }

  .site-header .category-nav .nav-scroll,
  .detail-site-header .category-nav .nav-scroll,
  .synced-site-header .category-nav .nav-scroll{
    min-height:44px!important;
    padding:0 4px!important;
    gap:8px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
  }

  .site-header .category-nav .nav-scroll a,
  .detail-site-header .category-nav .nav-scroll a,
  .synced-site-header .category-nav .nav-scroll a{
    flex:0 0 auto!important;
    scroll-snap-align:center!important;
    padding:9px 12px 7px!important;
    border-radius:999px!important;
    border:1px solid #e3e9f0!important;
    background:#fff!important;
    color:#385047!important;
    font-size:12px!important;
    font-weight:800!important;
    border-bottom-color:#e3e9f0!important;
  }

  .site-header .category-nav .nav-scroll a.active,
  .detail-site-header .category-nav .nav-scroll a.active,
  .synced-site-header .category-nav .nav-scroll a.active{
    color:#0b684f!important;
    background:linear-gradient(145deg,#fffdfa,#f7f2e3)!important;
    border-color:#d7a43a!important;
  }

  /* New mobile post action: centered above bottom nav */
  .mobile-create-fab{
    position:fixed!important;
    z-index:185!important;
    left:50%!important;
    bottom:calc(62px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:4px!important;
    color:#0b684f!important;
    text-decoration:none!important;
  }

  .mobile-create-fab-circle{
    width:66px!important;
    height:66px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#0c775b,#095b47)!important;
    border:4px solid #fff!important;
    box-shadow:0 16px 30px rgba(7,69,54,.27),0 0 0 1px rgba(215,164,58,.18)!important;
  }

  .mobile-create-fab-circle img{
    width:28px!important;
    height:28px!important;
    filter:brightness(0) invert(1)!important;
  }

  .mobile-create-fab-label{
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    color:#0b684f!important;
    background:rgba(255,255,255,.94)!important;
    padding:4px 8px!important;
    border-radius:999px!important;
  }

  /* Keep content above the fixed mobile navigation */
  body,main,.detail-page,.shell,.page{padding-bottom:118px!important}
  footer{padding-bottom:110px!important}
}

@media (max-width:480px){
  .site-header .masthead,
  .detail-site-header .masthead,
  .synced-site-header .masthead{grid-template-columns:minmax(0,1fr) 50px!important}
  .site-header .brand-logo,
  .detail-site-header .brand-logo,
  .synced-site-header .brand-logo{width:50px!important;height:50px!important;flex-basis:50px!important}
  .site-header .brandtext strong,
  .detail-site-header .brandtext strong,
  .synced-site-header .brandtext strong{font-size:clamp(17px,6.4vw,23px)!important}
  .site-header .brandtext small,
  .detail-site-header .brandtext small,
  .synced-site-header .brandtext small{font-size:9.5px!important}
  .site-header .masthead-account,
  .detail-site-header .masthead-account,
  .synced-site-header .masthead-account{width:48px!important;min-width:48px!important;height:48px!important;border-radius:16px!important}
  .site-header .masthead-search,
  .detail-site-header .masthead-search,
  .synced-site-header .masthead-search{height:52px!important}
  .mobile-create-fab-circle{width:62px!important;height:62px!important}
}

body.theme-dark .mobile-create-fab-label{background:rgba(12,20,34,.94)!important;color:#d3ece2!important}
body.theme-dark .site-header .masthead-account,
body.theme-dark .detail-site-header .masthead-account,
body.theme-dark .synced-site-header .masthead-account,
body.theme-dark .site-header .masthead-search,
body.theme-dark .detail-site-header .masthead-search,
body.theme-dark .synced-site-header .masthead-search,
body.theme-dark .site-header .category-nav,
body.theme-dark .detail-site-header .category-nav,
body.theme-dark .synced-site-header .category-nav{background:rgba(14,22,36,.97)!important;border-color:#2a3952!important;color:#eef3fb!important}
body.theme-dark .site-header .category-nav .nav-scroll a,
body.theme-dark .detail-site-header .category-nav .nav-scroll a,
body.theme-dark .synced-site-header .category-nav .nav-scroll a{background:#111b2a!important;border-color:#26364b!important;color:#d9e3f0!important}
body.theme-dark .site-header .category-nav .nav-scroll a.active,
body.theme-dark .detail-site-header .category-nav .nav-scroll a.active,
body.theme-dark .synced-site-header .category-nav .nav-scroll a.active{background:#19352d!important;border-color:#d7a43a!important;color:#f1f7f3!important}

/* ===== DACS_V1.19.5 · mobile bottom category bar + centered post button ===== */
@media (max-width:820px){
  .site-header .category-nav,
  .detail-site-header .category-nav,
  .synced-site-header .category-nav{
    min-height:84px!important;
    padding:14px 0 calc(14px + env(safe-area-inset-bottom))!important;
  }

  .site-header .category-nav .nav-scroll,
  .detail-site-header .category-nav .nav-scroll,
  .synced-site-header .category-nav .nav-scroll{
    min-height:54px!important;
    align-items:center!important;
    padding:0 18px!important;
    gap:10px!important;
  }

  /* chừa khoảng trống để nút Đăng bài nằm chính giữa thanh dưới */
  .site-header .category-nav .nav-scroll::before,
  .detail-site-header .category-nav .nav-scroll::before,
  .synced-site-header .category-nav .nav-scroll::before,
  .site-header .category-nav .nav-scroll::after,
  .detail-site-header .category-nav .nav-scroll::after,
  .synced-site-header .category-nav .nav-scroll::after{
    content:"";
    flex:0 0 56px;
  }

  .mobile-create-fab{
    bottom:calc(22px + env(safe-area-inset-bottom))!important;
    gap:0!important;
  }

  .mobile-create-fab-circle{
    width:68px!important;
    height:68px!important;
    border-width:5px!important;
    box-shadow:0 16px 34px rgba(7,69,54,.24),0 0 0 1px rgba(215,164,58,.18)!important;
  }

  .mobile-create-fab-label{display:none!important}

  body,main,.detail-page,.shell,.page,.profile-page{padding-bottom:126px!important}
  footer{padding-bottom:118px!important}
}

@media (max-width:480px){
  .site-header .category-nav,
  .detail-site-header .category-nav,
  .synced-site-header .category-nav{min-height:80px!important}

  .site-header .category-nav .nav-scroll::before,
  .detail-site-header .category-nav .nav-scroll::before,
  .synced-site-header .category-nav .nav-scroll::before,
  .site-header .category-nav .nav-scroll::after,
  .detail-site-header .category-nav .nav-scroll::after,
  .synced-site-header .category-nav .nav-scroll::after{flex-basis:48px}

  .mobile-create-fab-circle{width:64px!important;height:64px!important}
}

/* ===== DACS_V1.19.6 · polished mobile layout ===== */
@media (max-width:820px){
  body.is-mobile-view{background:#f5f7f9!important}

  /* Compact top header */
  body.is-mobile-view .site-header,
  body.is-mobile-view .detail-site-header,
  body.is-mobile-view .synced-site-header{
    position:sticky!important;
    top:0!important;
    z-index:145!important;
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid #e8edf2!important;
    box-shadow:0 7px 22px rgba(20,39,63,.05)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }

  body.is-mobile-view .site-header .masthead,
  body.is-mobile-view .detail-site-header .masthead,
  body.is-mobile-view .synced-site-header .masthead{
    grid-template-columns:minmax(0,1fr) 46px!important;
    grid-template-areas:"brand account" "search search"!important;
    width:calc(100% - 28px)!important;
    gap:10px!important;
    padding:11px 0 12px!important;
  }

  body.is-mobile-view .site-header .brand-logo,
  body.is-mobile-view .detail-site-header .brand-logo,
  body.is-mobile-view .synced-site-header .brand-logo{
    width:44px!important;height:44px!important;flex-basis:44px!important;
  }

  body.is-mobile-view .site-header .brand,
  body.is-mobile-view .detail-site-header .brand,
  body.is-mobile-view .synced-site-header .brand{gap:9px!important}

  body.is-mobile-view .site-header .brandtext strong,
  body.is-mobile-view .detail-site-header .brandtext strong,
  body.is-mobile-view .synced-site-header .brandtext strong{
    font-size:21px!important;
    letter-spacing:-.02em!important;
  }

  body.is-mobile-view .site-header .brandtext small,
  body.is-mobile-view .detail-site-header .brandtext small,
  body.is-mobile-view .synced-site-header .brandtext small{
    font-size:9.5px!important;margin-top:2px!important;
  }

  body.is-mobile-view .site-header .masthead-account,
  body.is-mobile-view .detail-site-header .masthead-account,
  body.is-mobile-view .synced-site-header .masthead-account{
    width:44px!important;height:44px!important;min-width:44px!important;border-radius:15px!important;
    border-color:#e3cf9a!important;
  }
  body.is-mobile-view .site-header .masthead-account .avatar,
  body.is-mobile-view .detail-site-header .masthead-account .avatar,
  body.is-mobile-view .synced-site-header .masthead-account .avatar{width:26px!important;height:26px!important;font-size:14px!important}

  body.is-mobile-view .site-header .masthead-search,
  body.is-mobile-view .detail-site-header .masthead-search,
  body.is-mobile-view .synced-site-header .masthead-search{
    height:46px!important;
    border-radius:16px!important;
    padding:3px 3px 3px 14px!important;
    box-shadow:none!important;
  }
  body.is-mobile-view .site-header .masthead-search input,
  body.is-mobile-view .detail-site-header .masthead-search input,
  body.is-mobile-view .synced-site-header .masthead-search input{font-size:13px!important}
  body.is-mobile-view .site-header .masthead-search button,
  body.is-mobile-view .detail-site-header .masthead-search button,
  body.is-mobile-view .synced-site-header .masthead-search button{
    width:40px!important;height:40px!important;flex-basis:40px!important;
  }

  /* Real bottom nav: JS moves it out of sticky header */
  body.is-mobile-view > .category-nav{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    z-index:175!important;
    min-height:72px!important;
    margin:0!important;
    padding:10px 0 calc(10px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.98)!important;
    border:0!important;border-top:1px solid #dfe6ed!important;
    box-shadow:0 -10px 30px rgba(13,35,58,.10)!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  body.is-mobile-view > .category-nav .wide-shell{width:100%!important}
  body.is-mobile-view > .category-nav .nav-scroll{
    min-height:50px!important;
    gap:8px!important;
    padding:0 16px!important;
    overflow-x:auto!important;
    scroll-padding-inline:16px!important;
  }
  body.is-mobile-view > .category-nav .nav-scroll a{
    padding:8px 11px!important;
    min-height:38px!important;
    display:flex!important;align-items:center!important;
    border-radius:13px!important;
    font-size:11.5px!important;
    background:transparent!important;
    border:1px solid transparent!important;
    color:#486057!important;
  }
  body.is-mobile-view > .category-nav .nav-scroll a.active{
    color:#08604b!important;
    background:#fff8e8!important;
    border-color:#e0b552!important;
  }
  body.is-mobile-view > .category-nav .nav-scroll::before,
  body.is-mobile-view > .category-nav .nav-scroll::after{content:"";flex:0 0 42px!important}

  /* Center create button inside the bottom bar */
  body.is-mobile-view .mobile-create-fab{
    left:50%!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    z-index:190!important;
  }
  body.is-mobile-view .mobile-create-fab-circle{
    width:58px!important;height:58px!important;
    border:4px solid #fff!important;
    box-shadow:0 12px 28px rgba(7,69,54,.24)!important;
  }
  body.is-mobile-view .mobile-create-fab-circle img{width:24px!important;height:24px!important}
  body.is-mobile-view .mobile-create-fab-label{display:none!important}

  /* Home hero: mobile-native rather than scaled desktop */
  body.is-mobile-view .portal-hero{padding:14px 0 18px!important;background:#f4f7f9!important}
  body.is-mobile-view .portal-grid{
    width:calc(100% - 24px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    min-height:0!important;
  }
  body.is-mobile-view .portal-panel{
    margin:0!important;
    padding:22px 20px!important;
    border-radius:24px!important;
    min-height:0!important;
    box-shadow:0 12px 28px rgba(7,45,36,.10)!important;
  }
  body.is-mobile-view .portal-panel .section-kicker{font-size:10px!important}
  body.is-mobile-view .portal-panel h1{font-size:31px!important;margin:5px 0 10px!important}
  body.is-mobile-view .portal-panel>p{font-size:13px!important;line-height:1.55!important;margin-bottom:18px!important}

  body.is-mobile-view .hero-search{
    grid-template-columns:1fr!important;
    gap:7px!important;
    height:auto!important;
    padding:6px!important;
    border-radius:17px!important;
  }
  body.is-mobile-view .hero-search input,
  body.is-mobile-view .hero-search button{height:44px!important;border-radius:12px!important}
  body.is-mobile-view .hero-search input{font-size:13px!important;padding:0 14px!important}
  body.is-mobile-view .hero-search button{font-size:11px!important}

  body.is-mobile-view .filter-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  body.is-mobile-view .filter-select-trigger{height:44px!important;border-radius:12px!important;padding:0 11px!important}
  body.is-mobile-view .filter-select-label small{font-size:8.5px!important}
  body.is-mobile-view .filter-select-label span{font-size:11px!important}
  body.is-mobile-view .filter-select-arrow{width:26px!important;height:26px!important;border-radius:8px!important}

  body.is-mobile-view .hero-art,
  body.is-mobile-view .hero-ad-card{
    min-height:210px!important;
    height:210px!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  body.is-mobile-view .art-icon{font-size:66px!important}
  body.is-mobile-view .art-card{transform:scale(.72) rotate(-7deg)!important}
  body.is-mobile-view .art-a{left:4%!important;top:12%!important}
  body.is-mobile-view .art-b{right:2%!important;top:17%!important}
  body.is-mobile-view .art-c{right:7%!important;bottom:4%!important}
  body.is-mobile-view .art-orbit{transform:scale(.7)!important}
  body.is-mobile-view .art-label{bottom:14px!important;right:18px!important;font-size:8.5px!important}

  /* Mobile feed becomes one clean column */
  body.is-mobile-view .editorial-feed{width:calc(100% - 24px)!important;padding-top:14px!important}
  body.is-mobile-view .four-column-board{display:block!important}
  body.is-mobile-view .sponsored-column,
  body.is-mobile-view .hot-column{margin-bottom:12px!important}
  body.is-mobile-view .today-two-columns{grid-template-columns:1fr!important;gap:12px!important}
  body.is-mobile-view .daily-card,
  body.is-mobile-view .compact-feed-card,
  body.is-mobile-view .sponsored-card{border-radius:20px!important;padding:14px!important}
  body.is-mobile-view .daily-card h3{font-size:17px!important}
  body.is-mobile-view .daily-image img{height:190px!important;border-radius:16px!important}

  body.is-mobile-view main,
  body.is-mobile-view .detail-page,
  body.is-mobile-view .shell,
  body.is-mobile-view .page{padding-bottom:98px!important}
  body.is-mobile-view footer{padding-bottom:92px!important}
}

@media (max-width:430px){
  body.is-mobile-view .site-header .brandtext strong,
  body.is-mobile-view .detail-site-header .brandtext strong,
  body.is-mobile-view .synced-site-header .brandtext strong{font-size:19px!important}
  body.is-mobile-view .site-header .brand-logo,
  body.is-mobile-view .detail-site-header .brand-logo,
  body.is-mobile-view .synced-site-header .brand-logo{width:40px!important;height:40px!important;flex-basis:40px!important}
  body.is-mobile-view .portal-panel{padding:20px 17px!important}
  body.is-mobile-view .portal-panel h1{font-size:28px!important}
  body.is-mobile-view .filter-row{grid-template-columns:1fr 1fr!important}
  body.is-mobile-view > .category-nav .nav-scroll a{font-size:11px!important;padding:8px 10px!important}
}


/* ===== DACS_V1.19.7 · mobile top post icon beside account ===== */
@media (max-width:820px){
  body.is-mobile-view .site-header .masthead,
  body.is-mobile-view .detail-site-header .masthead,
  body.is-mobile-view .synced-site-header .masthead{
    grid-template-columns:minmax(0,1fr) 44px 44px!important;
    grid-template-areas:"brand post account" "search search search"!important;
    gap:10px!important;
    align-items:center!important;
  }

  body.is-mobile-view .site-header .brand,
  body.is-mobile-view .detail-site-header .brand,
  body.is-mobile-view .synced-site-header .brand{grid-area:brand!important;min-width:0!important}

  body.is-mobile-view .site-header .masthead-post,
  body.is-mobile-view .detail-site-header .masthead-post,
  body.is-mobile-view .synced-site-header .masthead-post{
    grid-area:post!important;
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    padding:0!important;
    border-radius:15px!important;
    font-size:0!important;
    line-height:0!important;
    color:transparent!important;
    gap:0!important;
    box-shadow:0 8px 20px rgba(7,69,54,.16)!important;
  }

  body.is-mobile-view .site-header .masthead-post .ui-icon,
  body.is-mobile-view .detail-site-header .masthead-post .ui-icon,
  body.is-mobile-view .synced-site-header .masthead-post .ui-icon{
    width:20px!important;
    height:20px!important;
    margin:0!important;
    filter:brightness(0) invert(1)!important;
  }

  body.is-mobile-view .site-header .masthead-account-menu,
  body.is-mobile-view .detail-site-header .masthead-account-menu,
  body.is-mobile-view .synced-site-header .masthead-account-menu{
    grid-area:account!important;
    justify-self:end!important;
  }

  body.is-mobile-view .mobile-create-fab{display:none!important}

  body.is-mobile-view > .category-nav{
    min-height:72px!important;
    padding:10px 0 calc(10px + env(safe-area-inset-bottom))!important;
  }

  body.is-mobile-view > .category-nav .nav-scroll{
    justify-content:flex-start!important;
    gap:8px!important;
    padding:0 12px!important;
    scroll-padding-inline:12px!important;
  }

  body.is-mobile-view > .category-nav .nav-scroll::before,
  body.is-mobile-view > .category-nav .nav-scroll::after{
    content:none!important;
    display:none!important;
    flex:0 0 0!important;
  }

  body.is-mobile-view > .category-nav .nav-scroll a{
    flex:0 0 auto!important;
    padding:8px 12px!important;
    min-height:38px!important;
    white-space:nowrap!important;
  }

  body.is-mobile-view main,
  body.is-mobile-view .detail-page,
  body.is-mobile-view .shell,
  body.is-mobile-view .page{padding-bottom:86px!important}
  body.is-mobile-view footer{padding-bottom:82px!important}
}

@media (max-width:480px){
  body.is-mobile-view .site-header .masthead,
  body.is-mobile-view .detail-site-header .masthead,
  body.is-mobile-view .synced-site-header .masthead{
    grid-template-columns:minmax(0,1fr) 42px 42px!important;
    width:calc(100% - 22px)!important;
    gap:8px!important;
    padding:10px 0 11px!important;
  }

  body.is-mobile-view .site-header .brand-logo,
  body.is-mobile-view .detail-site-header .brand-logo,
  body.is-mobile-view .synced-site-header .brand-logo{width:40px!important;height:40px!important;flex-basis:40px!important}

  body.is-mobile-view .site-header .brandtext strong,
  body.is-mobile-view .detail-site-header .brandtext strong,
  body.is-mobile-view .synced-site-header .brandtext strong{font-size:18px!important}

  body.is-mobile-view .site-header .brandtext small,
  body.is-mobile-view .detail-site-header .brandtext small,
  body.is-mobile-view .synced-site-header .brandtext small{font-size:9px!important}

  body.is-mobile-view .site-header .masthead-post,
  body.is-mobile-view .detail-site-header .masthead-post,
  body.is-mobile-view .synced-site-header .masthead-post,
  body.is-mobile-view .site-header .masthead-account,
  body.is-mobile-view .detail-site-header .masthead-account,
  body.is-mobile-view .synced-site-header .masthead-account{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }

  body.is-mobile-view > .category-nav .nav-scroll{padding:0 10px!important;gap:7px!important}
  body.is-mobile-view > .category-nav .nav-scroll a{font-size:11px!important;padding:7px 11px!important}
}

/* ===== DACS_V1.19.8 · refined icon-only mobile header controls ===== */
@media (max-width:820px){
  body.is-mobile-view .site-header .masthead,
  body.is-mobile-view .detail-site-header .masthead,
  body.is-mobile-view .synced-site-header .masthead{
    grid-template-columns:minmax(0,1fr) 42px 42px!important;
    gap:8px!important;
  }

  body.is-mobile-view .site-header .masthead-post,
  body.is-mobile-view .detail-site-header .masthead-post,
  body.is-mobile-view .synced-site-header .masthead-post,
  body.is-mobile-view .site-header .masthead-account,
  body.is-mobile-view .detail-site-header .masthead-account,
  body.is-mobile-view .synced-site-header .masthead-account{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
  }

  body.is-mobile-view .site-header .masthead-post,
  body.is-mobile-view .detail-site-header .masthead-post,
  body.is-mobile-view .synced-site-header .masthead-post{
    background:linear-gradient(145deg,#0e775c,#075845)!important;
    border:1px solid rgba(215,164,58,.58)!important;
    box-shadow:0 8px 18px rgba(7,69,54,.16)!important;
    color:transparent!important;
    font-size:0!important;
  }

  body.is-mobile-view .site-header .masthead-post:hover,
  body.is-mobile-view .detail-site-header .masthead-post:hover,
  body.is-mobile-view .synced-site-header .masthead-post:hover,
  body.is-mobile-view .site-header .masthead-account:hover,
  body.is-mobile-view .detail-site-header .masthead-account:hover,
  body.is-mobile-view .synced-site-header .masthead-account:hover{
    transform:translateY(-1px)!important;
  }

  body.is-mobile-view .site-header .masthead-post .ui-icon,
  body.is-mobile-view .detail-site-header .masthead-post .ui-icon,
  body.is-mobile-view .synced-site-header .masthead-post .ui-icon{
    width:19px!important;
    height:19px!important;
    margin:0!important;
  }

  body.is-mobile-view .site-header .masthead-account,
  body.is-mobile-view .detail-site-header .masthead-account,
  body.is-mobile-view .synced-site-header .masthead-account{
    background:linear-gradient(145deg,#fffdf8,#f7f2e6)!important;
    border:1px solid #e2c778!important;
    box-shadow:0 8px 18px rgba(33,52,75,.08)!important;
  }

  body.is-mobile-view .site-header .masthead-account .avatar,
  body.is-mobile-view .detail-site-header .masthead-account .avatar,
  body.is-mobile-view .synced-site-header .masthead-account .avatar{
    width:28px!important;
    height:28px!important;
    border-radius:10px!important;
    background:#eef5f0!important;
    color:#0b684f!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:inset 0 0 0 1px #c9ddd4!important;
  }

  body.is-mobile-view .site-header .masthead-account .avatar img,
  body.is-mobile-view .detail-site-header .masthead-account .avatar img,
  body.is-mobile-view .synced-site-header .masthead-account .avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:10px!important;
  }

  body.is-mobile-view .site-header .masthead-search button,
  body.is-mobile-view .detail-site-header .masthead-search button,
  body.is-mobile-view .synced-site-header .masthead-search button{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#fffdf8,#f3eddf)!important;
    border:1px solid #ead8aa!important;
    box-shadow:none!important;
  }

  body.is-mobile-view .site-header .masthead-search button .ui-icon,
  body.is-mobile-view .detail-site-header .masthead-search button .ui-icon,
  body.is-mobile-view .synced-site-header .masthead-search button .ui-icon{
    width:18px!important;
    height:18px!important;
  }

  body.is-mobile-view .account-dropdown{
    right:0!important;
    top:calc(100% + 10px)!important;
    border-radius:18px!important;
    box-shadow:0 18px 42px rgba(18,34,58,.16)!important;
  }
}

@media (max-width:480px){
  body.is-mobile-view .site-header .masthead,
  body.is-mobile-view .detail-site-header .masthead,
  body.is-mobile-view .synced-site-header .masthead{
    grid-template-columns:minmax(0,1fr) 40px 40px!important;
    gap:7px!important;
  }

  body.is-mobile-view .site-header .masthead-post,
  body.is-mobile-view .detail-site-header .masthead-post,
  body.is-mobile-view .synced-site-header .masthead-post,
  body.is-mobile-view .site-header .masthead-account,
  body.is-mobile-view .detail-site-header .masthead-account,
  body.is-mobile-view .synced-site-header .masthead-account{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    border-radius:13px!important;
  }
}

body.theme-dark.is-mobile-view .site-header .masthead-account,
body.theme-dark.is-mobile-view .detail-site-header .masthead-account,
body.theme-dark.is-mobile-view .synced-site-header .masthead-account{
  background:#162331!important;
  border-color:#415268!important;
}


/* DACS_V1.20.2 · Fix sticky-header anchor overlap */
#noi-dung{scroll-margin-top:132px}
@media(max-width:820px){#noi-dung{scroll-margin-top:116px}}



/* ===== DACS_V1.20.4 · Four smart filters ===== */
.portal-panel .filter-row{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.filter-select[data-smart="true"] .filter-select-trigger{background:linear-gradient(180deg,#fff8df 0%,#fff2c9 100%);border-color:rgba(224,171,67,.75);}
.filter-select[data-smart="true"] .filter-select-label small{color:#9b6c09;}
.filter-select[data-smart="true"] .filter-select-arrow{background:rgba(215,164,58,.16);}
.smart-filter-card.smart-hidden{display:none!important;}
.smart-filter-empty{grid-column:1/-1;padding:20px;border:1px dashed rgba(10,91,71,.24);border-radius:16px;background:#f7fbf9;color:#49645b;text-align:center;font-size:12px;font-weight:700;}
@media(max-width:900px){.portal-panel .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:480px){.portal-panel .filter-row{grid-template-columns:1fr!important;}}


/* ===== DACS_V1.20.9 · Refine portal search and filter strip ===== */
.portal-panel .hero-search{
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:10px!important;
  height:54px!important;
  min-height:54px!important;
  padding:5px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.10)!important;
}
.portal-panel .hero-search input{
  height:44px!important;
  padding:0 18px!important;
  font-size:13px!important;
}
.portal-panel .hero-search button{
  width:100%!important;
  height:44px!important;
  min-width:0!important;
  padding:0 14px!important;
  border-radius:14px!important;
  gap:7px!important;
  font-size:10px!important;
  letter-spacing:.03em!important;
  box-shadow:0 8px 18px rgba(200,137,22,.22)!important;
}
.portal-panel .hero-search button img{
  width:15px!important;
  height:15px!important;
}
.portal-panel .filter-row{
  margin-top:12px!important;
  gap:12px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.portal-panel .filter-select{
  min-width:0!important;
}
.portal-panel .filter-select-trigger{
  height:46px!important;
  min-height:46px!important;
  border-radius:16px!important;
  padding:0 12px 0 14px!important;
  gap:10px!important;
  border:1px solid rgba(215,164,58,.40)!important;
  background:linear-gradient(180deg,#fffef9 0%,#fdf8eb 100%)!important;
  box-shadow:0 6px 14px rgba(7,69,54,.07), inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.portal-panel .filter-select-trigger:hover{
  border-color:rgba(215,164,58,.68)!important;
  box-shadow:0 8px 16px rgba(7,69,54,.09), inset 0 1px 0 rgba(255,255,255,.92)!important;
  transform:none!important;
}
.portal-panel .filter-select.open .filter-select-trigger,
.portal-panel .filter-select-trigger:focus-visible{
  box-shadow:0 0 0 3px rgba(216,164,52,.11),0 8px 18px rgba(7,69,54,.10)!important;
}
.portal-panel .filter-select-label{
  gap:1px!important;
}
.portal-panel .filter-select-label small{
  margin-bottom:0!important;
  font-size:9px!important;
  line-height:1.05!important;
  letter-spacing:.11em!important;
  color:#b27c11!important;
}
.portal-panel .filter-select-label span{
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#355749!important;
}
.portal-panel .filter-select-arrow{
  width:24px!important;
  height:24px!important;
  border-radius:9px!important;
  background:rgba(10,91,71,.08)!important;
}
.portal-panel .filter-select-arrow img{
  width:13px!important;
  height:13px!important;
  opacity:.72!important;
}
.portal-panel .filter-select[data-smart="true"] .filter-select-trigger{
  background:linear-gradient(180deg,#fff8e5 0%,#fff1cb 100%)!important;
  border-color:rgba(224,171,67,.76)!important;
}
.portal-panel .filter-select[data-smart="true"] .filter-select-label small{
  color:#9b6c09!important;
}
.portal-panel .filter-select[data-smart="true"] .filter-select-arrow{
  background:rgba(215,164,58,.18)!important;
}
.portal-panel .filter-select-menu{
  top:calc(100% + 7px)!important;
  border-radius:16px!important;
  padding:7px!important;
}
.portal-panel .filter-select-option{
  padding:10px 11px!important;
  border-radius:11px!important;
}
.portal-panel .filter-option-main b{
  font-size:11px!important;
}
.portal-panel .filter-option-main small{
  font-size:9px!important;
}
@media(max-width:1180px){
  .portal-panel .hero-search{grid-template-columns:minmax(0,1fr) 102px!important;}
  .portal-panel .filter-row{gap:10px!important;}
  .portal-panel .filter-select-label small{font-size:8.5px!important;}
  .portal-panel .filter-select-label span{font-size:10.5px!important;}
}
@media(max-width:900px){
  .portal-panel .hero-search{grid-template-columns:minmax(0,1fr) 98px!important;}
  .portal-panel .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
}
@media(max-width:480px){
  .portal-panel .hero-search{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;}
  .portal-panel .hero-search button{width:100%!important;}
  .portal-panel .filter-row{grid-template-columns:1fr!important;}
}


/* DACS_V1.21.3 · Confession + trending column */
.hero-art.confession{background:linear-gradient(135deg,#f4d9e8,#dce8f7)!important}.trend-badge{background:linear-gradient(135deg,#fff2cf,#ffe1a0)!important;color:#8b5b06!important;border-color:#efd08a!important}.hot-column .hot-ranking{display:grid;gap:12px}.hot-column .hot-feed-card:nth-child(n+6){display:none!important}


/* DACS_V1.22.0 · Per-category post card styles */
.daily-card.card-style-horizontal{display:grid!important;grid-template-columns:minmax(0,1fr) 150px;grid-template-areas:"head image" "title image" "summary image" "actions image";column-gap:16px;align-content:start}
.daily-card.card-style-horizontal .daily-head{grid-area:head}.daily-card.card-style-horizontal h3{grid-area:title}.daily-card.card-style-horizontal>p{grid-area:summary}.daily-card.card-style-horizontal .card-footer-actions{grid-area:actions}.daily-card.card-style-horizontal .daily-image{grid-area:image;margin:0!important;height:100%;min-height:150px}.daily-card.card-style-horizontal .daily-image img{height:100%;object-fit:cover;border-radius:14px}
.daily-card.card-style-document{background:linear-gradient(150deg,#fbfefc 0%,#fffdf5 100%)!important;border-color:#cfe3d9!important;position:relative}.daily-card.card-style-document:before{content:"TÀI LIỆU";position:absolute;right:14px;top:14px;padding:4px 7px;border-radius:7px;background:#0a654e;color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em}
.card-style-document .daily-head{padding-right:62px}.document-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:7px 0 8px}.document-card-meta span,.document-card-meta b{padding:4px 7px;border-radius:8px;background:#edf6f1;color:#31584b;font-size:9px}.document-card-meta b{background:#fff1cc;color:#8c650c}.document-card-file{display:inline-flex!important;align-items:center;gap:6px;width:max-content;padding:6px 9px;border-radius:9px;background:#0a654e;color:#fff!important;font-size:9px;font-weight:850;margin:3px 0 9px}.document-card-file img{width:14px;height:14px;filter:brightness(0) invert(1)}
@media(max-width:650px){.daily-card.card-style-horizontal{grid-template-columns:1fr;grid-template-areas:"head" "title" "summary" "image" "actions"}.daily-card.card-style-horizontal .daily-image{min-height:180px}}

/* ===== DACS_V1.22.1 · Document thumbnail cards ===== */
.daily-card.card-style-document{
  display:flex!important;
  flex-direction:column!important;
  padding:12px!important;
  gap:0!important;
  background:linear-gradient(160deg,#fbfefc 0%,#fffdf7 100%)!important;
  border:1px solid #cfe3d9!important;
  overflow:hidden!important;
}
.daily-card.card-style-document:before{display:none!important}
.document-preview-thumb{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  border-radius:15px;
  overflow:hidden;
  background:linear-gradient(145deg,#eef5f2,#e2ebe7);
  border:1px solid #d2e0da;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  pointer-events:none;
}
.document-preview-thumb iframe,
.document-preview-thumb>img{
  width:100%;height:100%;border:0;display:block;object-fit:cover;background:#fff;pointer-events:none
}
.document-preview-fallback{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:18px;text-align:center;background:linear-gradient(145deg,#f7fbf9,#e7f1ec);color:#31564a
}
.document-preview-fallback img{width:38px;height:38px;opacity:.72}
.document-preview-fallback b{font-size:11px;letter-spacing:.08em;color:#0a654e}
.document-preview-fallback span{font-size:11px;color:#6b7f78;line-height:1.35}
.document-preview-title{margin:11px 2px 5px!important;font-size:14px!important;line-height:1.35!important;font-weight:850!important}
.document-preview-title a{color:#17352c!important}
.card-style-document .document-card-meta{margin:2px 2px 10px!important}
.card-style-document .card-footer-actions{margin-top:auto!important;padding-top:7px!important;border-top:1px solid rgba(10,101,78,.10)}
.document-trend-chip{position:absolute;top:9px;right:9px;min-width:28px;height:28px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:rgba(8,91,70,.92);color:#fff;font-size:10px;font-weight:900;box-shadow:0 6px 14px rgba(8,91,70,.22)}
@media(max-width:650px){.document-preview-thumb{aspect-ratio:16/10}.document-preview-title{font-size:13px!important}}

/* DACS_V1.22.2 · all document formats use the internal preview endpoint */
.document-preview-thumb iframe{pointer-events:none;background:#eef3f0}


/* ===== DACS_V1.22.11 · Document category 5-column catalog ===== */
.four-column-board.document-category-board{
  display:block!important;
}
.document-category-board>.sponsored-column,
.document-category-board>.hot-column{
  display:none!important;
}
.document-category-board>.today-zone{
  width:100%!important;
  min-width:0!important;
}
.document-category-board .today-two-columns{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
.document-category-board .daily-card.card-style-document{
  min-width:0!important;
  padding:9px!important;
  border-radius:14px!important;
  box-shadow:0 5px 14px rgba(20,54,43,.06)!important;
}
.document-category-board .document-preview-thumb{
  aspect-ratio:3/4!important;
  border-radius:11px!important;
}
.document-category-board .document-preview-title{
  margin:8px 2px 4px!important;
  font-size:12px!important;
  line-height:1.35!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:32px;
}
.document-category-board .document-card-meta{
  gap:4px!important;
  margin:1px 2px 7px!important;
}
.document-category-board .document-card-meta span,
.document-category-board .document-card-meta b{
  padding:3px 5px!important;
  border-radius:7px!important;
  font-size:8px!important;
}
.document-category-board .card-footer-actions{
  gap:5px!important;
  padding-top:6px!important;
}
.document-category-board .card-footer-actions button,
.document-category-board .card-footer-actions a{
  min-width:0!important;
}
.document-category-board .save-post-btn span{display:none!important}
@media(max-width:1250px){
  .document-category-board .today-two-columns{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .document-category-board .today-two-columns{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .document-category-board .today-two-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:420px){
  .document-category-board .today-two-columns{grid-template-columns:1fr!important}
}

/* DACS_V1.23.0 · số bộ lọc do form chuyên đề quyết định */
.filter-row{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}.filter-row>input[type="hidden"]{display:none!important}@media(max-width:760px){.filter-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:480px){.filter-row{grid-template-columns:1fr!important}}


/* DACS_V1.23.3 · prevent horizontal scrolling on home/category pages */
html,body{max-width:100%;overflow-x:hidden!important;}
body{position:relative;}
main,.portal-hero,.editorial-feed,.four-column-board,.today-zone,.today-two-columns,.content-layout,.portal-grid,.wide-shell{max-width:100%;}
.portal-grid,.four-column-board,.today-zone,.today-two-columns,.story-row,.featured-story,.content-layout,.sidebar,.hero-ad-card{min-width:0;}
.hero-art,.portal-panel,.document-category-board,.document-preview-thumb,.daily-card,.sponsored-column,.hot-column{min-width:0;max-width:100%;}