.wordmark { align-items: center; }
.brand-symbol { width: 32px; height: 32px; margin-right: 7px; flex-shrink: 0; }
.privacy-link { display: inline-block; font-size: var(--text-xs); color: var(--green); text-decoration-thickness: 1px; text-underline-offset: 4px; margin-top: 10px; }
.privacy-link span { margin-left: 5px; }
.fork { display: block; height: 40px; }
.fork svg { display: block; width: 100%; height: 40px; }
.destinations { gap: 0; }
.destinations > div { align-items: center; text-align: center; }
.debug-notice { padding: 12px 24px; background: #fff0cd; color: #6c4b12; text-align: center; font-size: var(--text-xs); }
.copy-field button { white-space: nowrap; flex-shrink: 0; }
.router-guide-list { margin: 26px 0; border-top: 1px solid var(--line); }
.router-guide { border-bottom: 1px solid var(--line); scroll-margin-top: 24px; }
.router-guide > summary { display: flex; align-items: center; gap: 20px; justify-content: space-between; list-style: none; padding: 20px 30px 20px 0; position: relative; cursor: pointer; font-size: var(--text-base); font-weight: 500; }
.router-guide > summary::-webkit-details-marker { display: none; }
.router-guide > summary::after { content: "+"; position: absolute; right: 0; color: var(--green); font-size: var(--text-lg); }
.router-guide[open] > summary::after { content: "−"; }
.router-guide summary small { display: block; font-size: var(--text-xs); font-weight: 400; color: var(--muted); margin-top: 3px; }
.guide-tag { font-size: var(--text-xs); font-weight: 400; color: var(--green); white-space: nowrap; background: var(--surface); padding: 3px 8px; border-radius: var(--radius-sm); }
.router-guide-body { padding: 4px 0 26px; max-width: 860px; overflow-wrap: anywhere; }
.router-guide-body h4, .router-other-title { font-size: var(--text-sm); font-weight: 600; margin: 18px 0 14px; }
.router-guide-body > p { font-size: var(--text-sm); }
.router-guide-body .hint { font-size: var(--text-xs); }
.router-warning { padding: 14px 16px; background: #f3f2e9; border-left: 2px solid #b6a65c; color: #625835; font-size: var(--text-xs) !important; margin: 18px 0 0; }
@media (max-width: 700px) {
  .brand-symbol { width: 27px; height: 27px; margin-right: 5px; }
  .router-guide > summary { align-items: flex-start; gap: 10px; padding-right: 23px; }
  .guide-tag { font-size: var(--text-xs); padding: 3px 5px; }
  .router-guide summary small { max-width: 22ch; }
  .router-guide-body h4 { line-height: 1.6; }
}