(group_nav.py),
cột trái 312px không còn. Bề ngang hạ 1360 -> 1200 cùng lúc: bỏ menu mà giữ nguyên 1360 thì
cột chữ rộng 1.328px, dài quá một dòng đọc được. Header (.hd, .gnavin) và thanh ứng tuyển
dính đáy (.japplybar .jabg) phải cùng số này, nếu không logo/nút lệch khỏi mép nội dung. */
.shell{max-width:1200px;margin:0 auto;padding:20px 16px 64px;display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
/* Trang TẬP TRUNG (_page(focus=True), hiện là cụm /cv-mau): hẹp hơn mặc định và KHÔNG có hàng
icon nhóm (xem _gnav ở _page) — người vào đó đang chọn mẫu CV, mọi thứ trên màn đều rủ họ đi
chỗ khác. Từ 15/09/2026 mọi trang đều một cột nên chỗ này chỉ còn khác ở max-width. */
.pgfocus .shell{grid-template-columns:minmax(0,1fr);max-width:1080px}
.main{min-width:0}
/* ===== CỘT PHẢI trong .main (khung 3 cột: menu trái · nội dung · rail) — xem _leaf(rail_fn=) =====
minmax(0,1fr) chứ KHÔNG "1fr" trần: 1fr = minmax(auto,1fr), gặp bảng/khối rộng là cột nở theo
và đẩy cả trang tràn ngang trên điện thoại.
Dưới 1260px rail xuống DƯỚI nội dung (không ẩn): 300px nữa là cột nội dung còn quá hẹp cho
lưới việc làm, nhưng nội dung rail vẫn đáng đọc nên giữ lại, chỉ đổi chỗ. */
.crow{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.ccol{min-width:0}
.crail{position:sticky;top:74px;max-height:calc(100vh - 92px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:grid;gap:14px;min-width:0}
.crail::-webkit-scrollbar{width:7px}.crail::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}
.crbox{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.crbox h3{font-family:var(--disp);font-size:14.5px;font-weight:700;color:var(--ink);margin:0 0 10px;letter-spacing:-.01em}
.crbox .crrow{display:flex;gap:10px;justify-content:space-between;font-size:13px;padding:7px 0;border-top:1px solid var(--line)}
.crbox .crrow:first-of-type{border-top:0}
.crbox .crk{color:var(--muted);flex:none}
.crbox .crv{color:var(--ink);font-weight:500;text-align:right;min-width:0;overflow-wrap:anywhere}
.crbox .crv a,.crbox .crk a{color:var(--ink);text-decoration:none}
/* Chi nhánh: tên trên, ĐỊA CHỈ xuống dòng riêng — địa chỉ dài 60-90 ký tự, nhét chung cột phải
kiểu crrow (nhãn trái/giá trị phải) là mỗi dòng gãy 4-5 khúc. */
.crbox .crbr{padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.crbox .crbr:first-of-type{border-top:0}
.crbox .crbr b{display:block;color:var(--ink);font-weight:600}
.crbox .crbr span{display:block;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
.crbox .crbr span a{color:var(--ink);text-decoration:none}
.crbox a.crlink{display:flex;gap:8px;align-items:baseline;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:13.5px}
.crbox a.crlink:first-of-type{border-top:0}
.crbox a.crlink:hover{color:var(--ink)}
.crbox a.crlink .crn{flex:none;font-size:12px;color:var(--faint);font-family:var(--mono)}
.crbox .crsub{display:block;font-size:12px;line-height:1.4;color:var(--faint);padding:0 0 8px}
.crbox a.crjob{display:block;padding:9px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.crbox a.crjob:first-of-type{border-top:0}
.crbox a.crjob b{display:block;font-size:13.5px;font-weight:600;line-height:1.4}
.crbox a.crjob:hover b{color:var(--ink)}
.crbox a.crjob small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.crbox a.crjob small.s{color:var(--ink);font-weight:600}
/* "· dự kiến" / "· tham khảo" do _sal_short sinh — nhạt hơn để không đọc nhầm là lương tin ghi */
.crbox a.crjob small.s em{color:var(--faint);font-weight:400;font-style:normal}
.crbox .faq details{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;padding:8px 0;background:none}
.crbox .faq details:first-of-type{border-top:0}
.crbox .faq summary{font-size:13px;padding:0;font-weight:600}
.crbox .faq details>div{font-size:12.5px;margin:0;padding:6px 0 0}
/* Hộp AI ở cột phải (_ai_rail_box). Tiền tố `air` theo cụm — tên trần kiểu `.big`/`.bar` trong file
33k dòng này là chờ va chạm (xem bài học def/selector trùng tên). */
.crbox .airbig{font-family:var(--disp);font-size:27px;font-weight:800;color:var(--ink);line-height:1.05;letter-spacing:-.02em}
.crbox .airsub{font-size:12.5px;color:var(--muted);margin:3px 0 11px;line-height:1.45}
.crbox .airsub b{color:var(--brand-ink)}
.crbox .airlbl{font-size:11px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}
.crbox .airrow{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:baseline;
padding:8px 0;border-top:1px solid var(--line);font-size:13px;color:var(--ink);text-decoration:none}
.crbox .airrow:first-of-type{border-top:0}
.crbox a.airrow:hover .nm{color:var(--ink)}
.crbox .airrow .pc{font-weight:700;color:var(--brand-ink);font-variant-numeric:tabular-nums}
.crbox .airrow .bar{grid-column:1/-1;height:4px;border-radius:999px;background:var(--brand);min-width:6px}
.crall{display:block;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--ink);text-decoration:none}
.crail .cbrand{margin:0 0 12px;padding:14px}.crail .cstats .cstat{flex:1 1 calc(50% - 5px);min-width:0}.crail .cskills{margin:0 0 14px}
.crall:hover{text-decoration:underline}
@media(max-width:1260px){.crow{grid-template-columns:minmax(0,1fr)}.crail{position:static;max-height:none;overflow:visible}
/* Hub /viec-lam: màn hẹp thì ĐƯA cột phải LÊN TRƯỚC. Rail xếp sau .ccol nghĩa là hộp AI nằm dưới
8 bảng xếp hạng — trên điện thoại gần như không ai cuộn tới (đã cắn đúng bệnh này ở trang tỉnh,
phải chuyển khối công ty lên cột chính). `order` trên grid item = đổi CHỖ HIỂN THỊ, DOM giữ
nguyên nên không nhân đôi HTML và không đổi thứ tự đọc của máy tìm kiếm ở desktop.
CHỈ áp cho .hubrow — trang ngành/công ty cố ý để rail (Lịch, FAQ, việc liên quan) xuống dưới. */
.hubrow .crail{order:-1;margin-bottom:6px}}
.qtabs{margin-bottom:14px}
.qtabs>input{position:absolute;opacity:0;pointer-events:none}
.qtabs .qhead{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}
.qtabs .qhead label{cursor:pointer;border:1px solid var(--line);background:var(--panel);
border-radius:999px;padding:6px 11px;font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.2}
.qtabs .qpane{display:none}
/* color+text-decoration BẮT BUỘC: site không có rule `a{color}` toàn cục, mỗi khối tự tô link.
Thiếu 2 thuộc tính này thì rơi về mặc định trình duyệt — xanh #0000EE, và TÍM
#551A8B sau khi bấm — kèm gạch chân ăn xuống cả .qd/.qn/.qw (text-decoration của cha vẽ đè con
dù con khai none). Cả khối Lịch trông như HTML thô. Đã cắn 04/08/2026 ở /viec-lam/nganh/*. */
.qtabs .qpane .qrow{display:flex;gap:9px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line);
color:var(--ink);text-decoration:none}
.qtabs .qpane .qrow:first-child{border-top:0}
.qtabs .qpane a.qrow:hover .qn{color:var(--ink)}
.qtabs .qd{font-size:12px;color:var(--muted);min-width:38px;font-weight:600}
.qtabs .qn{flex:1;min-width:0;font-size:13px;color:var(--ink)}
.qtabs .qn i{display:block;font-style:normal;font-size:11.5px;color:var(--muted)}
.qtabs .qw{font-size:11.5px;color:var(--muted);white-space:nowrap}
.qtabs .qbig{font-size:23px;font-weight:800;color:var(--ink);line-height:1.1}
.qtabs .qbars{display:flex;align-items:flex-end;gap:2px;height:46px;margin:10px 0 4px}
.qtabs .qbars span{flex:1;background:var(--brand);border-radius:2px;min-width:2px}
.qtabs .qbars span.cut{background:#D97706}
.qtabs .qmore{display:inline-block;margin-top:7px;font-size:12px;font-weight:600;
color:var(--ink);text-decoration:none}
.qtabs .qmore:hover{text-decoration:underline}
/* Hai tab đầu CHỈ CÒN ICON (user chốt 09/08/2026, khớp app): mùa tuyển sinh hàng chip có 4 ô,
để nguyên chữ là rớt xuống hai dòng. Nhãn chữ vẫn nằm trong `aria-label` cho trình đọc màn hình
— bỏ hẳn thì cái nhãn còn mỗi emoji, mà emoji thì trình đọc đọc ra "mặt trời sau mây". */
.qtabs .qhead label.qico{padding:6px 9px;font-size:15px;line-height:1}
/* Tab ĐANG CHỌN: nền nhấn mờ --brand-wash + viền lime + chữ --brand-ink. CHỈ dùng token có khai ở
:root của _page/brand.css — bản cũ viết --brand-soft/--brand-deep (bộ token của static/*.html,
khác hệ) nên khai báo hỏng lúc tính giá trị: nền thành trong suốt, chữ rơi về màu cha, tab chọn
nhìn y hệt tab tắt mà không có lỗi nào nổi lên. Lime KHÔNG được làm màu chữ (1,21:1). */
#qt-a:checked~.qhead label[for=qt-a],#qt-b:checked~.qhead label[for=qt-b],
#qt-c:checked~.qhead label[for=qt-c],#qt-d:checked~.qhead label[for=qt-d]{background:var(--brand-wash);border-color:var(--brand);color:var(--brand-ink)}
#qt-a:checked~.qp-a,#qt-b:checked~.qp-b,#qt-c:checked~.qp-c,#qt-d:checked~.qp-d{display:block}
.qtabs .qsc{font-size:12.5px;font-weight:700;color:var(--brand-ink);white-space:nowrap}
/* ── CHỮ LINK = ĐEN, có gạch chân (user chốt 10/08/2026) ─────────────────────────────────────
Vì sao: màu link cũ là xanh lá đậm #3F6212. Nó ĐẠT chuẩn tương phản (7,1:1 trên nền trắng)
nhưng ở cỡ chữ bảng thì đọc mệt, mà bảng điểm chuẩn có tới 218 link/trang — nguyên cột tên
trường xanh lè. Đo trên trang đó: MỌI chữ xanh đều là , không có /
nào xanh, nên
chỉ cần đụng link là xong, không phải sửa 334 chỗ khai màu rải rác.
⚠️ 11/08/2026 — USER CHỐT BỎ GẠCH CHÂN THƯỜNG TRỰC, CHỈ CÒN KHI RÊ CHUỘT. Trước đó (10/08)
luật này gạch chân LUÔN, lý do ghi ngay dưới đây và vẫn đúng về mặt kỹ thuật — nhưng user
nhìn bảng 232 trường gạch chân kín cột và quyết định đổi. Đây là ĐÁNH ĐỔI ĐÃ ĐƯỢC BIẾT, đừng
"sửa lại cho đúng" khi thấy trang trơ:
· Link ở đây `text-decoration:none` khắp nơi và MÀU đã bị ép đen (luật ngay dưới), nên khi
không hover thì link KHÔNG còn dấu hiệu thị giác nào. Trên MOBILE không có hover ⇒ tên
trường trong bảng là chữ đen trơn hoàn toàn.
· Muốn trả lại dấu hiệu mà vẫn không gạch chân thì đường đúng là trả lại MÀU link (bỏ luật
ép `--ink` bên dưới), chứ không phải bật lại gạch chân thường trực.
`!important` vì màu link được khai ở ~334 luật theo COMPONENT (.tstbl a, nav.bc a, .vlart a…),
mỗi luật một class nên đứng trên mọi selector chung mình viết được ở đây.
Tiện thể vá luôn bẫy [[seo-link-color-default-trap]]: link nào KHÔNG được component nào khai
màu thì trước đây rơi về XANH DƯƠNG mặc định của trình duyệt — đo được 4 cái ở trang điểm
chuẩn, 8 cái ở /tuyen-sinh. Nay chúng cũng đen như phần còn lại.
⚠️ HAI LUẬT RIÊNG, ĐỪNG GỘP LẠI (vá 10/08/2026, user báo "text bị gạch chân hết rồi"):
1) GẠCH CHÂN (nay CHỈ khi `:hover`) chỉ áp trong NGỮ CẢNH CHỮ (đoạn văn, ô bảng, mô tả) —
KHÔNG áp cho cả `main a`.
Bản gộp dùng `main a:not(…):not(…)` = specificity (0,3,2), đè luôn ~115 chỗ component cố ý
khai `text-decoration:none` cho THẺ và NÚT: mỗi thẻ việc ở cột phải (.aside a.jb,
.crbox a.crjob) là MỘT thẻ bọc cả tên việc + tên công ty + lương, nên gạch chân ăn
xuống từng dòng — cả cột phải thành gạch chân; chip, tab, nút cũng vậy.
Chỗ CẦN gạch chân (khi hover) là tên trường trong bảng điểm chuẩn (218 link/trang, nằm
trong | ) và link trong câu văn ( ). Nút/chip/thẻ đã có hộp riêng làm dấu hiệu nên
không cần, gạch chân ở đó là lỗi — DANH SÁCH `:not()` dưới đây giữ nguyên vai trò đó kể cả
khi chỉ còn hover.
⚠️ ĐỪNG hạ xuống `:where()` cho gọn: specificity 0 thì ~115 luật `text-decoration:none` kia
thắng ngược, kể cả `table.wtbl td a` — hover cũng hết gạch chân, tức mất nốt dấu hiệu bấm
được CUỐI CÙNG còn lại sau khi bỏ gạch chân thường trực. Phải `!important`.
⚠️ DANH SÁCH NGỮ CẢNH phải KHỚP luật MÀU bên dưới (nay là p,td,th,li,dd,figcaption,
blockquote,nav.bc,.hsnote,.sub,.meta). Ngữ cảnh nào bị ép đen mà KHÔNG có trong luật hover
này thì link ở đó vừa mất màu vừa không có gạch chân — chữ đen trơn tuyệt đối, kể cả khi rê
chuột. Mở rộng một luật thì mở rộng luật kia cùng lúc.
2) MÀU thì vẫn cần `!important` (để đè 334 luật khai xanh) nhưng phải TRỪ NÚT NỀN ĐẶC: .app,
.cta, .cvopen đổi sang chữ TRẮNG khi hover trên nền xanh đậm, ép `--ink` là chữ đen trên
nền đen — nút không đọc được (user báo "hover vào lỗi màu"). Thêm nút nền đặc mới thì
thêm class vào đây. Các chỗ hover ra `var(--on-brand)` KHÔNG cần trừ: on-brand vốn đã tối. */
main :is(p,td,th,li,dd,figcaption,blockquote,nav.bc,.hsnote,.sub,.meta) a:not(.app):not(.cta):not(.cvopen):not(.chip):not(.rolechip):not(.tscard):not(.tsbtn):not(.hq):hover{
text-decoration:underline !important;text-underline-offset:2px;
text-decoration-thickness:2px;text-decoration-color:var(--ink)}
/* MÀU LINK — hai luật, cố ý KHÔNG dùng `main a` trần nữa.
Vì sao đổi (10/08/2026, lần thứ HAI luật này làm hỏng nút): bản cũ là
`main a:not(…):not(…){color:var(--ink) !important}` — ép đen MỌI link rồi chừa nút bằng một
DANH SÁCH KHAI TAY. Danh sách đó không thể đủ: `.stbtn` (nút "Tải trên App Store", chữ #fff
trên nền var(--ink)) không có trong danh sách nên thành CHỮ ĐEN TRÊN NỀN ĐEN — tương phản đo
được 1.0, người dùng thấy một khối đen đặc ở trang /app-game/*. Trước đó `.app/.cta/.cvopen`
cũng đã hỏng đúng kiểu này lúc hover.
Cách mới KHÔNG cần biết trước có những nút nào — nó fail về phía an toàn:
(1) `:where(main) a` specificity 0 -> CHỈ tô link mà KHÔNG component nào khai màu (đây đúng
là nhóm từng rơi về xanh dương mặc định của trình duyệt). Component nào tự khai màu —
mọi nút, thẻ, chip — đều thắng, nên không bao giờ bị ép đen nữa.
(2) Ép `!important` CHỈ trong NGỮ CẢNH CHỮ (p/td/li/nav.bc/.hsnote…), đúng chỗ user kêu khó
đọc (218 tên trường trong | , link trong câu văn). Nút nằm trong nên không dính.
Sót một loại container chữ thì hậu quả là link đó CÒN XANH — khó chịu nhưng đọc được; còn sót
một loại nút thì nút biến mất. Chọn hướng sai ít hại hơn. */
:where(main) a{color:var(--ink)}
main :is(p,td,th,li,dd,figcaption,blockquote,nav.bc,.hsnote,.sub,.meta) a:not(.app):not(.cta):not(.cvopen):not(.chip):not(.rolechip):not(.tscard):not(.tsbtn):not(.hq):not(.stbtn){color:var(--ink) !important}
@media(max-width:900px){.shell{padding-top:14px}}
svg.icn{width:1.05em;height:1.05em;vertical-align:-.16em;display:inline-block;flex:none}.icc{display:inline-block;font:600 .68em/1.3 Inter,system-ui,sans-serif;letter-spacing:.03em;border:1px solid currentColor;border-radius:3px;padding:0 3px;vertical-align:.14em}.ice{filter:grayscale(1)}
.jhead{display:flex;gap:13px;align-items:center;margin:2px 0 12px}.jhead img,.jhead .jlogo{width:54px;height:54px;border-radius:14px;object-fit:cover;flex:0 0 auto;border:1px solid var(--line);background:var(--panel)}.jhead .jlogo{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;color:var(--ink);position:relative;overflow:hidden}.jhead .jlogo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:inherit;border:0}.jco{font-weight:600;font-size:15.5px;color:var(--ink)}.jco a{color:inherit;text-decoration:none}.jco a:hover{text-decoration:underline}.jhead .m2{color:var(--muted);font-size:13px;margin-top:2px}.pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 22px}.pill{display:inline-flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13.5px;color:var(--ink)}.pill.sal{background:var(--brand-soft,rgba(182,255,60,.30));border-color:var(--brand);font-weight:700}.jexpired{margin:10px 0 2px;padding:11px 14px;border-radius:12px;font-size:14px;line-height:1.6;background:#FFF6E5;border:1px solid #F0D9A8;color:#6B4E12}.jexpired b{color:#5A3F08}@media(prefers-color-scheme:dark){.jexpired{background:#2C2415;border-color:#5A4A22;color:#F0DCB0}.jexpired b{color:#FFEBC2}}.jdesc a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1px dotted var(--brand-ink)}.jdesc a:hover{border-bottom-style:solid}.jdesc p{margin:0 0 8px}.jdesc p.jdh{margin:16px 0 6px;font-weight:700}.jdesc p.jdh:first-child{margin-top:0}.jdesc ul{margin:0 0 10px;padding-left:22px}.jdesc li{margin:3px 0}.jdesc :where(pre,code,tt,kbd,samp){font:inherit;white-space:pre-wrap}.jdesc :where(span,font,big,small,u,center,div,td,th){font-family:inherit;font-size:inherit}.jshare{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 0;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.jshare-t{flex:1 1 auto;min-width:150px;font-size:14px;color:var(--muted)}.jshare-b{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--brand);border-radius:999px;padding:9px 18px;cursor:pointer;font-weight:700;font-family:var(--disp);font-size:14px;color:var(--ink)}.jshare-b:hover{background:var(--brand-soft,rgba(182,255,60,.30))}.jfoot2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;align-items:stretch}@media(max-width:700px){.jfoot2{grid-template-columns:minmax(0,1fr)}}.jfoot2 .jshare{margin:0;height:100%}.jcvbox{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.jcv-t{flex:1 1 auto;min-width:110px;font-size:14px;color:var(--muted)}.jcv-b{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--brand);border-radius:999px;padding:9px 18px;font-weight:700;font-family:var(--disp);font-size:14px;color:var(--ink);text-decoration:none}.jcv-b:hover{background:var(--brand-soft,rgba(182,255,60,.30))}.applybtn{display:inline-flex;align-items:center;gap:6px;background:var(--brand);color:var(--on-brand);border-radius:999px;padding:13px 28px;font-weight:700;font-family:var(--disp);text-decoration:none;font-size:15px}.applybtn:hover{filter:brightness(.96)}.applybtn.out{background:transparent;color:var(--ink);border:1px solid var(--line-strong);font-weight:600}.applybtn.out:hover{border-color:var(--brand-ink);background:var(--raised);filter:none}.jcontact{margin:-8px 0 18px;font-size:14px;color:var(--ink)}.jcontact a{font-weight:600}.jhl{border:1px solid var(--brand);background:var(--brand-soft,rgba(182,255,60,.14));border-radius:14px;padding:13px 16px;margin:0 0 24px}.jhl-h{font-weight:700;font-family:var(--disp);font-size:15px;margin-bottom:9px;color:var(--ink)}.jhl ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.jhl li{display:flex;align-items:flex-start;gap:8px;font-size:14.5px;color:var(--ink);line-height:1.35}.jhl .hlic{flex:0 0 auto}.japplybar{position:fixed;left:0;right:0;bottom:0;z-index:40;pointer-events:none;transform:translateY(115%);transition:transform .22s ease}.japplybar.on{transform:translateY(0)}.japplybar .jabg{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:minmax(0,1fr);gap:26px}.japplybar.hasaside .jabg{grid-template-columns:minmax(0,1fr) 300px}.japplybar .jab{grid-column:1;pointer-events:auto;display:flex;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));align-items:center;gap:14px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 -6px 22px rgba(10,15,13,.10)}@media(max-width:900px){.japplybar .jabg,.japplybar.hasaside .jabg{grid-template-columns:1fr;padding:0}.japplybar .jab{grid-column:1;border-left:0;border-right:0;border-radius:0}}.japplybar .jab-t{flex:1;min-width:0}.japplybar .jab-t b,.japplybar .jab-t span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.japplybar .jab-t b{font-family:var(--disp);font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.3}.japplybar .jab-t span{font-size:12.5px;color:var(--muted)}.japplybar .jab-t i{font-style:normal}.japplybar .applybtn{flex:0 0 auto;padding:11px 22px;font-size:14.5px}@media(max-width:560px){.japplybar .jab{padding:9px 12px;gap:10px}.japplybar .jab-t b{font-size:13.5px}.japplybar .jab-t i{display:none}.japplybar .applybtn{padding:11px 17px;font-size:14px}}@media(prefers-reduced-motion:reduce){.japplybar{transition:none}}.jchead{display:flex;gap:10px;align-items:center;margin:0 0 10px}.jchead img,.jchead .jclogo{width:44px;height:44px;border-radius:11px;object-fit:cover;flex:0 0 auto;border:1px solid var(--line);background:var(--panel)}.jchead .jclogo{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;color:var(--ink)}.jchead a{font-weight:700;font-family:var(--disp);font-size:14.5px;color:var(--ink);text-decoration:none;line-height:1.3}.jchead a:hover{color:var(--ink)}.jcf{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.jcf .k{flex:0 0 82px;color:var(--muted)}.jcf .v{flex:1;min-width:0;color:var(--ink);word-break:break-word}.jcf .v a{color:var(--ink);text-decoration:none}.jcf .v a:hover{text-decoration:underline}.jcn{color:var(--faint);font-size:12px}.jcweb{margin:10px 0 12px;font-size:13px}.jfin{width:100%;border-collapse:collapse;margin:8px 0 6px;font-size:14.5px}.jfin th,.jfin td{border:1px solid var(--line);padding:9px 11px;text-align:left}.jfin th{background:var(--panel);font-weight:600;font-family:var(--disp)}.jfin td.n,.jfin th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.jfinm{margin-top:10px}.jfins{font-size:12px;color:var(--faint);margin:6px 0 10px;line-height:1.6}.jfins a{color:var(--muted);text-decoration:underline}.jfinl{margin:0 0 20px;font-size:13.5px}.jfinl a{color:var(--ink);font-weight:600;text-decoration:none}.jfinl a:hover{text-decoration:underline}@media(max-width:640px){.jfin{display:block;overflow-x:auto;font-size:13.5px}}.jskwrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px}.jsk{display:inline-flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:13.5px;color:var(--ink);text-decoration:none}.jsk:hover{border-color:var(--brand);background:var(--brand-soft,rgba(182,255,60,.18))}.jsb{border:1px solid var(--line);border-radius:14px;padding:15px 17px;margin:0 0 24px;background:var(--panel)}.jsbh{font-size:13.5px;color:var(--muted);margin-bottom:12px}.aside>h2{font-size:16px;margin:0 0 10px}.aside .jsb{margin:0 0 16px;padding:13px 14px}.aside .jsbc .v{font-size:17px}.aside .jsbrow{gap:6px}.jsbrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center}.jsbc{display:flex;flex-direction:column;gap:3px}.jsbc .k{font-size:12.5px;color:var(--muted)}.jsbc .v{font-weight:700;font-family:var(--disp);font-size:19px;color:var(--ink)}.jsbc.mid .v{color:var(--brand-ink,var(--ink))}.jsbmark{position:relative;height:8px;border-radius:999px;margin:15px 2px 0;background:linear-gradient(90deg,var(--line),var(--brand))}.jsbmark>span{position:absolute;top:50%;left:var(--p,50%);width:15px;height:15px;border-radius:50%;background:var(--ink);border:3px solid var(--panel);transform:translate(-50%,-50%)}.jsbnote{margin:11px 0 0;font-size:13.5px;color:var(--ink);line-height:1.55}
.jtabbar{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:22px 0 16px;overflow-x:auto;scrollbar-width:none}.jtabbar::-webkit-scrollbar{display:none}.jtb{border:0;background:transparent;font:inherit;font-family:var(--disp);font-weight:600;font-size:15px;color:var(--muted);padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.jtb:hover{color:var(--ink)}.jtb.on{color:var(--ink);border-bottom-color:var(--brand-ink)}.jtabs.js .jtab:not(.on){display:none}.jtab>h2:first-child{margin-top:4px}.jtab .jcbox{max-width:640px;margin:4px 0 22px}
|