@import url("style-v18.css");

/* Một bố cục liền mạch hơn trên màn hình máy tính */
@media (min-width: 761px) {
  .hero { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; }
  .hero-copy { grid-column: 1 / 7; grid-row: 1; z-index: 2; align-self: center; margin: 40px 0; padding: 44px clamp(34px, 4vw, 56px); border: 1px solid var(--line); background: #fff; }
  .hero-photo { grid-column: 5 / -1; grid-row: 1; min-height: 520px; }
  .hero-photo img { min-height: 520px; max-height: 560px; }
  .hero-foot { grid-column: 1 / -1; }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .section { padding-top: 62px; padding-bottom: 62px; }
  .hero-copy { grid-column: 1 / 8; margin: 34px 0; padding: 34px; }
  .hero-photo { grid-column: 5 / -1; min-height: 460px; }
  .hero-photo img { min-height: 460px; max-height: 500px; }
  .hero-bottom { max-width: 390px; }

  .intro { grid-template-columns: 1fr; row-gap: 28px; }
  .intro > div:first-child { max-width: 760px; padding-right: 0; border-right: 0; }
  .intro-content { max-width: 760px; padding-top: 0; }
  .about-story { grid-column: auto; grid-template-columns: 1fr; gap: 18px; padding-top: 32px; }
  .about-story-heading h3, .about-story-copy { max-width: 760px; }
  .office-gallery { grid-column: auto; margin-top: 4px; }

  .section-heading, .updates-heading { grid-template-columns: 1fr; gap: 18px; }
  .section-heading > p, .updates-heading > p { max-width: 700px; }
  .services { grid-template-columns: repeat(2, 1fr); }
  .contact { gap: 44px; }
}

/* Bài cập nhật pháp luật */
.legal-guide { display: grid; grid-template-columns: minmax(270px, .72fr) minmax(0, 1.28fr); border: 1px solid #bdc2bf; background: #fff; }
.legal-guide-header { padding: clamp(30px, 4vw, 52px); border-right: 1px solid #bdc2bf; background: var(--navy); color: var(--cream); }
.legal-guide-header .news-meta { color: var(--gold-light); }
.legal-guide-header .news-meta time { color: #c8d2d5; }
.legal-guide-header h3 { max-width: 440px; margin-top: 34px; color: #fff; font-size: clamp(2rem, 3vw, 2.8rem); line-height: 1.2; }
.legal-guide-header h3 span { color: var(--gold-light); }
.legal-guide-header > p { max-width: 420px; margin-top: 20px; color: #c8d2d5; }
.legal-guide-content { padding: clamp(30px, 4vw, 52px); }
.legal-checklist { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; margin: 0; padding: 0; list-style: none; }
.legal-checklist li { display: grid; grid-template-columns: 112px 1fr; gap: 16px; padding: 16px 0; border-top: 1px solid var(--line); }
.legal-checklist strong, .legal-points strong { color: var(--navy); font-size: .9rem; }
.legal-checklist span { color: var(--muted); font-size: .94rem; }
.legal-checklist-wide { grid-column: 1 / -1; }
.legal-points { margin-top: 24px; padding: 20px 22px; border-left: 3px solid var(--gold); background: #f1f1eb; }
.legal-points p { color: var(--muted); font-size: .94rem; }
.legal-points p + p { margin-top: 10px; }
.before-sign { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); }
.before-sign .eyebrow { color: var(--gold); }
.before-sign > p:last-child { max-width: 720px; margin-top: 10px; color: var(--ink); font: 1.16rem/1.6 Georgia, "Times New Roman", serif; }
.legal-disclaimer { margin-top: 22px; color: var(--muted); font-size: .86rem; font-style: italic; }
.updates-note { display: none; }

@media (max-width: 1180px) {
  .legal-guide { grid-template-columns: 1fr; }
  .legal-guide-header { border-right: 0; border-bottom: 1px solid #bdc2bf; }
  .legal-guide-header h3 { max-width: 700px; }
}

@media (max-width: 760px) {
  .legal-guide { display: block; }
  .legal-guide-header, .legal-guide-content { padding: 26px 22px; }
  .legal-guide-header h3 { margin-top: 24px; font-size: 2rem; }
  .legal-checklist { grid-template-columns: 1fr; }
  .legal-checklist-wide { grid-column: auto; }
  .legal-checklist li { grid-template-columns: 1fr; gap: 5px; padding: 14px 0; }
  .legal-points { padding: 18px; }
}