.site-chrome { position: sticky; top: 0; z-index: 30; background: #f6f4ef; }
.site-links { box-sizing: border-box; max-width: 1040px; margin: 0 auto; padding: 18px 16px 14px; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
.site-links a { box-sizing: border-box; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 56px; padding: 8px 5px; border: 1px solid #e7e2d7; border-top: 3px solid #9c7c4d; border-radius: 10px; background: #fff; text-align: center; text-decoration: none; box-shadow: 0 3px 8px #11243a0a; }
.site-links a:hover { border-color: #9c7c4d; }
.site-links a:focus-visible { outline: 2px solid #9c7c4d; outline-offset: 2px; }
.site-links a::after { content: '↗'; position: absolute; top: 4px; right: 6px; color: #9c7c4d; font-size: 11px; }
.site-links a.site-link-own { background: #eee2c4; border-top-color: #7e6239; }
.site-links .site-link-name { color: #11243a; font-size: clamp(9px, 1.08vw, 12.5px); font-weight: 700; letter-spacing: -.03em; line-height: 1.4; }
.site-links .site-link-host { color: #7d8793; font-size: 11px; line-height: 1.4; }
html { scroll-padding-top: 160px; }
@media (min-width: 640px) { .site-links { padding-left: 28px; padding-right: 28px; } }
/* 휴대폰에서는 로고만 위에 고정하고, 바로가기 배너는 본문 맨 아래(푸터 바로 위)에 3개·3개·1개로 둔다 */
@media (max-width: 720px) {
  body { display: flex; flex-direction: column; min-height: 100vh; }
  body > main, body > footer, body > .wrap, .site-header, .site-links { width: 100%; }
  .site-chrome { display: contents; }
  .site-header { position: sticky; top: 0; z-index: 30; }
  /* 남색 로고 띠 바로 밑에 제목·검색칸이 붙지 않게 */
  body > main, body > main.wrap { margin-top: 20px; }
  .site-links { order: 1; margin-top: 24px; padding-top: 0; padding-bottom: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .site-links a { min-height: 54px; padding: 8px 4px; }
  .site-links a:last-child { grid-column: 1 / -1; }
  .site-links .site-link-name { font-size: 12.5px; word-break: keep-all; }
  .site-links .site-link-host { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; }
  body > footer { order: 2; }
  html { scroll-padding-top: 70px; }
}