.l1-detail {
  display: grid;
  gap: 22px;
  margin: 22px 0;
}

.l1-intro {
  border: 1px solid rgba(109, 129, 86, .3);
  border-radius: 14px;
  padding: 24px 26px;
  background: #f8f8f3;
}

.l1-intro span, .l1-core-grid span, .l1-conclusion span {
  color: var(--accent-ink);
  font-size: 16px;
  font-weight: 950;
  letter-spacing: .04em;
}

.l1-intro h2 {
  max-width: 940px;
  margin: 8px 0 0;
  color: #142033;
  font-size: clamp(21px, 2.8vw, 30px);
  line-height: 1.45;
}

.l1-intro p, .l1-item p, .l1-section p, .l1-section li {
  color: #46525a;
  font-size: 16px;
  line-height: 1.72;
}

.l1-core-grid, .l1-card-grid, .l1-fit-grid, .l1-two-column {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.l1-core-grid article, .l1-item, .l1-fit-grid > div, .l1-two-column > div {
  border: 1px solid #dedfd9;
  border-radius: 8px;
  padding: 16px;
  background: var(--panel);
}

.l1-core-grid p, .l1-item p {
  margin: 7px 0 0;
}

.l1-item-relationship > a {
  color: var(--accent-ink);
  font-weight: 850;
  text-decoration: underline;
  text-decoration-color: rgba(109, 129, 86, .42);
  text-underline-offset: 3px;
}

.l1-relationship-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 11px;
}

.l1-relationship-facts span {
  border-radius: 999px;
  padding: 4px 7px;
  background: #f2f7fa;
  color: #475467;
  font-size: 12px;
  font-weight: 800;
}

.l1-setup-action {
  display: inline-flex;
  margin-top: 12px;
  border: 1px solid rgba(109, 129, 86, .34);
  border-radius: 8px;
  padding: 8px 11px;
  background: #eef0e8;
  color: var(--accent-ink);
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}

.l1-setup-action:hover,
.l1-setup-action:focus-visible {
  border-color: rgba(109, 129, 86, .6);
  background: #e3e7d6;
  color: #3c4a2f;
}

.l1-setup-action:active {
  filter: brightness(.96);
}

.l1-decision-guide {
  scroll-margin-top: 142px;
  border: 1px solid #d7dfd9;
  border-radius: 10px;
  padding: 18px;
  background: #f8faf7;
}

.l1-decision-guide header h3 {
  margin: 0;
  color: #172033;
  font-size: 19px;
}

.l1-decision-guide header span {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 13px;
  font-weight: 750;
}

.l1-decision-rows {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 13px;
}

.l1-decision-row {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 10px;
  align-items: baseline;
  border-top: 1px solid #e3eaee;
  padding-top: 9px;
}

.l1-decision-row span {
  color: #667085;
  font-size: 14px;
  font-weight: 800;
}

.l1-decision-row strong {
  color: #263445;
  font-size: 15px;
  line-height: 1.6;
}

.l1-decision-row.attention strong { color: #8a4b08; }

.l1-decision-unknown {
  margin: 12px 0 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.55;
}

.l1-decision-evidence {
  margin-top: 13px;
  border-top: 1px solid #e3eaee;
}

.l1-decision-evidence summary {
  cursor: pointer;
  padding-top: 11px;
  color: #344054;
  font-size: 14px;
  font-weight: 850;
}

.l1-decision-evidence > div {
  display: grid;
  gap: 12px;
  margin-top: 11px;
}

.l1-decision-evidence section {
  display: grid;
  gap: 8px;
  border-left: 3px solid #d8e3e8;
  padding-left: 11px;
}

.l1-decision-evidence h4,
.l1-decision-evidence article > strong,
.l1-decision-evidence p {
  margin: 0;
}

.l1-decision-evidence h4 {
  color: #667085;
  font-size: 12px;
}

.l1-decision-evidence article {
  display: grid;
  gap: 6px;
}

.l1-decision-evidence article > strong {
  color: #263445;
  font-size: 13px;
}

.l1-decision-evidence ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.l1-decision-evidence li {
  display: grid;
  gap: 3px;
  min-width: 0;
  border-radius: 8px;
  padding: 9px 10px;
  background: #fff;
  overflow-wrap: anywhere;
}

.l1-decision-evidence li span {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
}

.l1-decision-evidence li p {
  color: #475467;
  font-size: 12px;
  line-height: 1.55;
}

.l1-section {
  scroll-margin-top: 142px;
  margin: 0;
  border-top: 1px solid var(--line);
  padding-top: 20px;
}

.l1-local-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  position: sticky;
  top: 92px;
  z-index: 4;
  border: 1px solid #e1ded6;
  border-radius: 8px;
  padding: 4px;
  background: #f7f6f2;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 22px rgba(55, 51, 42, .055);
}

.l1-local-nav a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-height: 40px;
  border: 1px solid #e7e3da;
  border-radius: 5px;
  padding: 7px 14px 8px;
  background: #fbfaf7;
  color: #4d5554;
  text-decoration: none;
  transition: color .15s ease, background .15s ease, border-color .15s ease;
}

.l1-local-nav a::after {
  position: absolute;
  right: 32%;
  bottom: 2px;
  left: 32%;
  height: 2px;
  border-radius: 999px;
  background: #39766d;
  content: "";
  opacity: 0;
  transform: scaleX(.55);
  transition: opacity .16s ease, transform .16s ease;
}

.l1-local-nav a:hover,
.l1-local-nav a:focus-visible {
  border-color: #d3ddd2;
  background: #eff3ee;
  color: #285f58;
  outline: none;
}

.l1-local-nav a.active {
  border-color: rgba(91, 119, 110, .16);
  background: var(--selection-surface);
  color: var(--selection-ink);
}

.l1-local-nav a.active::after {
  opacity: 1;
  transform: scaleX(1);
}

.l1-local-nav a > span {
  color: #71807d;
  font-size: 12px;
  font-weight: 900;
}

.l1-local-nav a.active > span {
  color: #39766d;
}

.l1-local-nav a > strong {
  font-size: 15px;
  font-weight: 650;
  line-height: 1.25;
}

.l1-chapter {
  scroll-margin-top: 164px;
  border: 1px solid #dcded8;
  border-radius: 14px;
  padding: 24px;
  background: var(--panel);
  box-shadow: 0 8px 24px rgba(55, 51, 42, .035);
}

.l1-chapter-head {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  border-bottom: 1px solid #dedfd9;
  padding-bottom: 17px;
}

.l1-chapter-head > span {
  color: #6d817a;
  font-size: 23px;
  font-weight: 950;
  line-height: 1.35;
}

.l1-chapter-head h2 {
  margin: 0;
  color: #17262b;
  font-size: 23px;
  line-height: 1.35;
}

.l1-chapter-head p {
  margin: 5px 0 0;
  color: #65706e;
  font-size: 14px;
  line-height: 1.55;
}

.l1-chapter-body > :first-child {
  margin-top: 20px;
}

.l1-chapter-body > .l1-section:first-child {
  border-top: 0;
  padding-top: 0;
}

.l1-section > h3 {
  margin: 0 0 12px;
  color: #172033;
  font-size: 20px;
}

.l1-section h4 {
  margin: 0 0 10px;
  color: #344054;
  font-size: 15px;
  font-weight: 850;
}

.l1-section ul {
  margin: 0;
  padding-left: 20px;
}

.l1-item-warning, .l1-caution, .l1-warning-panel {
  border-color: rgba(161, 92, 5, .25);
  background: #fffaf0;
}

.l1-warning-panel {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(161, 92, 5, .25);
  border-radius: 10px;
  padding: 14px;
}

.l1-conclusion {
  display: grid;
  gap: 7px;
  border-left: 4px solid var(--accent);
  border-radius: 8px;
  padding: 16px 18px;
  background: #f4fbfb;
}

.l1-conclusion strong {
  color: #172033;
  font-size: 18px;
  line-height: 1.62;
}

.l1-transparency {
  border: 1px solid #dfe7ec;
  border-radius: 10px;
  background: #f8fafc;
}

.l1-transparency summary {
  cursor: pointer;
  padding: 13px 15px;
  color: #344054;
  font-weight: 850;
}

.l1-transparency > div {
  border-top: 1px solid #dfe7ec;
  padding: 13px 15px;
}

.l1-transparency p {
  margin: 0 0 7px;
  color: #667085;
  font-size: 13px;
}

.l1-transparency ul {
  display: grid;
  gap: 9px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.l1-transparency li {
  display: grid;
  gap: 4px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.l1-transparency li strong { color: #344054; font-size: 13px; }
.l1-transparency li span { color: #475467; font-size: 14px; line-height: 1.6; }

@media (max-width: 680px) {
  .l1-intro { padding: 16px; }
  .l1-core-grid, .l1-card-grid, .l1-fit-grid, .l1-two-column { grid-template-columns: 1fr; }
  .l1-detail { gap: 15px; }
  .l1-local-nav { position: static; flex-wrap: nowrap; overflow-x: auto; }
  .l1-local-nav { display: flex; }
  .l1-local-nav a { flex: 0 0 220px; }
  .l1-chapter { padding: 18px; }
  .l1-chapter-head { grid-template-columns: 44px minmax(0, 1fr); }
  .l1-chapter-head > span { font-size: 20px; }
  .l1-chapter-head h2 { font-size: 20px; }
  .l1-decision-row { grid-template-columns: 92px minmax(0, 1fr); }
}