/* ===== <style id="v307-lookup-outside-reader">  (orig line 64) ===== */
.lookup{margin-top:14px !important;}

/* ===== <style id="v294-reading-transparent-body">  (orig line 68) ===== */
html,body{background:transparent !important;}
.wrap{background:transparent !important;}

/* ===== <style id="embedded-reader-hide-title-v239">  (orig line 73) ===== */
.header{display:none !important;}
body{padding-top:0 !important;}

/* ===== <style id="hui-reading-card-match-resource-v262">  (orig line 78) ===== */
.wrap{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
.grid{
  display:block !important;
  width:100% !important;
  margin:0 !important;
}
.grid > .card:first-child{
  width:100% !important;
  box-sizing:border-box !important;
  background:#fff !important;
  border:1px solid #dfe7e2 !important;
  border-radius:18px !important;
  padding:26px !important;
  box-shadow:0 5px 20px #0000000d !important;
  margin:0 !important;
}
.grid > .card + .card{
  margin-top:18px !important;
}

/* ===== <style id="remove-reading-content-green-border-v263">  (orig line 106) ===== */
.card,
.content-card,
.reading-content{
  border-color:#dfe7e2 !important;
  outline:none !important;
}

/* ===== <style id="v264-no-outer-content-border">  (orig line 115) ===== */
main.wrap .grid > section.card{
  border:0 !important;
  outline:0 !important;
  box-shadow:0 5px 20px #0000000d !important;
}

/* ===== <style id="v265-new-card-spacing">  (orig line 123) ===== */
/* Khối Từ mới: bỏ viền ngoài */
main.wrap .grid > section.card:nth-child(2){
  border:0 !important;
  outline:0 !important;
  box-shadow:0 5px 20px #0000000d !important;
}
/* Khoảng cách giữa Nội dung và Từ mới bằng khoảng cách từ khối Nội dung
   đến tiêu đề/khối phía trên */
main.wrap .grid{
  gap:18px !important;
}
main.wrap .grid > section.card + section.card{
  margin-top:0 !important;
}

/* ===== <style id="v266-reading-cards-final">  (orig line 140) ===== */
/* Hai khối Nội dung và Từ mới: không có viền ngoài */
main.wrap .grid > .card{
  border:none !important;
  outline:none !important;
}
/* Khoảng cách hai khối giống khoảng cách chuẩn 18px */
main.wrap .grid{
  display:block !important;
  margin:0 !important;
}
main.wrap .grid > .card{
  margin:0 !important;
}
main.wrap .grid > .card + .card{
  margin-top:18px !important;
}

/* ===== <style id="v276-exact-match">  (orig line 159) ===== */
/* CHỈ căn kích thước: ô Dán nội dung và ô danh sách Từ mới cùng bề rộng */
main.wrap .grid > .card:first-child,
main.wrap .grid > .card:last-child{
  box-sizing:border-box !important;
}

main.wrap .grid > .card:last-child{
  padding:26px !important;
}

main.wrap .grid > .card:first-child textarea#input{
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
}

main.wrap .grid > .card:last-child .vocab-list{
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
}

main.wrap .grid > .card:last-child .vocab{
  width:100% !important;
  box-sizing:border-box !important;
}

/* ===== <style id="v278-reading-vocab-width">  (orig line 188) ===== */
/* Chỉ chỉnh chiều rộng ô Từ mới trong Luyện đọc, giữ nguyên toàn bộ nội dung */
.grid > .card:first-child,
.grid > .card:last-child{
  width:100% !important;
  box-sizing:border-box !important;
}
.grid{
  display:block !important;
}
.grid > .card + .card{
  margin-top:18px !important;
}
.vocab-list,
.vocab{
  width:100% !important;
  box-sizing:border-box !important;
}

/* ===== <style id="v312-reading-vocab-gap-zero">  (orig line 208) ===== */
/* Đưa khối Từ mới sát ngay bên dưới khối Nội dung; không đổi nội dung bên trong. */
.grid > .card + .card{margin-top:0 !important;}

/* ===== <style id="v319-reading-vocab-gap-9">  (orig line 212) ===== */
/* Khoảng cách giữa khối Nội dung và khối Từ mới đúng 9px. */
.grid > .card + .card{margin-top:9px !important;}

/* ===== <style id="v323-reading-exact-gaps">  (orig line 216) ===== */
/* Luyện đọc: Nội dung -> Từ mới = 9px; Từ mới -> thanh ngang = 32px. */
.grid > .card + .card{margin-top:9px !important;}
.wrap{margin-bottom:32px !important;}

/* ===== <style id="v327-reading-vocab-inline">  (orig line 221) ===== */
/* Từ mới nằm chung trong khối Nội dung, không còn là một thẻ riêng. */
main.wrap .grid > section.card:first-child{width:100% !important;}
main.wrap .grid > section.card:first-child{width:100% !important;max-width:none !important;}
main.wrap .reading-vocab-inline{width:100% !important;margin-top:18px !important;padding-top:18px !important;border-top:1px solid #dfe6e0 !important;box-sizing:border-box !important;}
main.wrap .reading-vocab-inline{display:block !important;}
main.wrap .reading-vocab-inline h2{margin:0 0 14px !important;}
main.wrap .reading-vocab-inline .vocab-list{width:100% !important;box-sizing:border-box !important;}

/* ===== <style id="v335-reading-card-match-quiz">  (orig line 230) ===== */
/* Thẻ Nội dung Luyện đọc khớp padding/nền với thẻ Trắc nghiệm. */
html,body{background:#f4f7fc !important;}
main.wrap{background:transparent !important;}
main.wrap .grid > section.card:first-child{
  background:#fff !important;
  padding:32px !important;
  box-sizing:border-box !important;
  border-radius:15px !important;
  border:1px solid #dfe6e0 !important;
  box-shadow:0 3px 12px rgba(0,0,0,.035) !important;
}

/* ===== <style id="v338-reading-card-final">  (orig line 243) ===== */
/* Luyện đọc: khớp thẻ Trắc nghiệm — nền ngoài, bo góc, không viền xanh/xám. */
html, body { background:#f4f7fc !important; }
main.wrap, main.wrap .grid { background:transparent !important; }
main.wrap .grid > section.card:first-child {
  width:100% !important;
  max-width:none !important;
  background:#fff !important;
  border:0 !important;
  outline:0 !important;
  border-radius:18px !important;
  box-shadow:0 5px 20px #0000000d !important;
  padding:32px !important;
  box-sizing:border-box !important;
}

/* ===== <style id="v339-reading-inner-white">  (orig line 259) ===== */
html, body { background:#fff !important; }
main.wrap, main.wrap .grid { background:#fff !important; }
main.wrap .grid > section.card:first-child {
  background:#fff !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:0 5px 20px #0000000d !important;
  border-radius:18px !important;
}

/* ===== <style id="v341-reading-inner-final">  (orig line 270) ===== */
/* Thẻ Nội dung + Từ mới: nền trắng, bo góc; không viền xanh/xám. */
html,body{background:transparent !important;}
main.wrap{background:transparent !important;}
main.wrap .grid{background:transparent !important;}
main.wrap .grid > section.card:first-child{
  background:#fff !important;
  border:0 !important;
  outline:0 !important;
  border-radius:18px !important;
  box-shadow:0 5px 20px #0000000d !important;
}

/* ===== <style id="v342-reading-no-extra-bottom-bg"> ===== */
/* Đồng bộ với các thẻ khác: chỉ thẻ nội dung có nền trắng,
   phần nền dư bên dưới để trong suốt. */
html,
body,
main.wrap,
main.wrap .grid{
  background:transparent !important;
}

main.wrap{
  margin-bottom:0 !important;
}
