/* capes.9minecraft.net — phan bo sung 07/10/2026:
   logo anh · mega menu (chep mo hinh cua 9minecraft/servers) · the cape xem 3D · kim cuong that.
   Van giu dung Floating UI: the noi tren bong mem, khong vien, nut vien thuoc. */

/* ------------------------------------------------------------------ logo anh */
.logo img { height: 26px; width: auto; display: block; }
@media (max-width: 720px) { .logo img { height: 22px; } }

/* --------------------------------------------------------------- mega menu
   So do lay dung tu `bundle-global.css` cua 9minecraft (qua bedrock-servers/app/megamenu.js),
   khong tu dat: top 84px · rail 320px · gap 0 · left = max(16px,(100vw-1280px)/2-99px).
   Mo hinh tuong tac cung chep nguyen: hamburger CLICK mo rail; rail item MOUSEENTER mo flyout;
   roi chuot KHONG lam gi; vao muc khac thi doi ngay; x tren flyout dong flyout;
   backdrop/Esc/x dong ca rail. ⛔ KHONG dat bo dem thoi gian kieu hover-intent — ho ghi ro
   250ms khong du cho chuot di cham qua khe 16px, flyout bien mat giua chung. */
:root {
  --ymega-top: 84px;
  --ymega-rail-w: 320px;
  --ymega-left: max(16px, calc((100vw - 1280px) / 2 - 8px));
}
.ybd {
  position: fixed; inset: 0; z-index: 60; background: rgba(32, 33, 36, .45);
  opacity: 0; pointer-events: none; transition: opacity .18s;
}
body.ymega-open .ybd { opacity: 1; pointer-events: auto; }

.ymega {
  display: flex; flex-direction: column; position: fixed; top: var(--ymega-top);
  left: calc(0px - var(--ymega-rail-w) - 16px); width: var(--ymega-rail-w);
  max-height: calc(100vh - var(--ymega-top) - 16px); z-index: 61;
  background: var(--the); box-shadow: var(--bong-cao); border-radius: var(--r-lon);
  padding: 10px; transition: left .2s ease; overflow: visible;
}
body.ymega-open .ymega { left: var(--ymega-left); }
.ymega .dau {
  display: flex; align-items: center; gap: 10px; padding: 6px 10px 10px;
}
.ymega .dau b { font-weight: 500; font-size: 13px; }
.ymega .dau .x { margin-left: auto; }

.ylist { list-style: none; margin: 0; padding: 0; overflow-y: auto; }
.ylist > li { position: relative; }
.ylist > li > a, .ylist > li > button {
  display: flex; align-items: center; gap: 10px; width: 100%; border: 0; cursor: pointer;
  background: transparent; color: var(--chu); font: inherit; font-size: 13.5px;
  text-align: left; padding: 11px 14px; border-radius: 999px;
}
.ylist > li > a:hover, .ylist > li > button:hover,
.ylist > li.ymega-active > button { background: var(--nhan-nen); color: var(--nhan);
                                    text-decoration: none; }
.ylist .mui { margin-left: auto; color: var(--xam); font-size: 11px; }

/* flyout — dat canh rail, dung chung moc toa do voi rail */
.ysub {
  position: fixed; top: var(--ymega-top);
  left: calc(var(--ymega-left) + var(--ymega-rail-w) + 12px);
  width: clamp(360px, calc(100vw - var(--ymega-left) - var(--ymega-rail-w) - 48px), 820px);
  max-height: calc(100vh - var(--ymega-top) - 16px); overflow-y: auto;
  padding: 18px 20px 22px; background: var(--the); box-shadow: var(--bong-cao);
  border-radius: var(--r-lon); z-index: 62;
  opacity: 0; visibility: hidden; transform: translateX(-8px);
  transition: opacity .16s, transform .16s;
}
.ylist > li.ymega-active > .ysub { opacity: 1; visibility: visible; transform: translateX(0); }
.ysub .dau2 { display: flex; align-items: center; margin-bottom: 12px; }
.ysub h3 {
  margin: 0; font-size: 11px; font-weight: 500; text-transform: uppercase;
  letter-spacing: .9px; color: var(--xam);
}
.ysub .x { margin-left: auto; }
.ychip { display: flex; flex-wrap: wrap; gap: 8px; }
.ychip a {
  background: var(--bg); color: var(--chu); border-radius: 999px; padding: 8px 14px;
  font-size: 13px;
}
.ychip a:hover { background: var(--nhan-nen); color: var(--nhan); text-decoration: none; }
.ychip a .n { color: var(--xam-nhat); font-size: 11px; margin-left: 6px; }

@media (max-width: 860px) {
  .ymega { width: min(330px, 88vw); --ymega-left: 12px; }
  .ysub {
    position: static; width: auto; max-height: none; box-shadow: none; padding: 4px 8px 12px;
    opacity: 1; visibility: visible; transform: none; display: none; border-radius: 0;
  }
  .ylist > li.ymega-active > .ysub { display: block; }
}

/* ------------------------------------------------------- nguoi deo cape, xem 3D
   Than nguoi = MOT anh dung chung (`/assets/nguoi.png`) da nuong san goc nhin
   6deg/-24deg; cape van la 3D that (3 mat) nen con be day va con nhuc nhich.
   ⛔ Moi do dai o day deu tinh bang `cqh` (1% chieu cao cua .pv3) chu khong phai px:
      the cape co gian theo be ngang man hinh, de px co dinh thi dien thoai bi cat cut
      con man rong thi nguoi be xiu. Khung canh danh dinh 128x252 px = 50.7937 x 100 cqh.
   ⛔ Sua so thi phai chay lai `_dung_anh_nguoi.py` — anh va CSS chung mot nguon so
      (`_nguoi_hinh_hoc.py`), lech nhau mot chut la cape roi khoi lung nguoi. */
.pv3 {
  border-radius: var(--r-anh); background: var(--bg); aspect-ratio: 10 / 16;
  margin-bottom: 12px; display: grid; place-items: center;
  perspective: 166.667cqh; overflow: hidden; container-type: size;
}
/* ⛔ KHONG dat ten lop la `.sanh`/`.than`: `app.css` DA co `.sanh` toan cuc cho khung
   xem 3D o trang chi tiet (`perspective:900px; overflow:hidden; cursor:grab`). The
   cape se an nham ca ba: phoi canh LONG NHAU (khac luc ket xuat anh than nguoi), cape
   bi cat, va con tro chuot thanh "ban tay keo" tren moi the. */
.pv3 .ng-canh {
  position: relative; width: 50.7937cqh; height: 100cqh;
  transform-style: preserve-3d;
}
/* than nguoi: anh phang, khong tham gia 3D — no DA la ban chieu cua canh 3D */
.pv3 .ng-than {
  position: absolute; inset: 0; image-rendering: pixelated;
  background: url(/assets/nguoi.png) center / 100% 100% no-repeat;
}
/* cape: tam 10x16 treo ngang vai, nhich ra sau lung.
   ⛔ `translate3d` phai dung TRUOC `rotateY`: lam nguoc thi phep tinh tien chay theo
      truc DA XOAY, cape lech ngang khoi lung nguoi. */
.pv3 .h3 {
  position: absolute; left: 25.3968cqh; top: 44.4444cqh;
  width: 27.7778cqh; height: 44.4444cqh; margin-left: -13.8889cqh; margin-top: -22.2222cqh;
  transform-style: preserve-3d;
  transform: translate3d(0, 5.5556cqh, 6.9444cqh) rotateX(6deg) rotateY(-24deg);
  transition: transform .25s ease;
}
/* ⛔ KHONG xoay rieng cape khi tro chuot nua: than nguoi la anh phang, xoay mot minh
   cape la no truot khoi lung. Thay bang viec cape bay nhe ra khoi lung. */
.card:hover .pv3 .h3, .card:focus-visible .pv3 .h3 {
  transform: translate3d(0, 5.5556cqh, 11.3889cqh) rotateX(6deg) rotateY(-24deg);
}
.pv3 .m {
  position: absolute; image-rendering: pixelated; background-repeat: no-repeat;
  background-size: 177.778cqh 88.8889cqh;
}
/* ⛔ Ba mat deu neo o goc TREN-TRAI cua `.h3`, nen phai xoay quanh CANH CHUNG bang
   `transform-origin`. Xoay kieu hop can giua thi hai mat phu bi day ra thanh hai net
   gach roi khoi khoi (chi nhin anh chup moi thay). */
.pv3 .m-ngoai { width: 27.7778cqh; height: 44.4444cqh; left: 0; top: 0;
                background-position: -2.7778cqh -2.7778cqh; }
.pv3 .m-trai { width: 2.7778cqh; height: 44.4444cqh; left: 0; top: 0;
               background-position: -30.5556cqh -2.7778cqh;
               transform-origin: left center; transform: rotateY(90deg); }
.pv3 .m-tren { width: 27.7778cqh; height: 2.7778cqh; left: 0; top: 0;
               background-position: -2.7778cqh 0;
               transform-origin: center top; transform: rotateX(90deg); }

/* ------------------------------------------------- kim cuong that cua 9minecraft */
.sao button { padding: 2px; }
.sao i {
  display: block; width: 26px; height: 26px; background-size: contain;
  background-repeat: no-repeat; background-position: center;
  background-image: url(/assets/diamond-off.svg);
  filter: grayscale(1) opacity(.45);
}
.sao button.day i { background-image: url(/assets/diamond-on.svg); filter: none; }

/* --------------------------- nut sang/toi: cap icon mat troi / mat trang
   Co che chep nguyen tu `bundle-global.css` cua 9minecraft.net:
     .theme-toggle .theme-icon-moon{display:none}
     .theme-toggle .theme-icon-sun{display:block}
     [data-theme="dark"] ... doi nguoc lai
   ⛔ Site nay con ho tro "theo he thong" (khong co thuoc tinh data-theme nao). Thieu khoi
      @media duoi day thi o che do toi cua he dieu hanh nut van hien MAT TROI — sai nghia. */
.theme-toggle .theme-icon-sun, .theme-toggle .theme-icon-moon { pointer-events: none; }
.theme-toggle .theme-icon-moon { display: none; }
.theme-toggle .theme-icon-sun { display: block; }
:root[data-theme="dark"] .theme-toggle .theme-icon-sun { display: none; }
:root[data-theme="dark"] .theme-toggle .theme-icon-moon { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .theme-toggle .theme-icon-sun { display: none; }
  :root:not([data-theme="light"]) .theme-toggle .theme-icon-moon { display: block; }
}
.theme-toggle svg { width: 20px; height: 20px; }

/* ------------------------------------------- muc giai thich o trang Cape Editor
   ⛔ KHONG dung lai `.doi` cua trang chi tiet: no la `420px 1fr` (cot ben + noi dung).
      Hai the giai thich can hai cot BANG NHAU, dung `.doi` thi cot trai bi ep 420px. */
.doi-deu { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
@media (max-width: 860px) { .doi-deu { grid-template-columns: 1fr; } }
.danh-sach { margin: 10px 0 0; padding: 0 0 0 18px; color: var(--xam); line-height: 1.65; }
.danh-sach li { margin: 0 0 12px; }
.danh-sach li:last-child { margin-bottom: 0; }
.danh-sach b { color: var(--chu); font-weight: 500; }
/* ⛔ `.nut.on` TRUOC DAY khong co quy tac nao, du markup van gan lop `on` cho cong cu dang
   chon: Pencil/Fill/Eraser/Picker trong y het nhau, khong biet dang dung cai gi. */
.nut.on { background: var(--nhan-nen); color: var(--nhan-dam); }
.nut:disabled { opacity: .45; cursor: default; }
.nut:disabled:hover { background: var(--bg); color: var(--chu); }

/* ------------------------------------------- bang chon mau trong trang (Cape Editor)
   O vuong do-tuoi/do-sang + dai sac, thuan CSS gradient, khong canvas.
   ⛔ Cham chon phai `pointer-events:none`: no nam tren o mau, khong tat thi keo tu dung cham
      la su kien roi vao chinh cham -> toa do nhay, mau giat. */
.chon-mau { margin: 10px 0 12px; }
.o-sv {
  position: relative; height: 128px; border-radius: 12px; cursor: crosshair;
  background:
    linear-gradient(to top, #000, rgba(0,0,0,0)),
    linear-gradient(to right, #fff, var(--sac, #1a73e8));
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
  touch-action: none;
}
.o-hue {
  position: relative; height: 14px; border-radius: 999px; margin-top: 10px; cursor: ew-resize;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%,
              #00f 67%, #f0f 83%, #f00 100%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
  touch-action: none;
}
.o-sv .cham, .o-hue .cham {
  position: absolute; pointer-events: none; border-radius: 50%;
  border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.45);
}
.o-sv .cham { width: 14px; height: 14px; margin: -7px 0 0 -7px; }
.o-hue .cham { width: 18px; height: 18px; top: 50%; margin: -9px 0 0 -9px;
               background: var(--sac, #1a73e8); }
.o-sv:focus-visible, .o-hue:focus-visible { outline: 2px solid var(--nhan); outline-offset: 2px; }
.xem-mau {
  width: 34px; height: 34px; border-radius: 10px; flex: 0 0 34px;
  background: var(--mau-dang, #1a73e8); box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
}
#mau-hex {
  flex: 1; height: 34px; border: 0; border-radius: 999px; background: var(--bg);
  color: var(--chu); padding: 0 14px; font: inherit; font-size: 13px;
  font-variant-numeric: tabular-nums;
}
#mau-hex:focus-visible { outline: 2px solid var(--nhan); outline-offset: 1px; }

/* ===== s9b: than trang moi — BAT DAU (sinh tu _s9b.css) ===== */

/* ═══════════════════════════════════════════════════════════════════════════
   s9b — THAN TRANG MOI cua schematics.9minecraft.net (14/10/2026)
   Phong cach Google Minimalist Floating UI, dung khuon cua tools (`t9b`).
   ⛔ KHONG dung lai mot lop nao cua giao dien cu (.hero/.sec/.sechead/.tiles/.tile/
      .grid/.builds/.card/.pv/.ten/.nho/.nut/.sbox).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Sua kich thuoc header cho KHOP cac sub khac ──────────────────────────
   Do that 14/10 (trinh duyet, khung 1280):
       skins/seeds/litematica/bedrock-skins : logo 200x34 · form.hs rong 620
       schematics truoc khi sua             : logo 153x26 · form.hs rong 284
   Nguyen nhan: `them.css` cua schematics dat `.logo img{height:26px}`, va `form.hs` o day
   thieu han `flex`/`max-width` (cac sub kia dat `flex:1 1 280px; max-width:620px`). */
html body header .logo img{height:34px!important;max-height:none!important;width:auto}
html body header form.hs{flex:1 1 280px!important;max-width:620px!important}

/* ── 2. Bien + khung ngoai ──────────────────────────────────────────────── */
html body .s9b{
  --s9b-nen:#f1f3f4; --s9b-the:#fff; --s9b-chu:#202124; --s9b-mo:#5f6368;
  --s9b-nhan:#1a73e8; --s9b-vien:rgba(60,64,67,.12);
  --s9b-bong:0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
  --s9b-bong2:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15);
  --s9b-r1:28px; --s9b-r2:16px; --s9b-r3:12px;
  background:var(--s9b-nen); color:var(--s9b-chu);
  font-family:"Google Sans Text","Google Sans",Roboto,system-ui,-apple-system,"Segoe UI",
              Arial,sans-serif;
}
html[data-theme="dark"] body .s9b{
  --s9b-nen:#131417; --s9b-the:#1e2024; --s9b-chu:#e8eaed; --s9b-mo:#9aa0a6;
  --s9b-nhan:#8ab4f8; --s9b-vien:rgba(255,255,255,.10);
  --s9b-bong:0 1px 2px rgba(0,0,0,.6),0 1px 3px 1px rgba(0,0,0,.35);
  --s9b-bong2:0 1px 3px rgba(0,0,0,.6),0 4px 8px 3px rgba(0,0,0,.35);
}
@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) body .s9b{
    --s9b-nen:#131417; --s9b-the:#1e2024; --s9b-chu:#e8eaed; --s9b-mo:#9aa0a6;
    --s9b-nhan:#8ab4f8; --s9b-vien:rgba(255,255,255,.10);
    --s9b-bong:0 1px 2px rgba(0,0,0,.6),0 1px 3px 1px rgba(0,0,0,.35);
    --s9b-bong2:0 1px 3px rgba(0,0,0,.6),0 4px 8px 3px rgba(0,0,0,.35);
  }
}
html body .s9b *{box-sizing:border-box}
html body .s9b__in{max-width:1200px; margin:0 auto; padding:18px 16px 28px}
@media(max-width:1180px){html body .s9b__in{padding:14px 12px 24px}}

/* ── 3. Breadcrumb (trang category + chi tiet) ──────────────────────────── */
html body .s9b__duong{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px;
  margin:0 0 12px; font-size:12.5px; color:var(--s9b-mo);
}
html body .s9b__duong a{color:var(--s9b-mo); text-decoration:none}
html body .s9b__duong a:hover{color:var(--s9b-nhan); text-decoration:underline}
html body .s9b__duong-tach{opacity:.5}
html body .s9b__duong [aria-current="page"]{color:var(--s9b-chu); font-weight:500}

/* ── 4. Hang tieu de category — giong sub tools ─────────────────────────── */
html body .s9b__dau{
  display:flex; align-items:center; gap:13px; margin:0 0 12px; padding:0 2px;
}
html body .s9b__dau-ic{
  flex:0 0 auto; width:48px; height:48px; border-radius:14px; display:grid;
  place-items:center; background:var(--s9b-the); box-shadow:var(--s9b-bong);
  overflow:hidden;
  outline:2px solid color-mix(in srgb, var(--s9b-h,#5f6368) 26%, transparent);
  outline-offset:-2px;
}
html body .s9b__dau-ic img{width:34px; height:34px; object-fit:contain}
html body .s9b__dau-ten{
  margin:0; font-size:21px; line-height:1.25; font-weight:600; letter-spacing:-.2px;
  color:var(--s9b-h,var(--s9b-chu));
}
html body .s9b__dau-dem{
  flex:0 0 auto; display:inline-flex; align-items:center; height:24px; padding:0 10px;
  border-radius:999px; font-size:12.5px; font-weight:600; line-height:1;
  color:var(--s9b-h,var(--s9b-mo));
  background:color-mix(in srgb, var(--s9b-h,#5f6368) 12%, transparent);
}
html body .s9b__dau-lk{
  margin-left:auto; flex:0 0 auto; font-size:13.5px; font-weight:500;
  color:var(--s9b-nhan); text-decoration:none;
}
html body .s9b__dau-lk:hover{text-decoration:underline}
html body .s9b__dau-mo{margin:-4px 0 14px; font-size:13.5px; line-height:1.55;
  color:var(--s9b-mo); max-width:76ch}

/* ── 5. Muc (mot category tren trang chu) ───────────────────────────────── */
html body .s9b__muc{margin:0 0 30px}

/* ── 6. Luoi the ban ve ─────────────────────────────────────────────────── */
html body .s9b__luoi{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(236px,1fr)); gap:14px;
}
@media(max-width:560px){
  html body .s9b__luoi{grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px}
}
html body .s9b__the{
  display:flex; flex-direction:column; min-width:0; overflow:hidden;
  border-radius:var(--s9b-r2); background:var(--s9b-the); box-shadow:var(--s9b-bong);
  text-decoration:none; color:inherit;
  transition:box-shadow .16s ease, transform .16s ease;
}
html body .s9b__the:hover{box-shadow:var(--s9b-bong2); transform:translateY(-1px)}
html body .s9b__anh{display:block; background:var(--s9b-nen); line-height:0}
html body .s9b__anh img{
  display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover;
}
html body .s9b__noi{display:flex; flex-direction:column; gap:3px; padding:12px 14px 14px}
html body .s9b__ten{
  font-size:14.5px; font-weight:500; line-height:1.3; color:var(--s9b-chu);
  /* ⛔ `overflow-wrap:anywhere` be giua tu; cap dung la min-content + break-word. */
  min-width:min-content; overflow-wrap:break-word;
}
html body .s9b__mo{font-size:12.5px; line-height:1.4; color:var(--s9b-mo)}
html body .s9b__trong{
  padding:30px 16px; text-align:center; color:var(--s9b-mo); font-size:14px;
  background:var(--s9b-the); border-radius:var(--s9b-r2); box-shadow:var(--s9b-bong);
}

/* ── 7. Khe quang cao — giu dung so khe cua wiki ────────────────────────── */
html body .s9b__qc{margin:0 0 18px; min-width:0}
html body .s9b__qc:empty{display:none}


/* <h1> trang chu: giu trong ma cho cau truc tai lieu + SEO, nhung AN khoi mat theo yeu
   cau "bo khu vuc gioi thieu" cua chu site 14/10/2026. */
html body .s9b__h1an{
  position:absolute!important; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}
/* ===== s9b: than trang moi — HET ===== */

/* ── Breadcrumb: DUNG CHUAN 9minecraft ────────────────────────────────────────
   Chu site 05/11/2026: *"Sub models >> Nhieu trang, link van chua dung chuan breadcrumb
   cua 9minecraft"*.

   Do 8 site trong mang luoi truoc khi sua (`so_breadcrumb_mangluoi.py`) — chuan hien ra la:
       dau phan cach  »  (U+00BB)   ·  lien ket #2563eb  ·  muc hien tai #64748b  ·  14px
   www · seeds · skins deu dung dung bo nay. Models thi sai CA BON:
       dau `›` (U+203A) · lien ket **rgb(32,33,36)** · 12,5px

   ⛔⛔⛔ Vi sao lien ket ra mau chu thuong: `.s9b__duong a{color:var(--s9b-mo)}` — ma bien
      `--s9b-mo` khai tren `html body .s9b`, con breadcrumb thi nam NGOAI khoi `.s9b`.
      `var()` khong co gia tri va khong co du phong ⇒ roi ve mau ke thua #202124. Tuc la
      lien ket **khong ra dang lien ket**: dung mau voi chu xung quanh.
      Do bang cach hoi trinh duyet gia tri bien tai cho do (`getPropertyValue('--s9b-mo')`
      tra ve chuoi RONG) — nhin CSS khong the thay duoc dieu nay.
   ⇒ O day dat mau TUONG MINH, khong phu thuoc khoi `.s9b` nua.
   ⛔ Dau `»` ve bang `::before` (giong `nav.crumb` cua seeds/skins) de khong phai dung lai
      4.926 trang chi vi mot ky tu — va de sau nay doi dau thi doi MOT cho. */
html body .s9b__duong{font-size:14px}
html body .s9b__duong a{color:#2563eb; font-weight:500; text-decoration:none}
html body .s9b__duong a:hover{color:#1d4ed8; text-decoration:underline}
html body .s9b__duong [aria-current="page"],
html body .s9b__duong [aria-current="page"] *{color:#64748b; font-weight:400}
html body .s9b__duong-tach{font-size:0; color:transparent; opacity:1}
html body .s9b__duong-tach::before{content:"\00BB"; font-size:14px; color:#64748b}
html[data-theme="dark"] body .s9b__duong a{color:#8ab4f8}
html[data-theme="dark"] body .s9b__duong a:hover{color:#aecbfa}
@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) body .s9b__duong a{color:#8ab4f8}
  html:not([data-theme="light"]) body .s9b__duong a:hover{color:#aecbfa}
}

/* ── Breadcrumb: them KHUNG RIENG + ICON NHA (06/11/2026) ─────────────────────
   Chu site: *"https://create.9minecraft.net/category/flying-machines/ >> Breadcrumb chua
   giong 9minecraft"*.
   Lan sua 05/11 moi lam 4 thuoc tinh CHU (dau », mau lien ket, mau muc cuoi, 14px). Do lai
   06/11 tren www thi con THIEU hai thu nua cua ban goc:
       khung rieng : nen #f8fafc · vien 1px #e2e8f0 · bo 8px · dem 10px 14px
       icon ngoi nha truoc muc dau (www dung `span.mcseo-bc-home`: 14x14, le -2px, cach 4px)
   ⛔ Chep NGUYEN duong SVG + ma mau cua www, khong ve lai: ve lai la hai site lech nhau
      ngay lan doi icon dau tien. Ben nay ve bang `::before` nen KHONG phai sua 5.961 trang.
   ⛔ `:first-of-type` chu khong `:first-child`: muc dau la <span property="itemListElement">,
      nhung truoc no co the co the khac chen vao. */
html body .s9b__duong{
  background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px;
  padding:10px 14px; margin:0 0 14px;
}
html body .s9b__duong > span:first-of-type a::before{
  content:""; display:inline-block; width:14px; height:14px;
  margin:0 4px 0 0; vertical-align:-2px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'><path d='M12 2.1L1 12h3v9h6v-6h4v6h6v-9h3z'/></svg>") no-repeat 50% 50%;
  background-size:contain;
}
@media(max-width:600px){ html body .s9b__duong{font-size:13px} }
html[data-theme="dark"] body .s9b__duong{background:#1a1f24; border-color:#2a3140}
html[data-theme="dark"] body .s9b__duong > span:first-of-type a::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238ab4f8'><path d='M12 2.1L1 12h3v9h6v-6h4v6h6v-9h3z'/></svg>");
}
@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) body .s9b__duong{background:#1a1f24; border-color:#2a3140}
  html:not([data-theme="light"]) body .s9b__duong > span:first-of-type a::before{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238ab4f8'><path d='M12 2.1L1 12h3v9h6v-6h4v6h6v-9h3z'/></svg>");
  }
}

/* ══ 08/11/2026 — 5 viec chu site bao cho create + models ══════════════════════
   Chu site: *"Breadcrumb la 1 khung doc lap rieng giong cac sub khac. Khong chung khung
   voi main content ben duoi / Khu vuc title trang tri trinh bay giong voi site goc
   9minecraft di / Bo khu vuc tag o duoi title trong archive di vi co o Menu het roi /
   Header chua co dinh khi cuon trang giong cac sub khac / List archive cac bai nhieu cho
   con khoang trong, neu la quang cao fill vao thi bo"*.
   Do truoc khi sua (`_cr_bocuc.py`, `_cr_mau2.py`, `_cr_www_dau*.py`) — xem chu thich
   tung muc. ⛔ Tep nay GIONG HET giua create va models (cung md5): sua mot ban roi chep. */

/* ── 1. Header GHIM khi cuon ──────────────────────────────────────────────────
   Do 14 site: 9 sub DA ghim (news tools wiki litematica servers bedrock-servers seeds
   skins bedrock-skins), 4 chua: schematics capes models create.
   ⛔ Chep NGUYEN luat cua nhom da ghim (`header.top{position:sticky;top:0;z-index:30;
   background:var(--bg);padding:10px 0 0}`) — o day chi can 3 thuoc tinh dau vi `background`
   va `padding` da do `site.css` dat bang `!important`.
   ⛔ z-index 30 chu khong cao hon: rail mega menu la 61 va nen mo la 60, phai o TREN header. */
html body header.top{position:sticky; top:0; z-index:30}

/* ── 2. Breadcrumb = KHUNG DOC LAP ────────────────────────────────────────────
   Truoc: `nav.s9b__duong` nam BEN TRONG `div.heroin` (the trang bo 28px) nen rong 1196px,
   nhin nhu mot hop long trong hop. Mau dung cua mang luoi la capes: `.crumb` la con TRUC
   TIEP cua `.wrap`, rong 1260px, co bong rieng.
   ⇒ `_dung_trang.py` da dua `crumb(dd)` ra ngoai `.heroin`; o day them BONG cho no thanh
   mot the noi doc lap dung kieu Floating UI nhu capes. */
html body .hero > .wrap > .s9b__duong{box-shadow:var(--bong); margin:0 0 14px}

/* ── 3. Khu tieu de archive = kieu www.9minecraft.net ─────────────────────────
   Boc tu www `/category/minecraft-mods/` (`_cr_www_dau2.py` + `_cr_www_dau5.py`):
       h1      Oswald 26px/700 IN HOA, mau = mau danh muc (--mc-c)
       icon    o 46x46 bo 14px, nen = sac danh muc pha nhat (--mc-bg), anh 26x26 giua o
       so bai vien thuoc: cao 36px, dem 0 14px 0 11px, 14px/500, nen #f0f4f9, chu #444746,
               truoc no mot icon tai lieu 17x17 to #0b57d0 ve bang `mask`
       mo ta   14px #666, cach tieu de 8px, KHONG bo rong
   ⛔ KHONG chep `.archive-separator` (vach doc 1px): tren www no `display:none` o moi be
      ngang do duoc — co trong CSS nhung khong bao gio hien. Chep vao la them mot net ma
      ban goc khong co.
   ⛔ KHONG chep nut kinh lup cua www: create/models da co o tim RIENG ngay duoi (`.n9-loc`
      -> "Search in <muc>"), them nua la hai o tim chong nhau. */
@font-face{font-family:'Oswald'; font-style:normal; font-weight:200 700; font-display:swap;
  src:url(/assets/oswald.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Oswald'; font-style:normal; font-weight:200 700; font-display:swap;
  src:url(/assets/oswald-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

html body .hero .c9b__dau{gap:14px; margin:0; padding:0 0 8px; flex-wrap:wrap}
html body .hero .c9b__dau-ic{
  width:46px; height:46px; border-radius:14px;
  background:#eef2f7;                                   /* du phong neu khong co color-mix */
  background:color-mix(in srgb, var(--c9b-h,#1a73e8) 14%, #ffffff);
}
html body .hero .c9b__dau-ic img{width:26px; height:26px}
html body .hero h1.c9b__dau-ten{
  font-family:Oswald,system-ui,sans-serif; font-size:26px; font-weight:700; line-height:1.2;
  letter-spacing:0; text-transform:uppercase; padding-bottom:2px;
}
html body .hero .c9b__dau-dem{
  display:inline-flex; align-items:center; gap:7px; height:36px; box-sizing:border-box;
  padding:0 14px 0 11px; font-size:14px; font-weight:500; letter-spacing:.1px; opacity:1;
  background:#f0f4f9; color:#444746; border-radius:999px; white-space:nowrap;
}
html body .hero .c9b__dau-dem::before{
  content:""; width:17px; height:17px; flex:0 0 auto; background:#0b57d0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* Mo ta: www de tran be ngang khoi tieu de (940px), khong bo 70ch. */
html body .hero .heroin > p{max-width:none; margin-top:8px}
/* ⛔ `site.css` thu nho tieu de o 560px bang `h1.c9b__dau-ten` (0,1,1). Bo chon o tren
   manh hon nen se DE mat luat do — phai viet lai o day, neu khong tieu de 26px tran man. */
@media (max-width:560px){
  html body .hero h1.c9b__dau-ten{font-size:22px}
  html body .hero .c9b__dau-ic{width:38px; height:38px; border-radius:11px}
  html body .hero .c9b__dau-ic img{width:22px; height:22px}
  html body .hero .c9b__dau-dem{height:32px; font-size:13px}
}
html[data-theme="dark"] body .hero .c9b__dau-ic{
  background:#2a3038;
  background:color-mix(in srgb, var(--c9b-h,#8ab4f8) 26%, #202124);
}
html[data-theme="dark"] body .hero .c9b__dau-dem{background:#2a3038; color:#c4c7c5}
html[data-theme="dark"] body .hero .c9b__dau-dem::before{background:#a8c7fa}
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]) body .hero .c9b__dau-ic{
    background:#2a3038;
    background:color-mix(in srgb, var(--c9b-h,#8ab4f8) 26%, #202124);
  }
  html:not([data-theme="light"]) body .hero .c9b__dau-dem{background:#2a3038; color:#c4c7c5}
  html:not([data-theme="light"]) body .hero .c9b__dau-dem::before{background:#a8c7fa}
}

/* ── 5. O quang cao in-feed RA NGOAI luoi ─────────────────────────────────────
   Do tren `/category/flying-machines/`: luoi 5 cot, o quang cao chen o vi tri thu 9 va
   tran ca hang (`.n9ad--feed{grid-column:1/-1}`) ⇒ hang 2 chi con 3 the, THUNG 2 o
   (do duoc: hang y=1264 co n=3, hang y=1500 la `n9ad`). Dung dung canh chu site gui.
   ⇒ `_dung_trang.py` dat o quang cao NGAY SAU luoi thay vi ben trong no: khong con lo
      thung o giua, ma o quang cao van chay. */
html body .n9ad--duoi-luoi{margin:18px auto 0}

/* ══ crash.9minecraft.net — giao dien rieng cua sub (08/11/2026) ══════════════
   Giu dung ngon ngu Floating UI cua mang luoi: the noi tren bong mem, khong vien,
   nut vien thuoc. Mau diem nhan lay tu `--c9b-h` cua tung ho loi.
   ⛔ Khong dung lop nao trung voi khung chung (`.the`, `.sec`, `.wrap`, `.heroin`) ngoai
      viec ghi de co y — doi khung la ca 15 site doi theo.                              */

/* ── o dan log ───────────────────────────────────────────────────────────── */
/* (bo: bo cuc hero cu, thay bang chuan nganh o cuoi tep) */
.cr-icon { flex: 0 0 auto; width: 64px; height: 64px; image-rendering: pixelated;
  border-radius: 14px; background: #eef2f7; padding: 6px; box-sizing: border-box; }
.cr-dau h1 { margin: 2px 0 6px; font-size: 26px; line-height: 1.2; font-weight: 600;
  letter-spacing: -.2px; }
.cr-mo { margin: 0; font-size: 14px; line-height: 1.6; color: var(--xam); max-width: 74ch; }
.cr-mo code { background: var(--bg); padding: 1px 6px; border-radius: 6px; font-size: 12.5px; }

#cr-log {
  width: 100%; box-sizing: border-box; border: 0; border-radius: 16px;
  background: var(--bg); color: var(--chu); padding: 14px 16px; resize: vertical;
  font: 12.5px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  min-height: 190px; outline: none;
}
#cr-log:focus { box-shadow: 0 0 0 2px var(--nhan) inset; }
#cr-log.cr-tha { box-shadow: 0 0 0 3px var(--nhan) inset; }

.cr-hang { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 14px; }
.cr-ghi { font-size: 12.5px; color: var(--xam); }

/* ── ket qua ─────────────────────────────────────────────────────────────── */
.cr-ra:empty { display: none; }
.cr-ra { margin-top: 18px; }
.kq-dac { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.kq-dac span { background: var(--bg); border-radius: 999px; padding: 6px 13px; font-size: 12.5px;
  color: var(--xam); }
.kq-dac b { color: var(--chu); font-weight: 500; margin-right: 4px; }
.kq-trong { background: var(--bg); border-radius: 16px; padding: 18px 20px; font-size: 14px;
  line-height: 1.6; color: var(--xam); }
.kq-trong p { margin: 0 0 8px; }
.kq-trong p:last-child { margin-bottom: 0; }
.kq-ds { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.kq-i { border-radius: 16px; padding: 16px 18px; background: var(--bg);
  border-left: 4px solid var(--kq-c, #5f6368); }
.kq-fatal { --kq-c: #d93025; }
.kq-error { --kq-c: #b75908; }
.kq-warning { --kq-c: #0b8043; }
.kq-dau { background: color-mix(in srgb, var(--kq-c) 7%, var(--the)); }
.kq-dau-hang { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.kq-muc { flex: 0 0 auto; font-size: 11.5px; font-weight: 600; letter-spacing: .3px;
  text-transform: uppercase; color: var(--kq-c); background: color-mix(in srgb, var(--kq-c) 12%, #fff);
  border-radius: 999px; padding: 4px 10px; }
.kq-i h3 { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.3; }
.kq-i h3 a { color: var(--chu); }
.kq-trich { margin: 10px 0 0; background: var(--the); border-radius: 10px; padding: 10px 12px;
  overflow-x: auto; font: 12px/1.5 ui-monospace, Menlo, Consolas, monospace; color: var(--xam); }
.kq-mod { margin: 10px 0 0; font-size: 13.5px; }
.kq-mod code { background: var(--the); padding: 2px 7px; border-radius: 6px; }
.kq-sua { margin: 12px 0 0; padding-left: 20px; font-size: 14px; line-height: 1.65; }
.kq-sua li { margin-bottom: 4px; }
.kq-tai { margin: 12px 0 0; font-size: 14px; }
.kq-them, .kq-gio { margin: 12px 0 0; font-size: 12.5px; color: var(--xam); }

/* ── the mot loi trong luoi ──────────────────────────────────────────────── */
.lo-luoi { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.lo-the { display: flex; flex-direction: column; gap: 6px; background: var(--the);
  box-shadow: var(--bong); border-radius: 18px; padding: 16px 18px;
  border-top: 3px solid var(--c9b-h, #5f6368); }
.lo-the:hover { text-decoration: none; box-shadow: var(--bong-cao); }
.lo-ho { font-size: 11.5px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase;
  color: var(--c9b-h, #5f6368); }
.lo-ten { font-size: 15px; font-weight: 500; line-height: 1.35; color: var(--chu); }
.lo-mo { font-size: 13px; line-height: 1.5; color: var(--xam); }

/* ── trang mot loi ───────────────────────────────────────────────────────── */
.lo-bai { border-top: 4px solid var(--c9b-h, #5f6368); }
.lo-bai h1 { margin: 6px 0 10px; font-size: 28px; line-height: 1.25; font-weight: 600; }
.lo-bai h2 { margin: 26px 0 10px; font-size: 18px; font-weight: 600; }
.lo-nghia { font-size: 15px; line-height: 1.7; margin: 0; }
.lo-ck { background: #1a1f24; color: #e8eaed; border-radius: 12px; padding: 14px 16px;
  overflow-x: auto; font: 12.5px/1.6 ui-monospace, Menlo, Consolas, monospace; }
.lo-sua { padding-left: 20px; font-size: 15px; line-height: 1.75; }
.lo-sua li { margin-bottom: 6px; }
.lo-cta { margin-top: 24px; display: flex; gap: 10px; flex-wrap: wrap; }

/* ── o ho loi tren trang chu ─────────────────────────────────────────────── */
.ho-luoi { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.ho-o { background: var(--the); box-shadow: var(--bong); border-radius: 18px; padding: 16px 18px;
  display: flex; flex-direction: column; gap: 6px; border-left: 4px solid var(--c9b-h); }
.ho-o:hover { text-decoration: none; box-shadow: var(--bong-cao); }
.ho-ten { font-size: 15px; font-weight: 600; color: var(--c9b-h); }
.ho-ten .n { margin-left: 7px; font-size: 12px; font-weight: 600; color: var(--xam);
  background: var(--bg); border-radius: 999px; padding: 2px 8px; }
.ho-mo { font-size: 13px; line-height: 1.5; color: var(--xam); }

/* ── ma thoat ────────────────────────────────────────────────────────────── */
.ma-hang, .ma-luoi { display: grid; gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.ma-o, .ma-the { background: var(--the); box-shadow: var(--bong); border-radius: 14px;
  padding: 13px 16px; display: flex; flex-direction: column; gap: 3px; }
.ma-o:hover, .ma-the:hover { text-decoration: none; box-shadow: var(--bong-cao); }
.ma-o b, .ma-the b { font: 600 14.5px/1.3 ui-monospace, Menlo, Consolas, monospace;
  color: #d93025; }
.ma-o span, .ma-the span { font-size: 12.5px; line-height: 1.5; color: var(--xam); }

/* ── sitemap ─────────────────────────────────────────────────────────────── */
.sm-khoi { border-left: 4px solid var(--c9b-h, #5f6368); }
.sm-khoi h2 { margin: 0 0 10px; font-size: 17px; font-weight: 600; color: var(--c9b-h); }
.sm-khoi h2 .n { font-size: 12px; color: var(--xam); background: var(--bg);
  border-radius: 999px; padding: 2px 9px; margin-left: 6px; }
.sm-ds { margin: 0; padding-left: 20px; columns: 2; column-gap: 28px; font-size: 14px;
  line-height: 1.8; }
@media (max-width: 720px) { .sm-ds { columns: 1; } }

/* ── nen toi ─────────────────────────────────────────────────────────────── */
html[data-theme="dark"] body .cr-icon { background: #2a3038; }
html[data-theme="dark"] body .kq-muc { background: color-mix(in srgb, var(--kq-c) 22%, #202124); }
html[data-theme="dark"] body .lo-ck { background: #11151a; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body .cr-icon { background: #2a3038; }
  html:not([data-theme="light"]) body .kq-muc {
    background: color-mix(in srgb, var(--kq-c) 22%, #202124); }
  html:not([data-theme="light"]) body .lo-ck { background: #11151a; }
}

@media (max-width: 720px) {
  .cr-in { padding: 20px 18px 18px; }
  .cr-dau { gap: 12px; }
  .cr-icon { width: 48px; height: 48px; }
  .cr-dau h1 { font-size: 21px; }
  .lo-bai h1 { font-size: 22px; }
}

/* ══ Than trang theo CHUAN NGANH (08/11/2026) ════════════════════════════════
   Do tren litebyte.co/tools/crash-analyzer + xgamingserver.com/tools/minecraft/log-analyzer
   bang trinh duyet that (`_soi_doi_thu.py`). Hai site dung cung mot trinh tu; o day chep
   trinh tu do nhung giu ngon ngu Floating UI cua mang luoi 9Minecraft.
   ⛔ Header/footer VAN la chuan mang luoi — khoi nay chi dung cho THAN trang.           */

/* 1. Mo dau bang CHU, khong phai anh trang tri */
.cr-top { padding-top: 6px; }
.cr-top h1 { margin: 0 0 10px; font-size: 32px; line-height: 1.18; font-weight: 600;
  letter-spacing: -.4px; }
.cr-top .cr-mo { margin: 0; font-size: 15.5px; line-height: 1.65; color: var(--xam);
  max-width: 82ch; }
.cr-top .cr-mo b { color: var(--chu); font-weight: 500; }

/* 2. The dan log */
.cr-hop { padding: 20px 22px 18px; }
.cr-hop-dau { display: flex; align-items: center; gap: 11px; margin-bottom: 8px; }
.cr-hop-ic { width: 28px; height: 28px; image-rendering: pixelated; flex: 0 0 auto; }
.cr-hop-dau h2 { margin: 0; font-size: 17px; font-weight: 600; }
.cr-tai { margin-left: auto; cursor: pointer; font-size: 13.5px; }
.cr-help { margin: 0 0 12px; font-size: 13.5px; line-height: 1.6; color: var(--xam); }
.cr-help code, .cr-mo code { background: var(--bg); padding: 1px 6px; border-radius: 6px;
  font-size: 12.5px; }

.cr-mau { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 14px;
  padding-top: 13px; border-top: 1px solid var(--bg); }
.cr-mau-nhan { font-size: 13px; color: var(--xam); margin-right: 2px; }
.cr-mau .chip { font-size: 12.5px; padding: 7px 13px; }

/* 3. Dai rieng tu — tach bach, khong lan vao chu mo dau */
.cr-rieng { margin: 14px 0 0; padding: 13px 16px 13px 44px; position: relative;
  background: var(--nhan-nen, #e8f0fe); border-radius: 14px; font-size: 13.5px;
  line-height: 1.6; color: var(--xam); }
.cr-rieng b { color: var(--nhan-dam, #1967d2); }
.cr-rieng::before { content: ""; position: absolute; left: 16px; top: 14px;
  width: 18px; height: 18px; background: var(--nhan-dam, #1967d2);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.5 3.8 10.7 9 12 5.2-1.3 9-6.5 9-12V5zm0 10.9h7c-.5 4-3.1 7.6-7 8.8V12H5V6.3l7-3.1z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.5 3.8 10.7 9 12 5.2-1.3 9-6.5 9-12V5zm0 10.9h7c-.5 4-3.1 7.6-7 8.8V12H5V6.3l7-3.1z'/%3E%3C/svg%3E") center/contain no-repeat; }

/* 4. "What this tool detects" — o loi co dau canh bao, giong xgaming */
.lo-the { position: relative; padding-left: 44px; }
.lo-the::before { content: ""; position: absolute; left: 17px; top: 19px;
  width: 16px; height: 16px; background: var(--c9b-h, #5f6368);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 1 21h22zm0 5 7.5 12.9h-15zM11 10h2v5h-2zm0 6.5h2V18h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 1 21h22zm0 5 7.5 12.9h-15zM11 10h2v5h-2zm0 6.5h2V18h-2z'/%3E%3C/svg%3E") center/contain no-repeat; }

/* 5. FAQ */
.faq details { border-bottom: 1px solid var(--bg); }
.faq details:last-child { border-bottom: 0; }
.faq summary { cursor: pointer; list-style: none; padding: 15px 34px 15px 0; position: relative;
  font-size: 15.5px; font-weight: 500; line-height: 1.45; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ""; position: absolute; right: 6px; top: 20px;
  width: 11px; height: 11px; border-right: 2px solid var(--xam); border-bottom: 2px solid var(--xam);
  transform: rotate(45deg); transition: transform .18s; }
.faq details[open] summary::after { transform: rotate(-135deg); top: 24px; }
.faq details > div { padding: 0 0 16px; font-size: 14.5px; line-height: 1.7; color: var(--xam);
  max-width: 88ch; }
.faq details > div b { color: var(--chu); font-weight: 500; }
.faq code { background: var(--bg); padding: 1px 6px; border-radius: 6px; font-size: 13px; }

html[data-theme="dark"] body .cr-rieng { background: #1f2a3a; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body .cr-rieng { background: #1f2a3a; }
}
@media (max-width: 720px) {
  .cr-top h1 { font-size: 24px; }
  .cr-top .cr-mo { font-size: 14.5px; }
  .cr-hop { padding: 16px 16px 14px; }
  .cr-tai { margin-left: 0; width: 100%; text-align: center; order: 3; }
  .cr-hop-dau { flex-wrap: wrap; }
}