/* 身岸 inaba.shore — 全站共用修正 */

/* 導覽列：品牌與預約按鈕固定，中間連結可在窄螢幕滾動。 */
.nav-inner{gap:18px}
.brand-mini{flex:0 0 auto}
.nav-links{flex:1 1 auto;min-width:0;justify-content:center;gap:clamp(12px,1.5vw,20px)}
.nav-cta{flex:0 0 auto;margin-left:0}

/* 全站鍵盤焦點。 */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible{
  outline:2px solid var(--ink);
  outline-offset:4px;
}
.part:focus-visible{
  outline:none;
  stroke:var(--ink);
  stroke-width:2.6;
}

/* 教學內容與現行服務範圍的界線說明。 */
.education-note{
  max-width:820px;
  margin-top:22px;
  padding:15px 18px;
  border:1px solid rgba(95,107,96,.28);
  border-left:3px solid var(--moss);
  border-radius:0 14px 14px 0;
  background:rgba(255,255,255,.42);
  color:var(--text);
  font-size:13px;
  line-height:1.8;
}
.education-note strong{color:var(--ink);font-weight:600}
.education-note a{text-decoration:underline;text-underline-offset:3px}

/* 解剖教學頁的手機版預約入口。 */
.education-page .mobile-bottom-cta{display:none}

@media (max-width:1020px){
  .brand-mini .brand-en{display:none}
}

@media (max-width:860px){
  .nav-inner{gap:14px}
  .nav-links{justify-content:flex-start}
  .education-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .education-page .mobile-bottom-cta{
    position:fixed;
    left:50%;
    bottom:calc(16px + env(safe-area-inset-bottom));
    z-index:30;
    display:block;
    width:calc(100% - 48px);
    max-width:380px;
    transform:translateX(-50%);
  }
  .education-page .mobile-bottom-cta a{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 18px;
    border-radius:999px;
    background:var(--ink);
    color:var(--paper);
    border:1px solid rgba(74,74,72,.16);
    font-size:13px;
    letter-spacing:.05em;
    box-shadow:0 6px 18px rgba(74,74,72,.12);
  }
}

@media (max-width:520px){
  .brand-mini{font-size:18px}
  .nav-links{font-size:12.5px}
}

/* SEO / reading improvements, 2026-10-21 */
.skip-link{position:fixed;top:8px;left:12px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:8px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
#main-content,#explorer,.reference-item{scroll-margin-top:100px}
.anatomy-reference .section-inner{max-width:900px}
.anatomy-reference h3{font-size:22px;margin:32px 0 14px}
.anatomy-reference a,.reading-shortcut a{text-decoration:underline;text-underline-offset:3px}
.reference-item{border-bottom:1px solid var(--line)}
.reference-item summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;cursor:pointer;list-style:revert;padding:18px 8px;font-size:18px;line-height:1.6;min-height:48px}
.reference-item summary::after{content:'＋';margin-left:auto}
.reference-item[open] summary::after{content:'−'}
.reference-item summary span{font-family:var(--sans);font-size:14px;color:var(--muted)}
.reference-copy{max-width:72ch;padding:0 12px 24px;font-size:16px;line-height:1.9}
.reference-copy p{margin:0 0 16px}
.reference-copy dl{margin:0 0 16px}
.reference-copy dt{font-weight:600;margin-top:12px}
.reference-copy dd{margin:0;color:var(--text)}
.reference-view{display:inline-block;padding:8px 0}
.reference-sources{margin-top:32px;font-size:14px;line-height:1.9;color:var(--muted)}
.fact .sub{font-size:14px;line-height:1.8}
.booking-price-notice,.booking-confirmation-note,.bs-meta{font-size:14px}
.nav-links{scrollbar-width:thin;scrollbar-color:var(--moss) transparent}
.nav-links::-webkit-scrollbar{display:block;height:4px}
.nav-links::-webkit-scrollbar-thumb{background:var(--moss);border-radius:4px}
.nav-links a{display:inline-flex;align-items:center;min-height:44px}
.anatomy-reference,.info,.reference-copy{overflow-wrap:anywhere}
.lineage-box a[href="https://youtu.be/UEPTSHQkPio"]{color:var(--ink)!important}
@media(max-width:860px){
  .hero-copy,.body-copy,.service-lead,.step p,.answer,.flow-steps li,.info .desc,.info dd{font-size:16px}
  .session-time,.services-bottom-note,.booking-lead,.education-note{font-size:14px}
  .chip,.seg button{min-height:44px}
  .nav-links{font-size:14px}
  .reference-item summary{padding:16px 4px}
  .reference-item summary span{flex-basis:100%;order:1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}