/* tenor-brand-version: 1.3.0; colour and type from token.css */
.tai-hanh-dong { display:flex; align-items:stretch; justify-content:center; gap:14px; flex-wrap:wrap; }
.tai-hanh-dong .nut-tai { display:inline-flex; flex-direction:row; align-items:center; justify-content:center; gap:12px; min-height:58px; }
.tai-hanh-dong .nut-github { background:transparent; color:var(--giay); border-color:var(--net-mo); }
.tai-hanh-dong .nut-github:hover { border-color:var(--giay); background:var(--than-chi); }
.github-mark { width:23px; height:23px; flex:none; }
.github-star { width:19px; height:19px; flex:none; }
.co-hat .tai-hanh-dong { opacity:0; }
.co-hat .tai-hanh-dong .nut-tai { opacity:1; }
.tai-tieu-de { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.tai-tieu-de .tieu-de { margin:0; }
.nut-repo { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border:1px solid var(--net-mo); border-radius:2px; color:var(--giay); text-decoration:none; font-family:var(--chu-tay); font-weight:500; }
.nut-repo:hover { border-color:var(--giay); background:var(--than-chi); }
.github-moi { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; margin-bottom:28px; border-top:1px solid var(--net-mo); border-bottom:1px solid var(--net-mo); }
.github-moi h3 { margin:0 0 8px; font-size:clamp(20px,2.3vw,26px); font-weight:500; letter-spacing:-.025em; }
.github-moi p { margin:0; max-width:64ch; font-size:14px; line-height:1.7; color:var(--chu-phu); }
.github-moi p.github-license { margin-top:6px; font-size:12px; }
.github-star-link { display:inline-flex; align-items:center; justify-content:center; gap:10px; flex-shrink:0; padding:13px 17px; border:1px solid var(--net-mo); border-radius:2px; color:var(--giay); text-decoration:none; font-size:14px; }
.github-star-link:hover { border-color:var(--giay); }
.tai-hanh-dong a:focus-visible,.nut-repo:focus-visible,.github-star-link:focus-visible { outline:2px solid var(--giay); outline-offset:5px; }
@media (max-width:600px) {
 .tai-hanh-dong { gap:10px; max-width:100%; }
 .tai-hanh-dong .nut-tai { padding:14px 18px; }
 .tai-hanh-dong .nut-tai-chinh { font-size:15px; }
 .tai-tieu-de { align-items:flex-start; gap:16px; }
 .tai-tieu-de .tieu-de { font-size:clamp(24px,7vw,36px); }
 .nut-repo { padding:10px 12px; }
 .nut-repo .github-star { display:none; }
 .github-moi { align-items:flex-start; flex-direction:column; gap:18px; padding:20px 0; }
}