/* Bài 1 */
body {
  font-family: Arial, sans-serif;
  line-height: 1.65;
  color: #203047;
  max-width: 68rem;
  margin: 0 auto;
  padding: 1rem;
}

/* Bài 2 */
.intro { font-size: 1.125rem; color: #425a73; }
.card h3 { color: #173957; }
.card a { text-decoration-thickness: 0.12em; }
.site-nav > a { color: #125a82; }

/* Bài 3 */
.notice { color: #1d4ed8; }
.notice.is-important { color: #9f1239; }
/* Dòng sau vẫn không thắng selector có hai class ở trên. */
.notice { color: #166534; }

/* Bài 4 */
*, *::before, *::after { box-sizing: border-box; }
.sample-box {
  width: 240px;
  max-width: 100%;
  padding: 20px;
  border: 4px solid #247c9c;
  margin-block: 1rem;
  background: #e9f5fb;
}

/* Bài 5 */
.measure-box {
  width: min(100%, 32rem);
  padding: 1rem;
  border: 1px solid #a8bfd1;
  margin-block: 1rem;
}
.measure-box p { margin-block: 0 1em; }