:root{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#202124;background:#fff;font-size:16px;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:#176b50;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.btn{cursor:pointer;border:1px solid #d8e1dd;background:white;border-radius:9px;padding:10px 15px;min-height:44px;color:#202124}button:hover,.btn:hover{background:#edf5f1}button.primary,.btn.primary{background:#176b50;color:white;border-color:#176b50}button.primary:hover{background:#0e503c}.wrap{max-width:1060px;margin:auto;padding:0 22px}.header{border-bottom:1px solid #e6eae8;background:white}.head{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:80px}.brand{display:flex;align-items:center;gap:10px;color:#176b50;font-size:20px;font-weight:800;line-height:1.2}.brand small{display:block;color:#64736b;font-size:11px;font-weight:500;margin-top:5px}.brandicon{display:grid;place-items:center;background:#176b50;color:white;width:42px;height:42px;border-radius:12px}.head nav{display:flex;align-items:center;gap:22px}.head nav a{color:#35443e;font-size:14px}.head nav .adminlink{font-size:22px}.hero{padding:60px 0 24px;max-width:800px}.hero h1{font-size:clamp(29px,4vw,44px);line-height:1.2;margin:0 0 14px;letter-spacing:-.8px}.muted{color:#62716b}.hero p{max-width:660px;margin:0 0 25px}.search{width:100%;padding:16px 18px;border:1px solid #cbd9d1;border-radius:12px;font-size:17px;min-height:55px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 30px}.filters button{border-radius:30px;padding:8px 18px}.filters button.active{background:#176b50;color:white}.list{max-width:850px}.item{display:flex;gap:16px;border-bottom:1px solid #e8ecea;padding:22px 0}.item-icon{flex:0 0 56px;width:56px;height:56px;border-radius:12px;background:#edf5f1;display:grid;place-items:center;font-size:25px;color:#176b50}.item h3{margin:2px 0 4px;line-height:1.4;font-size:19px}.item p{margin:0 0 7px;color:#62716b;font-size:14px}.eyebrow{font-size:12px;color:#176b50;font-weight:700;text-transform:uppercase}.meta{font-size:12px;color:#7a8780}.sectionhead{font-size:20px;margin:12px 0 0}.read{max-width:800px;padding-top:34px;padding-bottom:70px}.read h1{font-size:clamp(29px,4vw,42px);line-height:1.22;margin:15px 0}.read h2{font-size:24px;margin-top:35px;line-height:1.35}.read h3{font-size:19px;margin-top:23px}.read p{margin:14px 0}.read .summary{background:#f5f7f6;border-left:4px solid #176b50;padding:18px;border-radius:7px;margin:25px 0}.read .toc{border:1px solid #e4eae6;border-radius:12px;padding:16px 22px;margin:25px 0}.read .toc a{display:block;padding:3px 0}.read img{max-width:100%}.related{border-top:1px solid #e5ebe7;margin-top:35px;padding-top:18px}.footer{background:#f5f7f6;border-top:1px solid #e3eae5;margin-top:65px;padding:28px 0;color:#46534b}.footergrid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.footer p{margin:7px 0;font-size:14px}.footbottom{border-top:1px solid #dce5df;margin-top:22px;padding-top:16px;font-size:12px}.floatbtn{position:fixed;bottom:20px;z-index:20;border:0;box-shadow:0 5px 22px #0002;color:white;font-weight:700;display:flex;align-items:center;gap:8px}.zalo{left:20px;background:#0879d8;padding:10px 16px;border-radius:50px;min-height:48px}.zalo:hover{color:white;background:#0069c1;text-decoration:none}.chat-toggle{right:20px;background:#176b50;border-radius:50px;min-height:48px}.chatbox{position:fixed;right:20px;bottom:82px;width:min(370px,calc(100vw - 32px));height:min(520px,calc(100vh - 120px));background:white;z-index:21;border-radius:15px;box-shadow:0 10px 50px #0003;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce6df}.hidden{display:none!important}.chathead{background:#176b50;color:white;padding:13px 14px;display:flex;justify-content:space-between;align-items:center}.chathead button{background:transparent;color:white;border:0;padding:4px 9px}.chatlog{flex:1;overflow:auto;padding:14px}.bubble{background:#f1f5f2;border-radius:12px;padding:10px 13px;margin:8px 0;overflow-wrap:anywhere;font-size:14px}.bubble.user{background:#e2f2e9;margin-left:35px}.bubble a{display:block;margin:5px 0}.chat-form{display:flex;gap:7px;padding:10px;border-top:1px solid #e1e8e3}.chat-form input{flex:1;min-width:0;border:1px solid #d3ddd6;border-radius:9px;padding:8px}.chat-form button{background:#176b50;color:white}.panel{max-width:900px;margin:35px auto 70px}.panel h1{margin-bottom:8px}.notice{background:#fff7e5;border:1px solid #efdcaf;padding:12px;border-radius:9px;margin:15px 0}.toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:9px;background:#f5f7f6;border:1px solid #dbe5df;border-bottom:0;border-radius:9px 9px 0 0}.toolbar button{min-height:38px;padding:5px 11px}.editor{min-height:260px;border:1px solid #dbe5df;border-radius:0 0 9px 9px;padding:18px;outline:none}.editor:focus{border-color:#176b50}.field{margin:14px 0}.field label{display:block;font-weight:600;font-size:14px;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;padding:10px;border:1px solid #cbd9d1;border-radius:8px;background:white}.field textarea{min-height:80px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.adminrow{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #e3e9e5}.adminrow .actions{margin:0}.adminrow button{padding:6px 10px}.score{padding:14px;border:1px solid #dce6df;border-radius:10px;margin-top:15px}.score ul{margin:5px 0;padding-left:20px}.empty{padding:25px;background:#f5f7f6;border-radius:10px}.sr{position:absolute;left:-9999px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #edb749;outline-offset:2px}@media(max-width:650px){.head{align-items:flex-start;padding-top:15px;padding-bottom:12px;flex-direction:column}.head nav{gap:17px;flex-wrap:wrap}.hero{padding-top:36px}.item-icon{width:44px;height:44px;flex-basis:44px}.item h3{font-size:17px}.footergrid{grid-template-columns:1fr}.floatbtn span{display:none}.zalo,.chat-toggle{padding:12px 14px}.chatbox{right:8px;bottom:74px}.adminrow{align-items:flex-start;flex-direction:column}}

/* V3: giao dien khung vien manh cho giao vien */
:root{--line:#e2e8e5;--green:#176b50}body{background:#fff}.header{border-bottom:1px solid var(--line)}.head{min-height:76px}.brand{font-size:19px;letter-spacing:.15px}.brandlogo{width:46px;height:46px;flex-shrink:0}.head nav{gap:16px;flex-wrap:wrap}.head nav a{white-space:nowrap}.hero{margin-top:28px;padding:28px 30px 26px;max-width:900px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.hero h1{font-size:clamp(27px,3.3vw,37px);letter-spacing:-.5px;margin-top:9px}.hero p{margin-bottom:20px}.search{border-radius:7px;border-color:#cad7cf;background:white}.level-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 8px}.level-picks button{border-radius:7px;border:1px solid var(--line);font-weight:600;background:white}.level-picks button.active{border-color:var(--green);color:var(--green);background:#eef6f1}.filters{margin:13px 0 8px}.filters button{border-radius:7px}.list{max-width:900px;padding-top:22px}.item{border:1px solid var(--line);border-radius:8px;padding:17px 18px;margin:12px 0;background:#fff}.item-icon{border-radius:7px;background:#f0f6f2}.sectionhead{margin:4px 0 16px}.read{border:1px solid var(--line);border-radius:8px;padding:28px 32px;margin-top:30px}.footer{background:#fbfcfb}.footergrid{border-top:0}.panel{border:1px solid var(--line);border-radius:8px;padding:22px}.chatbox{border-radius:8px}.floatbtn{box-shadow:0 4px 15px #0002}
@media(max-width:650px){.head nav{gap:11px}.head nav a{font-size:12px}.hero{margin-top:16px;padding:20px 16px}.level-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.level-picks button{padding:8px}.read{padding:20px 17px}.item{padding:14px 12px}.panel{padding:14px}}

/* V4: thanh dau trang chi tim kiem noi bo va lien he */
.head{gap:18px}.header-search{margin-left:auto;display:flex;align-items:center;position:relative;flex:1;max-width:420px;min-width:0}.header-search-icon{position:absolute;left:13px;color:#52665b;font-size:25px;line-height:1;pointer-events:none}.header-search input{width:100%;min-width:0;height:44px;border:1px solid #d4ded8;border-radius:7px;padding:9px 12px 9px 39px;font:inherit;font-size:14px;background:#fff;color:#202124}.header-contact{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 16px;background:#176b50;border:1px solid #176b50;border-radius:7px;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}.header-contact:hover{background:#10513c;color:#fff;text-decoration:none}.header-contact:focus-visible,.header-search input:focus-visible{outline:3px solid #edb749;outline-offset:2px}@media(max-width:650px){.head{flex-direction:row;align-items:center;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}.brand{flex:1 1 100%}.header-search{margin-left:0;flex:1 1 0;max-width:none}.header-contact{padding:9px 11px}.header-search input{font-size:14px}}

/* V5: mot thanh ngang gon, khong menu, khong tim kiem tren header */
.header .head{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;gap:12px;min-height:72px;padding-top:8px;padding-bottom:8px}
.header .brand{flex:0 0 auto;min-width:0;font-size:18px;white-space:nowrap}
.header .brandlogo{width:42px;height:42px}
.header-info{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;font-size:12px;color:#425249;white-space:nowrap}
.header-info a{color:#294b3b;display:inline-flex;align-items:center;gap:5px;min-height:44px}
.header-info a:hover{color:#176b50}
.header-weather{display:inline-flex;align-items:center;gap:5px}
.weather-icon{color:#e3ad00;font-size:20px}
.header-sep{width:1px;height:22px;background:#dfe7e2;flex-shrink:0}
.header-date{white-space:nowrap}
@media(max-width:900px){.header-info{gap:7px;font-size:11px}.header .brand{font-size:15px}.header .brandlogo{width:36px;height:36px}.brand small{font-size:9px}}
@media(max-width:700px){.header .head{gap:6px;padding-left:10px;padding-right:10px;min-height:64px}.header .brand{font-size:12px;gap:5px}.header .brandlogo{width:28px;height:28px}.brand small{font-size:8px;margin-top:2px}.header-info{gap:5px;font-size:10px}.header-weather #weather-place,.header-phone span,.header-admin span,.header-sep{display:none}.weather-icon{font-size:15px}.header-info a{min-width:27px;justify-content:center}.header-date{font-size:10px}}
@media(max-width:390px){.header .brand{font-size:11px}.header .brandlogo{width:25px;height:25px}.header-info{gap:3px}.header-date{font-size:9px}}

/* V6: khung noi dung thong nhat 960px cho header, main va footer */
body{background:#f8faf9}
.site-frame{width:min(960px,calc(100% - 32px));margin:22px auto 28px;background:#fff;border:1px solid #e2e8e5;border-radius:8px;overflow:visible;box-shadow:0 2px 14px rgba(20,50,35,.035)}
.site-frame .wrap{max-width:100%;padding-left:24px;padding-right:24px}
.site-frame .header{border-radius:8px 8px 0 0;border-bottom:1px solid #e2e8e5}
.site-frame main.wrap{min-height:55vh;padding-top:1px;padding-bottom:26px}
.site-frame .footer{margin-top:0;border-top:1px solid #e2e8e5;border-radius:0 0 8px 8px;background:#fbfcfb}
.site-frame .footergrid{padding-top:18px}
.site-frame .footbottom{padding-bottom:15px}
.site-frame .hero,.site-frame .list,.site-frame .read{max-width:100%}
.site-frame .hero{margin-top:22px}
@media(max-width:700px){.site-frame{width:calc(100% - 16px);margin:8px auto 16px}.site-frame .wrap{padding-left:13px;padding-right:13px}.site-frame .header .head{padding-left:10px;padding-right:10px}.site-frame .hero{margin-top:14px}}

/* V7: one compact footer block, no columns or second copyright row */
.site-frame .footer{margin-top:0;border-top:1px solid #e2e8e5;background:#fbfcfb;border-radius:0 0 8px 8px;padding:20px 0 22px}
.site-frame .footer-unified{display:block;padding-top:0}
.site-frame .footer-unified strong{display:block;color:#35443e;font-size:15px}
.site-frame .footer-unified p{margin:6px 0;font-size:13px;line-height:1.65}
.site-frame .footer-unified .footer-contact{margin-top:9px}
.site-frame .footer-unified a{font-weight:600}

/* V8: red and gold identity for the shared public/admin header and footer */
:root{--sdv-red:#99252a;--sdv-red-deep:#7b1d22;--sdv-gold:#f4c94f;--sdv-gold-pale:#fff8e7}
.site-frame .header{background:var(--sdv-red);border-bottom:3px solid var(--sdv-gold)}
.site-frame .header .brand,.site-frame .header .brand small{color:#fff}
.site-frame .header .brand small{opacity:.92}
.site-frame .header .header-info,.site-frame .header .header-info a{color:#fff}
.site-frame .header .header-info a:hover{color:var(--sdv-gold);text-decoration:underline}
.site-frame .header .header-sep{background:rgba(255,255,255,.42)}
.site-frame .header .weather-icon{color:var(--sdv-gold)}
.site-frame .header .header-info a:focus-visible,.site-frame .header .brand:focus-visible{outline:3px solid var(--sdv-gold);outline-offset:3px}
.site-frame .footer{background:var(--sdv-gold-pale);border-top:3px solid var(--sdv-gold);color:#542a24}
.site-frame .footer-unified strong{color:var(--sdv-red-deep)}
.site-frame .footer-unified a{color:var(--sdv-red-deep);text-decoration:underline;text-underline-offset:2px}
.site-frame .footer-unified a:hover{color:#561318}
@media(max-width:700px){.site-frame .header .head{min-height:66px}}

/* V9: restore green header, retain red/gold footer */
.site-frame .header{background:#176b50;border-bottom:1px solid #11543e}
.site-frame .header .weather-icon{color:#f4c94f}
.item-cover{width:170px;aspect-ratio:16/9;object-fit:cover;border-radius:7px;flex-shrink:0;background:#eaf1eb}
.cover-large{width:100%;max-height:420px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin:16px 0}
.attachment-list{margin:24px 0;padding:16px;border:1px solid #dce6df;border-radius:8px}
.attachment-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #e5ebe7;flex-wrap:wrap}
.attachment-row:first-of-type{border-top:0}.attachment-row a{overflow-wrap:anywhere}
.attach-edit{border:1px solid #dce6df;border-radius:8px;padding:15px;margin:15px 0}
.attach-edit .field{margin:8px 0}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.admin-help{font-size:13px;color:#58675e}.cover-preview{max-width:320px;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;border:1px solid #dce6df}
@media(max-width:650px){.item-cover{width:100%;max-width:170px}.item{align-items:flex-start}.item h3{font-size:16px}}