.series-shortcuts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding-block: 8px 28px;
}
.series-shortcuts a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 4px;
  min-height: 44px;
  border: 1px solid #dcd6cf;
  border-radius: 14px;
  padding: 14px 17px;
  font-size: 14px;
  font-weight: 600;
}
.series-shortcuts span { color: #62564d; font-size: 12px; font-weight: 400; }
.series-shortcuts a:hover { background: #f2efea; }
.model-comparison {
  padding: clamp(28px, 5vw, 64px);
  margin-block: 25px 70px;
  border-radius: 22px;
  background: #f6f4f1;
  scroll-margin-top: 15px;
}
.model-comparison h2 {
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 640;
  line-height: 1.16;
  letter-spacing: -.04em;
}
.compare-selects {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 12px;
  margin-block: 24px;
}
.model-comparison [hidden] { display: none; }
.compare-selects label { display: grid; gap: 6px; color: #62564d; font-size: 12px; }
.compare-selects select {
  width: 100%;
  min-height: 44px;
  padding: 7px 10px;
  border: 1px solid #d5cec5;
  border-radius: 8px;
  background: #fff;
  color: #2c2622;
  font: inherit;
  font-size: 14px;
}
.compare-add { color: #69442e; padding: 10px 0; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }
.compare-table-scroll { overflow-x: auto; }
.compare-swipe-note { margin-block: 8px -12px; }
.compare-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  margin-block: 22px 12px;
  font-size: clamp(12px, 1.4vw, 16px);
}
.compare-table th, .compare-table td {
  border-bottom: 1px solid #ded8cf;
  padding: 14px 10px;
  text-align: start;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.compare-table th:first-child { width: 24%; }
.compare-table a { text-decoration: underline; text-underline-offset: 3px; }
.compare-table td a, .model-comparison > p { color: #62564d; font-size: 12px; }
.guide-tasks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.guide-task { padding: clamp(22px, 3vw, 38px); border-radius: 18px; background: #f6f4f1; }
.guide-task h2 { font-size: clamp(22px, 2.5vw, 29px); line-height: 1.3; margin-bottom: 18px; }
.guide-task ul { margin: 0; padding: 0; list-style: none; }
.guide-task a, .guide-task summary {
  display: list-item;
  padding: 10px 0;
  font-size: 14px;
  text-underline-offset: 4px;
}
.guide-task li a { border-top: 1px solid #ded8cf; }
.guide-task a:hover { text-decoration: underline; }
.guide-task details { margin-top: 8px; }
.guide-task summary { cursor: pointer; font-weight: 600; }
.guide-task details ul { padding-left: 12px; }
@media (max-width: 1000px) {
  .series-shortcuts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .series-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .model-comparison { padding: 24px 14px; }
  .compare-table-scroll[data-columns="3"] .compare-table { min-width: 410px; }
  .compare-table th, .compare-table td { padding-inline: 4px; }
  .compare-selects { gap: 6px; }
  .compare-selects select { padding-inline: 4px; font-size: 12px; }
  .guide-tasks { grid-template-columns: 1fr; }
}