/* ===== Thẻ điều học (Bài 5 trở đi) — dùng cùng luat.css, bai-1.css, bai-2.css, bai-3.css ===== */
.gioi{display:grid;gap:18px;margin:14px 0}
.gc{border-radius:20px;background:var(--card);border:1px solid color-mix(in srgb,var(--c,var(--acc)) 25%,var(--line));box-shadow:var(--shadow);padding:16px 18px 14px;scroll-margin-top:80px}
.gc-h{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}
.gc-no{flex:none;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--c,var(--acc));border-radius:999px;padding:4px 10px;margin-top:4px;white-space:nowrap}
.gc-h h3{margin:0;font-family:var(--serif);font-size-adjust:.5;font-size:1.3rem;line-height:1.3;color:var(--ink)}
.gc-h .pali{font-size:.9rem}
.gc-y{margin:0 0 10px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--gold) 10%,var(--card));font-size:.95rem}
.gc .rule{margin:8px 0 12px}
.gc-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px;border-bottom:1px solid var(--line);padding-bottom:8px}
.gc-tabs button{font:inherit;font-size:.86rem;font-weight:700;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer}
.gc-tabs button:hover{color:var(--ink);border-color:color-mix(in srgb,var(--c,var(--acc)) 50%,var(--line))}
.gc-tabs button[aria-selected="true"]{color:#fff;background:var(--c,var(--acc));border-color:var(--c,var(--acc))}
.gc-pane h4{margin:2px 0 8px;font-family:var(--serif);font-size-adjust:.5;font-size:1.08rem}
.gc-pane p{margin:0 0 8px}
.gc-pane q{display:block;margin:6px 0 8px;padding:2px 0 2px 12px;border-left:3px solid color-mix(in srgb,var(--c,var(--gold)) 45%,var(--line));font-family:var(--serif);font-size-adjust:.5;font-style:italic;font-size:1.02rem;line-height:1.6}
.gc-pane q::before,.gc-pane q::after{content:none}
.gc-pane ul{margin:4px 0 8px;padding-left:20px}
.gc-pane li{margin:2px 0}
.gc-pane .vt{grid-template-columns:1fr}
.gc-pane .noff{margin:0}
@media(max-width:560px){.gc{padding:14px 13px 12px}.gc-h h3{font-size:1.15rem}.gc-tabs button{font-size:.8rem;padding:4px 10px}}