/* Trang tra cứu — không JS, một file CSS, để tải nhanh trên 3G */
:root{color-scheme:light;--nen:#d9e7f7;--the:#fff;--muc:#1b2540;--mo:#5d6b87;--vien:#d3ddeb;--do:#a4402f;--lam:#1e4f9e;
--kem:#faf5e9;--kem-vien:#d9c9a6;--kem-muc:#3f3426;--kem-mo:#5b4f3a;
--ten:"Playfair Display",Georgia,"Times New Roman",serif;
--than:"Be Vietnam Pro",-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--nen);color:var(--muc);font-family:var(--than);font-size:16.5px;line-height:1.75}
a{color:var(--lam)}a:hover{color:var(--do)}
/* Thanh đầu trang — CÙNG KÍCH THƯỚC với thanh trang chủ (.td trong app.template.html):
   lề 7px 20px, cách 12px, ấn triện 52px; trên màn hẹp 7px 12px, cách 10px, ấn triện 46px. */
.dinh{background:var(--kem);border-bottom:2px solid var(--do);padding:7px 20px;display:flex;
gap:12px;align-items:center;flex-wrap:nowrap;box-shadow:0 2px 10px rgba(90,70,30,.10)}
.ten-trang{display:flex;align-items:center;text-decoration:none;line-height:0;flex:0 0 auto}
.ten-trang img{width:52px;height:52px;border-radius:10px;border:1px solid var(--kem-vien);
background:#fff;display:block}
.ten-trang:hover img{border-color:var(--do)}
.duong-dan{font-size:13.5px;color:var(--kem-mo);flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duong-dan a{color:var(--do)}
/* Menu ba gạch — cùng một kiểu với trang chủ. Dựng bằng <details> nên mở được không cần JS,
   điều kiện sống còn ở đây vì bộ trang tra cứu không có JavaScript. */
.td-hop{margin-left:auto;position:relative;flex:0 0 auto}
.td-nut{list-style:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:5px;
width:48px;height:44px;padding:0 11px;background:#fff;border:1px solid var(--kem-vien);border-radius:10px}
.td-nut::-webkit-details-marker{display:none}
.td-nut .gach{display:block;height:2px;border-radius:2px;background:var(--do)}
.td-nut:hover{border-color:var(--do)}
.td-hop[open] .td-nut{background:var(--do);border-color:var(--do)}
.td-hop[open] .td-nut .gach{background:#fff}
.td-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;display:flex;flex-direction:column;gap:2px;
min-width:164px;padding:5px;background:var(--the);border:1px solid var(--vien);border-radius:12px;
box-shadow:0 10px 26px rgba(20,53,107,.18)}
.td-menu a{font-weight:600;font-size:14.5px;letter-spacing:.02em;text-decoration:none;white-space:nowrap;
color:var(--do);padding:7px 12px;border-radius:8px;display:flex;align-items:center;gap:9px}
.td-menu svg,.td-nhom>summary svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;
stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.td-menu a:hover{background:#f7e6e2;color:var(--do)}
.td-menu>*:not(:first-child),.td-con a+a{position:relative}
.td-menu>*:not(:first-child)::before,.td-con a+a::before{content:'';position:absolute;top:0;left:10px;right:10px;height:1px;background:var(--vien)}
/* Mục đang tô hoặc đang rê chuột có nền bo tròn — vạch sẽ cắt ngang nền, trông như viền khuyết. */
.td-menu>a.dang::before,.td-menu>a:hover::before,.td-con a.dang::before,.td-con a:hover::before,
.td-menu>a.dang+*::before,.td-menu>a:hover+*::before,.td-con a.dang+a::before,.td-con a:hover+a::before{content:none}
.td-nhom{margin-top:0}
/* Không dùng space-between: summary có ba con (icon, chữ, mũi ::after) nên khoảng trống
chia cả vào giữa icon và chữ — chữ "Cách Cục" thụt vào. Xếp từ trái, mũi đẩy bằng margin-left:auto. */
.td-nhom>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;
font-weight:600;font-size:14.5px;color:var(--do);padding:7px 12px;border-radius:8px}
.td-nhom>summary::-webkit-details-marker{display:none}
.td-nhom>summary::after{content:'▾';font-size:11px;opacity:.75;margin-left:auto}
.td-nhom[open]>summary::after{content:'▴'}
.td-nhom>summary:hover{background:#f7e6e2}
.td-con{display:flex;flex-direction:column;gap:2px;margin:2px 0 3px 10px}
.td-con a{font-size:14px;padding:5px 10px}
.td-menu a.dang{background:var(--do);color:#fff}
.td-menu a.dang:hover{background:#8f3527;color:#fff}
.khung{max-width:720px;margin:0 auto;padding:26px 20px 56px}
@media(max-width:420px){.dinh{padding:7px 12px;gap:10px}.ten-trang img{width:46px;height:46px}}
h1{font-family:var(--than);font-weight:600;font-size:clamp(21px,5vw,28px);letter-spacing:.07em;text-transform:uppercase;line-height:1.32;margin:6px 0 14px;text-wrap:balance;color:var(--lam)}
h2{font-family:var(--than);font-weight:600;font-size:16px;letter-spacing:.12em;text-transform:uppercase;margin:36px 0 10px;text-wrap:balance;color:var(--lam)}
h3{font-family:var(--than);font-weight:600;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;margin:20px 0 8px;color:var(--lam)}
p{margin:0 0 12px}
.tren{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--do);margin:0}
.mo{font-size:18px}
.vai{font-size:14.5px;color:var(--mo);margin-bottom:8px}
.nho{font-size:14px;color:var(--mo);margin-bottom:4px}
.ho{margin:22px 0}
.ho>h3{font-size:14.5px;margin:0 0 6px;color:var(--muc)}
.ho .dan-ho{color:var(--mo);margin:0 0 10px}
.cach h4{margin:0 0 6px;font-size:17px;color:var(--do)}
.cach .dk{margin:0 0 8px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid var(--kem-vien);font-size:15px}
.o,.cach{background:var(--kem);border:1px solid var(--kem-vien);border-radius:12px;padding:18px 20px;margin:16px 0;
box-shadow:0 6px 18px rgba(90,70,30,.10)}
.o h3,.cach h3{color:var(--do)}
.cach .mo-ta{font-style:italic;color:var(--kem-mo)}
.o h3,.cach h3{margin-top:0}
.cach.canh-bao{background:#fbf1ee;border-color:#e3c6bf}
.cb{font-size:11.5px;font-weight:400;color:var(--do);letter-spacing:.04em}
.nhan{display:inline-block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:1px 8px;border-radius:999px;margin-right:6px}
.nhan.tot{background:#e6f2ea;color:#2f7d46}
.nhan.xau{background:#f7e6e2;color:var(--do)}
.vi,.ds{margin:8px 0 0;padding-left:20px}
.vi li,.ds li{margin-bottom:9px}
.trich{font-style:italic;color:#b8261a;font-weight:600}
.dan{font-size:.9em;color:#7d6234}
.lien{font-size:14.5px;margin-bottom:0}
.bang-cuon{overflow-x:auto}
.bang{width:100%;border-collapse:collapse;background:var(--the);border:1px solid var(--vien);font-size:15.5px}
.bang caption{text-align:left;font-size:13.5px;color:var(--mo);padding:8px 0}
.bang th,.bang td{padding:9px 12px;border-top:1px solid var(--vien);text-align:left}
.bang th{width:96px;white-space:nowrap;font-weight:600;color:var(--do)}
.bang.hai-cot{table-layout:fixed}
.bang.hai-cot th{width:34%;white-space:normal;overflow-wrap:break-word}
@media(max-width:560px){.bang.hai-cot th{width:38%}.bang.hai-cot th,.bang.hai-cot td{padding:8px;font-size:14.5px}}
.nguon{color:#7d6234;font-size:13.5px;margin-bottom:0;font-style:italic}
.dinh-nghia{background:var(--kem);border:1px solid var(--kem-vien);border-left:3px solid var(--do);border-radius:0 10px 10px 0;padding:14px 18px;margin:0 0 12px;color:var(--kem-muc)}
.ghi-phai{background:var(--the);border:1px solid var(--vien);border-radius:8px;padding:12px 16px;margin:0 0 14px;font-size:15px;color:var(--muc)}
.ghi-phai b{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--do);margin-bottom:5px;font-weight:600}
.ghi-phai p{margin:0;color:var(--mo)}
blockquote.phu{position:relative;margin:14px 0;padding:16px 20px 14px 44px;background:var(--the);
border:1px solid var(--vien);border-left:3px solid var(--do);border-radius:0 10px 10px 0;color:var(--muc)}
blockquote.phu::before{content:"“";position:absolute;left:12px;top:2px;font-family:var(--ten);
font-size:44px;line-height:1;color:var(--do);opacity:.22}
blockquote.phu .cau{font-family:var(--ten);font-style:italic;font-size:19px;line-height:1.5;
color:#b8261a;margin-bottom:6px}
blockquote.phu .ng{font-size:14px;color:var(--mo);margin:0}
/* Màu ngũ hành của sao — cùng bảng với lá số ở trang chủ (lib/luan.js: SAO_HANH) */
.hK{color:#7d8695}.hM{color:#00a352}.hT{color:#16243c}.hH{color:#e83c24}.hO{color:#c88000}
.chu-hanh{font-size:13px;color:var(--mo);margin:6px 0 0}
.chu-hanh span{margin-right:10px;white-space:nowrap;font-weight:600}
.dia-ban{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:var(--vien);
  border:1px solid var(--vien);margin:14px 0 8px}
.dia-ban>div{background:#e9eff8;padding:9px 8px;font-size:13.5px;line-height:1.3;
  color:var(--mo);min-height:52px;display:flex;align-items:flex-start}
.dia-ban .tien{background:#fdf3dc;color:var(--kem-muc);font-weight:600;box-shadow:inset 0 0 0 1px #c9a24a}
.dia-ban .bo{color:#8e99ad}
.dia-ban .bo span{text-decoration:line-through}
.dia-ban .giua{grid-column:2/4;grid-row:2/4;background:var(--the);flex-direction:column;
  justify-content:center;align-items:center;text-align:center;gap:5px;padding:12px}
.dia-ban .giua b{font-family:var(--ten);font-weight:600;font-size:16px;color:var(--muc)}
.dia-ban .giua span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mo)}
.chu-thich{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--mo);margin:0 0 4px}
.chu-thich span{display:inline-flex;align-items:center;gap:6px}
.chu-thich i{width:11px;height:11px;flex:none;border:1px solid var(--vien);background:#e9eff8}
.chu-thich i.tien{background:#fdf3dc;border-color:#c9a24a}
.chu-thich s{color:#8e99ad}
@media(max-width:420px){.dia-ban>div{font-size:12px;padding:7px 5px;min-height:46px}}
.dl dt{font-weight:600;margin-top:16px;color:var(--lam)}
.dl dd{margin:4px 0 0}
/* Trang bốn bộ chính tinh (BoSaoPage): nhãn xanh đậm đầu dòng, nội dung dưới; trong nội dung tên sao
   theo màu ngũ hành (.hK… sẵn có), tên bộ sao đậm, "mệnh Kim/Mộc…" thành nhãn màu của hành, địa chi đậm,
   lời nguyên văn của sách nghiêng nâu mực — tách khỏi phần diễn lại. */
.bo-dl dt{margin-top:20px;font-size:15px}
.bo-dl dd{margin:3px 0 0}
.bo-dan{color:var(--mo)}
.sao-to{font-weight:600}
.nhom{font-weight:600;color:var(--muc)}
.chi{font-weight:600}
.menh-hanh{display:inline-block;padding:0 7px;border-radius:6px;font-weight:600;font-size:.93em;line-height:1.6}
.menh-hanh.hK{background:#eceff3}.menh-hanh.hM{background:#e1f4e9}.menh-hanh.hT{background:#e4e9f2}
.menh-hanh.hH{background:#fde6e1}.menh-hanh.hO{background:#fbf0d9}
.nv{font-style:italic;color:#6f4f28}
/* Danh mục cách cục (CachCucPage): mỗi mục = điều kiện · câu sách · lệch sách · chỗ dẫn, mỗi phần một dòng */
.cau-cach,.lech-sach,.cho-dan{display:block;margin-top:4px}
.lech-sach{font-size:14px;color:var(--mo)}
.lech-sach b{color:var(--do);font-weight:600}
/* Danh mục dài gần 200 mục: tên nhóm và tên cách phải to hơn hẳn phần chữ bên dưới mới liếc ra được */
.danh-muc-cach h2{font-family:var(--ten);font-size:23px;letter-spacing:0;text-transform:none;margin:44px 0 8px;
  padding-bottom:6px;border-bottom:1px solid var(--vien)}
/* Bảng cách cục Tân Biên chương 19: h3 là NHÃN loại (phú cục, quý cục, bần tiện, tạp cục) nên ăn
   màu nhãn như tên nhóm; dt là TÊN CÁCH nên ăn màu đỏ của câu trích, giống mọi tên cách khác trên
   trang. Mặc định cả hai đều xanh --lam, để vậy thì nhãn và tên cách lẫn vào nhau. */
.danh-muc-cach h3{font-family:var(--ten);font-size:19px;letter-spacing:0;text-transform:none;margin:28px 0 6px;
  color:var(--nhan,var(--lam))}
.danh-muc-cach .bo-dl dt{font-family:var(--ten);font-size:19px;line-height:1.35;margin-top:26px;
  color:var(--nd,var(--lam))}
.danh-muc-cach .bo-dl dd{margin-top:5px}
.danh-muc-cach h2 a{color:inherit;text-decoration:none}
.danh-muc-cach h2 a:hover{color:var(--do)}
/* Mục lục: lưới tên cách — tên đậm to, dòng điều kiện nhỏ bên dưới */
.luoi-cach{margin:10px 0 6px}
.luoi-cach a{font-family:var(--ten);font-size:17px;font-weight:600;color:var(--lam);text-decoration:none}
.luoi-cach li:hover{border-color:var(--do)}
.luoi-cach li:hover a{color:var(--do)}
/* Trang nhóm: dải tên cách đầu trang, rồi mỗi cách một thẻ */
.the-muc{list-style:none;padding:0;margin:14px 0 6px;display:flex;flex-wrap:wrap;gap:6px}
.the-muc a{display:inline-block;padding:3px 11px;border:1px solid var(--vien);border-radius:999px;background:var(--the);
  font-size:14px;text-decoration:none;white-space:nowrap}
.the-muc a:hover{border-color:var(--do);color:var(--do)}
.the-cach{background:var(--the);border:1px solid var(--vien);border-left:4px solid var(--do);border-radius:0 12px 12px 0;
  padding:14px 18px 12px;margin:18px 0;scroll-margin-top:16px}
.the-cach:target{box-shadow:0 0 0 2px #f0c9a6}
.danh-muc-cach .the-cach h2{font-family:var(--ten);font-size:22px;line-height:1.3;letter-spacing:0;text-transform:none;
  color:var(--nd,var(--lam));margin:0 0 6px;padding:0;border:0}
.the-cach p{margin:0 0 6px}
.the-cach .cau-cach,.the-cach .lech-sach,.the-cach .cho-dan{display:block}
.the-cach .cho-dan{margin:4px 0 0}
.nhom-ke{display:flex;justify-content:space-between;gap:12px;margin:30px 0 0;font-size:15px}
.nhom-ke a{text-decoration:none}
@media(max-width:560px){.the-cach{padding:12px 14px 10px}.danh-muc-cach .the-cach h2{font-size:20px}.nhom-ke{flex-wrap:wrap}}
/* Mỗi nhóm cách cục một tông: --nn nền hiện khi rê chuột, --nv viền, --nd chữ tên nhóm và tên cách.
   Từ khi khung để trắng, --nd phải ĐỦ ĐẬM: chữ nằm thẳng trên nền trắng, không còn nền màu đỡ nữa.
   Mọi tông dưới đây đều đạt tối thiểu 6:1 so với nền trắng (đo bằng công thức WCAG).
   Chọn theo tính chất nhóm (đế tinh vàng kim, Nhật Nguyệt cam, sát tinh đỏ gạch…), nền đủ nhạt để chữ đen đọc rõ. */
.nhom-bo{--nn:#f9e8e4;--nv:#e9b9ae;--nd:#a4402f}
.nhom-de{--nn:#fbf4df;--nv:#ead7a0;--nd:#6f550c}
.nhom-nn{--nn:#fdf0e2;--nv:#f0cfa6;--nd:#8f4c12}
.nhom-lt{--nn:#fbecec;--nv:#ecc5c5;--nd:#a13d4a}
.nhom-cc{--nn:#f4ede4;--nv:#ddcbb2;--nd:#6b4a2f}
.nhom-vs{--nn:#edf0f4;--nv:#cbd3de;--nd:#4b5a70}
.nhom-hoa{--nn:#fdefe5;--nv:#f3c3a3;--nd:#9d3d11}
.nhom-cat{--nn:#f2f4e2;--nv:#d3daa6;--nd:#4c5716}
.nhom-ma{--nn:#f6f0e4;--nv:#e0cfae;--nd:#7d5a24}
.nhom-sat{--nn:#f3e7e2;--nv:#d9b8ab;--nd:#7a3b2a}
.nhom-tt{--nn:#e9eef6;--nv:#c3cfe3;--nd:#34508a}
.nhom-nu{--nn:#fde8e4;--nv:#efa89c;--nd:#ab1b12}
.nhom-cung{--nn:#fdf3e3;--nv:#edd3a8;--nd:#8a5708}
/* Khung nhóm để TRẮNG, màu của nhóm dồn vào chữ: tên nhóm, vạch nhãn trước tên, tên từng cách và
   viền viên. Mười ba khối nền màu xếp dọc làm trang thành một dải cầu vồng, chữ đen trên nền màu
   cũng đọc mệt hơn; nền màu giờ chỉ hiện khi rê chuột lên một viên. */
/* ĐỒNG NHẤT MỘT MÀU, theo đúng khối "Luận chi tiết 12 cung" ở trang chủ: tên cung ở đó màu son
   trên nền trắng, nên tên nhóm và tên cách cục ở đây cũng vậy. Mười ba tông riêng bên trên vẫn
   giữ nguyên trong tệp — muốn bật lại bảng màu cũ thì xoá đúng hai dòng dưới đây.
   Hai dòng vì hai chỗ đặt biến khác nhau: trang mục lục đặt ở từng <section class="nhom-cach">,
   trang nhóm đặt ngay trên <article class="danh-muc-cach nhom-xx">.
   Màu lấy đúng của .trich — sắc đỏ dùng cho câu nguyên văn trong lời luận, ví dụ "Ấm Phúc tại
   Mệnh, bất phạ tai ương" — nên tên cách cục và câu sách cùng một tông. */
article.danh-muc-cach,
.danh-muc-cach .nhom-cach{--nd:#b8261a;--nv:#efd6d2;--nn:#fdeeec;--nhan:#1560cf}
/* Nhãn nhóm ("Bộ chính tinh và thế đứng chung của Mệnh"…) tách màu khỏi tên cách: nhãn xanh lam
   tươi — đúng màu chữ tab "12 cung" bên khối tra cứu từ điển ở trang chủ — còn tên cách giữ đỏ
   của câu trích. Hai tầng hai màu thì liếc là biết đâu là nhóm, đâu là cách.
   (Màu nhãn phải sửa THẲNG vào các luật gốc bên dưới: viết thêm luật mới ở đây thì luật gốc đứng
   sau, cùng độ ưu tiên, nên nó thắng — đã vấp đúng chỗ này một lần.) */
/* Bảng cách cục Tân Biên (chương 19): mỗi loại một khung trắng, cùng kiểu khung nhóm ở trên. */
.danh-muc-cach .khoi-tb{background:var(--the);border:1px solid var(--vien);border-radius:14px;
  padding:6px 18px 16px;margin:20px 0}
.danh-muc-cach .khoi-tb h3{margin-top:16px}
.danh-muc-cach .khoi-tb .bo-dl dt:first-of-type{margin-top:16px}
@media(max-width:560px){.danh-muc-cach .khoi-tb{padding:4px 12px 12px}}
.nhom-cach{background:var(--the);border:1px solid var(--vien);border-radius:14px;padding:4px 18px 12px;margin:22px 0}
.danh-muc-cach .nhom-cach h2{color:var(--nhan,var(--nd));border-bottom-color:var(--nv);margin-top:14px}
/* Vạch màu đứng trước tên nhóm — nhãn phân loại, liếc là biết đang ở nhóm nào. */
.danh-muc-cach .nhom-cach h2::before{content:"";display:inline-block;width:4px;height:.92em;margin-right:9px;
  border-radius:2px;background:var(--nhan,var(--nd));vertical-align:-1px}
.nhom-cach .bo-dan{color:var(--muc)}
.nhom-cach .luoi-cach li{border-color:var(--nv)}
/* Tên cách lấy màu nhóm; rê chuột thì cả viên đổ nền nhạt của nhóm. */
.nhom-cach .luoi-cach a{color:var(--nd)}
.nhom-cach .luoi-cach li:hover{border-color:var(--nd);background:var(--nn)}
.nhom-cach .luoi-cach li:hover a{color:var(--nd)}
.nhom-cach .lien a{color:var(--nd);font-weight:600}
@media(max-width:560px){.nhom-cach{padding:2px 12px 10px}}
/* Mục lục tra cứu dùng lại khung màu nhóm: chính tinh vàng kim, 12 cung xanh ngọc, bộ sao đỏ nhạt, chuyên đề cam đào */
.tc-sao{--nn:#fbf4df;--nv:#ead7a0;--nd:#6f550c}
.tc-cung{--nn:#e5f4f1;--nv:#b3dbd2;--nd:#1f7566}
.tc-bo{--nn:#fbeceb;--nv:#ecc3be;--nd:#a4402f}
.tc-cd{--nn:#fdf1e3;--nv:#f0cea4;--nd:#a85a16}
.nhom-cach>h2{color:var(--nhan,var(--nd));margin-top:14px}
.nhom-cach .luoi li{border-color:var(--nv)}
.nhom-cach .luoi li:hover{border-color:var(--nd)}
/* Trang nhóm: vạch thẻ, viền dải tên và chữ tiêu đề theo màu nhóm */
.danh-muc-cach[class*="nhom-"] .the-cach{border-left-color:var(--nd)}
.danh-muc-cach[class*="nhom-"] .the-muc a{border-color:var(--nv);background:var(--nn)}
.danh-muc-cach[class*="nhom-"] > h1{color:var(--nhan,var(--nd))}
.cot-nhom{columns:2;column-gap:28px}
.cot-nhom li{break-inside:avoid;margin-bottom:6px}
@media(max-width:560px){.cot-nhom{columns:1}}
.luoi{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.luoi li{background:var(--the);border:1px solid var(--vien);border-radius:4px;padding:12px 14px}
.luoi a{font-weight:500;text-decoration:none}
.luoi span{display:block;font-size:13.5px;color:var(--mo);line-height:1.5;margin-top:3px}
.khac{margin-top:40px;padding-top:18px;border-top:1px solid var(--vien);font-size:15px}
.khac h2{font-size:13.5px;letter-spacing:.1em;margin:14px 0 6px}
.nut{display:inline-block;background:var(--do);color:#fff;text-decoration:none;padding:11px 28px;
border:1px solid var(--do);border-radius:999px;font-weight:600;letter-spacing:.02em;
box-shadow:0 1px 3px rgba(164,64,47,.25);transition:background .18s ease,border-color .18s ease}
.nut:hover{background:#8f3527;border-color:#8f3527;color:#fff}
.chan-trang{max-width:720px;margin:0 auto;padding:20px 20px 48px;font-size:13.5px;color:var(--mo);border-top:1px solid var(--vien)}
:focus-visible{outline:2px solid var(--do);outline-offset:2px}