.observation-guide {
  --observation-ink: #18364a;
  --observation-muted: #526f85;
  color: var(--observation-ink);
  width: min(100%, 1380px);
  margin-inline: auto;
  padding: clamp(28px, 5vw, 76px) clamp(18px, 4vw, 58px) 54px;
}
.observation-guide__header { max-width: 770px; margin-bottom: 36px; }
.observation-guide__eyebrow {
  margin: 0 0 16px;
  color: #447594;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.observation-guide__title {
  margin: 0;
  font-size: clamp(32px, 4.2vw, 60px);
  line-height: 1.08;
  font-weight: 600;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.observation-guide__intro {
  margin: 22px 0 10px;
  max-width: 560px;
  color: var(--observation-muted);
  font-size: 14px;
  line-height: 1.8;
}
.observation-guide__back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-top: 6px;
  color: #266b9b;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
  text-underline-offset: 4px;
}
.observation-guide__back:hover { text-decoration: underline; }
.observation-guide__back:focus-visible { outline: 2px solid #267ab4; outline-offset: 5px; border-radius: 4px; }
.observation-guide__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.observation-guide__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #ffffff;
  border-radius: 25px;
  background: linear-gradient(152deg, #ffffffed, #f2f8fcdc);
  box-shadow: 0 14px 38px #4e749010, 0 1px 3px #5d829614, inset 0 0 0 1px #dae7f05e;
}
.observation-guide__visual {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  padding: 24px;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #e8eff4;
}
.observation-guide__visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}
.observation-guide__copy { flex: 1; padding: 26px 25px 29px; }
.observation-guide__family { margin: 0 0 12px; font-size: 10px; line-height: 1.5; color: #54809c; letter-spacing: .025em; }
.observation-guide__card h3 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.45; letter-spacing: -.02em; text-wrap: balance; }
.observation-guide__description { margin: 16px 0 0; font-size: 12px; line-height: 1.85; color: var(--observation-muted); }
.observation-guide__note { margin: 25px 0 0; max-width: 780px; color: #607c90; font-size: 11px; line-height: 1.8; }
@media (max-width: 1040px) {
  .observation-guide__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
}
@media (max-width: 650px) {
  .observation-guide { padding: 28px 18px 36px; }
  .observation-guide__header { margin-bottom: 26px; }
  .observation-guide__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .observation-guide__intro { font-size: 13px; }
  .observation-guide__visual { aspect-ratio: 4 / 3; padding: 25px; }
  .observation-guide__copy { padding: 22px 24px 26px; }
  .observation-guide__card h3 { font-size: 19px; }
  .observation-guide__description { font-size: 13px; }
}
/* Native product pixels stay opaque, above a separate glass environment. */
.observation-guide__visual{display:block;width:100%;min-height:0;border:0;border-bottom:1px solid #d5e6f3;cursor:pointer;background:radial-gradient(ellipse at 22% 10%,#ffffffb3,transparent 70%)}
.observation-visual{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;overflow:hidden;opacity:1;mix-blend-mode:normal}
.observation-visual svg{position:absolute;inset:0;width:100%;height:100%;max-height:100%;display:block;opacity:1;mix-blend-mode:normal;filter:drop-shadow(0 8px 4px #274b681c)}
.observation-visual image{opacity:1;mix-blend-mode:normal}
.observation-guide__title-button{border:0;background:transparent;padding:0;font:inherit;text-align:left;color:inherit;cursor:pointer}
.observation-guide__key-specs{margin:18px 0;display:grid;gap:10px}
.observation-guide__key-specs div{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid #c4d8e980}
.observation-guide__key-specs dt{font-size:10px;color:#526f85}
.observation-guide__key-specs dd{margin:0;font-size:12px;color:#1a4563;font-weight:650;line-height:1.6}
.observation-guide__copy .btn{min-height:44px;margin-top:6px;white-space:normal;text-align:left}
.information-card .product-image-link{background:transparent;padding:25px 18px;height:270px}
.information-card .product-info{display:flex;flex-direction:column;align-items:flex-start}
.information-card .product-summary{min-height:0;line-height:1.7;overflow-wrap:anywhere}
.information-card .product-title{font-size:16px;line-height:1.5}
.information-detail-visual{height:380px;display:block;overflow:hidden;padding:20px 14%;margin:0 4%;border-radius:25px;background:linear-gradient(135deg,#f7fcff70,#cde3f480);border:1px solid #fff}
.information-detail-visual .observation-visual{width:100%;height:100%}
.information-card .laser-model-button{margin-top:auto}
.cmp-option-photo .observation-visual,.cmp-table-photo .observation-visual{width:100%;height:100%}
.interceptor-specifications{margin:42px 0;padding:clamp(20px,4vw,48px);border-radius:28px;border:1px solid #fff;background:#f5fbffc9;box-shadow:0 14px 40px #234a7012}
.interceptor-specifications>header{max-width:780px;margin-bottom:24px}
.interceptor-specifications h2{font-size:clamp(23px,3vw,34px);letter-spacing:-.025em}
.interceptor-specifications>header p:not(.eyebrow){font-size:13px;line-height:1.8;color:#526f85}
.interceptor-specifications__models{display:grid;gap:12px}
.interceptor-model{border-radius:18px;border:1px solid #b8d3e7;background:#ffffff80;overflow:hidden}
.interceptor-model summary{display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;padding:19px 22px;list-style:none}
.interceptor-model summary::-webkit-details-marker{display:none}
.interceptor-model summary strong{font-size:17px;color:#153b56}
.interceptor-model summary small{display:block;margin-top:6px;font-size:11px;color:#55788f}
.interceptor-model[open] summary b{transform:rotate(45deg)}
.interceptor-model .spec-table{margin:0 22px 18px}
.interceptor-model .laser-reference-note{margin:10px 22px 22px}
@media(max-width:650px){.information-card .product-image-link{height:230px;padding:20px 12px}.information-card .product-title{font-size:13px}.information-detail-visual{height:300px;padding:20px 12%}.interceptor-model summary{padding:18px 15px}.interceptor-model .spec-table{margin:0 15px 18px}.interceptor-model .laser-reference-note{margin-inline:15px}.interceptor-specifications{margin-top:28px}}