/* Chân trang www trên journal (Dex 02/11). Sinh bởi i18n/journal/footer_www.py từ site-moi/assets/footer-aesop.css — sửa ở www rồi chạy lại. */
@font-face{font-family:'SVN-Product Sans';src:url('/fonts/svn-product-sans-400-normal.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'SVN-Product Sans';src:url('/fonts/svn-product-sans-700-normal.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
.af{--le:clamp(16px,3vw,40px);font-size:16px;line-height:1.6;text-align:left}
/* journal không có các luật nền của lemai.css: bỏ gạch chân link, ẩn nhãn .sr, reset danh sách */
.af a{text-decoration:none}.af a:not(.af-gui){border:0}
.af .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.af ul,.af li,.af p,.af form{margin-left:0;padding-left:0}
.af *,.af *::before,.af *::after{box-sizing:border-box}
/* vùng bấm link chân trang ±7px, giống lemai.css của www (SEO 01/11) */
.af a{position:relative}.af a::after{content:"";position:absolute;left:0;right:0;top:-7px;bottom:-7px}
/* Chân trang = bố cục Aesop (đo aesop.com 03/10/2026): nền #252525, chữ kem #FFFEF2.
   Dải dịch vụ 88px · 3 cột 176px (x62/262/462) tiêu đề 18px gạch dưới · cột đăng ký 370px · dòng cuối 12px.
   Font: SVN-Product Sans (font Lê Mai). File này được script kiểm đồng nhất bỏ qua (bản sao Aesop, chờ Dex sửa). */
.af{--af-bg:#252525;--af-ink:#fffef2;--af-line:rgba(255,254,242,.9);background:var(--af-bg);color:var(--af-ink);font-family:'SVN-Product Sans',system-ui,sans-serif;margin-top:100px}
.af a{color:inherit}
.af a:hover{text-decoration:underline}
.af-top{max-width:1200px;margin:0 auto;border-bottom:1px solid var(--af-line)}
.af-dv{list-style:none;margin:0;padding:32px 0;display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px}
.af-dv li{display:flex;align-items:center;gap:11px;font-size:14px;line-height:21px;font-weight:700}
.af-dv svg{width:24px;height:24px;fill:none;stroke:var(--af-ink);stroke-width:1.3;stroke-linejoin:round}
.af-mid{max-width:1200px;margin:0 auto;padding:36px 12px 120px;display:grid;grid-template-columns:repeat(4,max-content) 1fr 340px;gap:0 40px;align-items:start}
.af-cols{display:contents}
.af-col summary{list-style:none;font-size:14px;line-height:21px;font-weight:700;padding-bottom:10px;margin-bottom:16px;border-bottom:1px solid var(--af-line);cursor:default}
.af-col summary::-webkit-details-marker{display:none}
.af-col ul{list-style:none;margin:0;padding:0}
.af-col li{font-size:12px;line-height:19.2px;margin-bottom:6px;white-space:nowrap;opacity:.85}
.af-col summary{white-space:nowrap}
.af-doan p{font-size:12px;line-height:19.2px;margin:0 0 12px;opacity:.85}
.af-gach{text-decoration:underline}
.af-thu{grid-column:6;padding-top:0}
.af-logo{height:40px;width:auto;filter:brightness(0) invert(.97);margin:0 0 28px;display:block}
.af-mt{width:9px;height:9px;fill:currentColor;margin-left:8px;vertical-align:1px}
.af-thu-h{font-size:14px;line-height:21px;font-weight:700;margin:0 0 8px}
.af-thu-p{font-size:12px;line-height:19.2px;margin:0 0 16px;opacity:.85}
.af-o{display:block}
.af-o input{width:100%;height:40px;padding:0 16px;background:var(--af-ink);border:1px solid rgba(51,51,51,.2);font:inherit;font-size:14px;color:#333}
.af-o input::placeholder{color:#666}
.af-gui{margin-top:16px;min-width:118px;height:48px;padding:0 24px;background:transparent;color:var(--af-ink);border:1px solid var(--af-ink);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.af-gui:hover{background:var(--af-ink);color:var(--af-bg)}
.af-dk{display:inline-flex;align-items:center;justify-content:center;margin-top:0;text-decoration:none}  /* Dex 03/11: nút Trở thành thành viên */
.af-dn{display:block;margin-top:12px;font-size:12px;line-height:19.2px;color:inherit;opacity:.85;text-decoration:underline;text-underline-offset:3px}
.af-bot{max-width:1200px;margin:0 auto;padding:0 0 40px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;font-size:12px;line-height:18px}
.af-bot p{margin:0}
.af-bot-link{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;max-width:370px}
@media (max-width:1240px){
 .af-top,.af-mid,.af-bot{margin-left:var(--le);margin-right:var(--le)}
 .af-mid{grid-template-columns:repeat(4,max-content) minmax(0,1fr);gap:0 32px;padding-left:0;padding-right:0}
 .af-thu{grid-column:5}
}
@media (max-width:960px){
 .af{margin-top:64px}
 .af-dv{flex-direction:column;align-items:flex-start;padding:24px 0}
 .af-mid{display:block;padding:8px 0 56px}
 .af-cols{display:block}
 .af-col summary{margin:0;padding:18px 0;display:flex;justify-content:space-between;cursor:pointer}
 .af-col summary::after{content:"+"}
 .af-col[open] summary::after{content:"−"}
 .af-col ul,.af-doan{padding:16px 0 8px}
 .af-thu{margin-top:40px}
 .af-bot{flex-direction:column;gap:12px}
}

/* Dex 05/10: cỡ chữ các cột chân trang = khối 'Thư từ Lê Mai' (tiêu đề 14px đậm, chữ 12px) */
.af-col li a:hover{opacity:1;text-decoration:underline}
/* Dex 05/10: logo Lê Mai màu kem dưới khối Thư từ */
.af-logo{display:inline-block;margin-top:64px;line-height:0}
.af-logo img{height:44px;width:auto;display:block}
@media (max-width:960px){.af-logo{margin-top:40px}.af-logo img{height:36px}}
.af-thu-ok{font-size:14px;line-height:21px;margin:0 0 16px}  /* Dex 11/10: báo cảm ơn sau khi đăng ký nhận thư */