/* Scoped static service navigation; existing page layouts remain owned by their CSS. */
.guide-entry,
.guide-directory > .guide-directory__heading,
.guide-directory > .guide-directory__section,
.guide-directory > .guide-directory__back,
.guide-directory > .guide-directory__base {
  box-sizing: border-box;
  width: min(var(--container, 1440px), calc(100% - 2 * var(--page-gutter, 20px)));
  max-width: var(--container, 1440px);
  margin: 48px auto;
}
.guide-entry {
  padding: 28px;
  border: 1px solid #dce3ee;
  border-radius: var(--radius-card, 16px);
  background: #f6f8fc;
}
.guide-entry h2 { font-size: clamp(22px, 3vw, 30px); line-height: 1.4; margin: 0 0 12px; }
.guide-entry p { margin: 0 0 18px; line-height: 1.7; }
.guide-entry nav { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.guide-entry nav a,
.guide-directory__back a,
.guide-directory__base a,
.guide-directory__links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid #c5d5ed;
  border-radius: 8px;
  background: #f6f8fc;
  color: #1759bc;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: background-color .15s, border-color .15s;
}
.guide-entry nav a { background: #1759bc; border-color: #1759bc; color: #fff; }
.guide-directory__links a { width: 100%; height: 100%; justify-content: flex-start; }
.guide-entry nav a:hover { background: #124a9d; border-color: #124a9d; }
.guide-directory__back a:hover,
.guide-directory__base a:hover,
.guide-directory__links a:hover { background: #e8f0fc; border-color: #1759bc; }
.guide-entry nav a:focus-visible,
.guide-directory__back a:focus-visible,
.guide-directory__base a:focus-visible,
.guide-directory__links a:focus-visible { outline: 3px solid #1759bc; outline-offset: 4px; }
.guide-directory__heading { padding-top: 36px; }
.guide-directory__heading h1 { font-size: clamp(28px, 4vw, 44px); margin: 12px 0 20px; }
.guide-directory__heading p { max-width: 760px; line-height: 1.8; }
.guide-directory__section h2 { font-size: clamp(22px, 3vw, 30px); margin-bottom: 22px; }
.guide-directory__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 24px; padding: 0; list-style: none; }
.guide-directory__links li { min-width: 0; line-height: 1.6; }
@media (max-width: 800px) {
  .guide-directory__links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .guide-entry { padding: 22px; }
  .guide-directory__links { grid-template-columns: minmax(0, 1fr); }
}