/* lifeinjapan —— type-visa.css（visa.html 所属页型的增量规则）
   由 ~/.workbuddy/skills/lifeinjapan-site-check/extract-css.py 从内联 <style> 抽取。
   改设计系统只改这里，不要改回各页面的内联样式。 */
@media(max-width:500px){h1{font-size:24px}h2{font-size:18px;margin:32px 0 12px}header{flex-direction:column;gap:10px;align-items:flex-start}.container{padding:32px 16px}}
.hsp-banner{display:none;position:relative;background:var(--card2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:12px 40px 12px 14px;font-size:13px;color:var(--text);margin-bottom:20px;line-height:1.7}
.hsp-banner.show{display:block}
.hsp-banner .hsp-close{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;line-height:1;padding:4px;min-width:24px;text-align:center}
.hsp-banner .hsp-close:hover{color:var(--accent)}
.spinner{display:inline-block;width:18px;height:18px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:hsp-spin .8s linear infinite;vertical-align:middle;margin-right:8px}
@keyframes hsp-spin{to{transform:rotate(360deg)}}
.copy-btn{margin-top:16px;padding:9px 18px;background:var(--accent2);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}
.copy-btn:hover{background:#3d5e8f}