.sample-page{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.sp-banner{max-width:var(--w-inv);align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 0 0 var(--space-4);background:var(--c-info-bg);border-left:4px solid var(--c-focus);color:var(--c-focus);font:var(--fs-sub) / var(--lh-sub) "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;margin:0 auto;display:flex}.sp-banner p{padding:var(--space-2) 0;flex:1;margin:0}.sp-banner-x{width:var(--touch);height:var(--touch);color:var(--c-focus);font-size:var(--fs-body);background:0 0;border:0;flex:none}.sp-switcher{left:50%;bottom:max(12px, env(safe-area-inset-bottom));align-items:center;gap:var(--space-2);width:min(456px,100% - 24px);padding:var(--space-2);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-float);z-index:1000;background:#ffffffeb;display:flex;position:fixed;transform:translate(-50%)}.sp-chips{gap:var(--space-1);scroll-snap-type:x proximity;scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 20px),#0000)}.sp-chips::-webkit-scrollbar{display:none}.sp-chip{white-space:nowrap;scroll-snap-align:center;min-height:var(--touch);border-radius:var(--radius-pill);font:500 var(--fs-body) / var(--lh-tight) var(--font-sans);color:var(--c-ink-2);flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex}.sp-chip[aria-current=page]{background:var(--c-chip-current);color:var(--c-ink);font-weight:700}.sp-dot{border-radius:50%;width:10px;height:10px}.sp-cta{min-height:var(--touch);border-radius:var(--radius-pill);background:var(--c-ink);color:var(--c-on-dark);font:700 var(--fs-body) / var(--lh-tight) var(--font-sans);white-space:nowrap;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}@media (max-width:400px){.sp-long{display:none}}