:root{--color-accent: #2b6cb0;--color-ok: #1f7a4d;--color-warn: #9a6b00;--color-gray: #6b7280;--color-demo: #7c3aed;--color-accent-bg: #e7f0f9;--color-ok-bg: #e3f1ea;--color-warn-bg: #f6efdb;--color-gray-bg: #eef0f2;--color-demo-bg: #f0e9fb;--color-accent-strong: #245d99;--color-accent-press: #1d4e80;--color-ok-strong: #196340;--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-alt: #fbfcfd;--color-border: #d6dae0;--color-border-strong: #b9bfc8;--color-text: #1a1f29;--color-text-muted: #586073;--text-primary: var(--color-text);--text-muted: var(--color-text-muted);--text-link: var(--color-accent);--surface-page: var(--color-bg);--surface-card: var(--color-surface);--surface-row-alt: var(--color-surface-alt);--border-hairline: var(--color-border);--focus-ring: 0 0 0 3px rgba(43, 108, 176, .4);--font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-mono: "Noto Sans Mono", ui-monospace, "SFMono-Regular", monospace;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--text-2xs: 13px;--text-xs: 15px;--text-sm: 16px;--text-base: 18px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 38px;--text-4xl: 48px;--leading-tight: 1.3;--leading-snug: 1.45;--leading-body: 1.7;--tracking-normal: 0;--tracking-label: .04em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(26,31,41,.06), 0 1px 3px rgba(26,31,41,.08);--shadow-raised:0 2px 6px rgba(26,31,41,.08), 0 6px 16px rgba(26,31,41,.1);--hit-min: 44px;--column-max: 480px;--container-max: 1120px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--text-link);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--color-accent-strong)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--weight-bold);margin:0;text-wrap:balance}p{margin:0}:root{--bg: var(--color-bg);--card: var(--color-surface);--ink: var(--color-text);--muted: var(--color-text-muted);--line: var(--color-border);--accent: var(--color-accent);--accent-weak: var(--color-accent-bg);--ok: var(--color-ok);--ok-weak: var(--color-ok-bg);--warn: var(--color-warn);--warn-weak: var(--color-warn-bg);--gray: var(--color-gray);--gray-weak: var(--color-gray-bg);--demo: var(--color-demo);--demo-weak: var(--color-demo-bg)}*{margin:0;padding:0}.wrap{max-width:var(--column-max);margin:0 auto;padding:0 16px}.wrap.wide{max-width:var(--container-max)}header.site{background:var(--card);border-bottom:1px solid var(--line);padding:6px 0 8px}header.site .bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 12px}header.site .brand{display:inline-flex;align-items:baseline;gap:6px;min-height:var(--hit-min);padding-top:6px;color:var(--ink);text-decoration:none}header.site .brand-ja{font-size:var(--text-xl);font-weight:700;letter-spacing:.04em;line-height:1.3}header.site .brand-en{font-size:12px;color:var(--muted);letter-spacing:.06em}header.site nav{display:flex;align-items:center;gap:14px;font-size:14px}header.site nav a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:var(--hit-min)}header.site nav a:hover{color:var(--accent);text-decoration:underline}header.site .sub{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2px 8px}header.site .tagline{color:var(--muted);font-size:var(--text-2xs)}header.site .demo-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;font-size:13px}@media(max-width:359px){header.site .brand-en{display:none}header.site nav{gap:12px}}main{padding:16px 0 44px}body.column{word-break:auto-phrase;overflow-wrap:anywhere}body.column :is(p,li,dt,dd,h1,h2,h3){text-wrap:pretty}.bigbtn{display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:100%;min-height:58px;padding:10px 16px;border-radius:14px;font-family:inherit;font-size:19px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer}.bigbtn.primary{background:var(--accent);color:#fff;border:2px solid var(--accent)}.bigbtn.primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff}.bigbtn.secondary{min-height:54px;font-size:18px;background:var(--card);color:var(--accent);border:2px solid var(--accent)}.bigbtn.secondary:hover{background:var(--accent-weak);color:var(--accent)}.back-link{display:inline-flex;align-items:center;gap:4px;min-height:48px;font-size:17px;text-decoration:none}.notice{background:var(--warn-weak);border:1px solid #ecd9a6;border-radius:var(--radius);padding:12px 16px;font-size:.9em;color:#6b4e00;margin:16px 0}footer.site{padding:0;font-size:14px;line-height:1.75;color:var(--muted)}footer.site>.wrap{border-top:1px solid var(--line);background:var(--card);padding-top:20px;padding-bottom:28px}footer.site strong{color:var(--ink)}footer.site .wrap>div{margin:4px 0}footer.site a{color:var(--accent)}footer.site .contact-line:target{background:var(--accent-weak);box-shadow:0 0 0 8px var(--accent-weak);border-radius:2px;color:var(--ink)}.badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:.8em;font-weight:600;white-space:nowrap}.badge.ok{background:var(--ok-weak);color:var(--ok)}.badge.cond{background:var(--accent-weak);color:var(--accent)}.badge.gray{background:var(--gray-weak);color:var(--gray)}.badge.warn{background:var(--warn-weak);color:var(--warn)}.badge.stop{background:#f2ecdb;color:#7a5000}.badge.demo{background:var(--demo-weak);color:var(--demo);border:1px dashed #c4a4f0}.badge.lg{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 12px;font-size:15px;font-weight:700}@media print{.wrap{max-width:none}}
