:root{--color-primary: #073b82;--color-primary-dark: #052b61;--color-secondary: #008c95;--color-secondary-dark: #00707a;--color-accent: #f4a900;--color-accent-bg: #fdf6e3;--color-danger: #b42318;--color-danger-bg: #fdf1f0;--color-success: #16803c;--color-success-bg: #eefaf2;--color-text: #172033;--color-text-muted: #596579;--color-text-invert: #ffffff;--color-border: #d8dee8;--color-surface: #ffffff;--color-surface-muted: #f5f7fa;--color-background: #eef3f8;--color-primary-bg: #e8eef7;--radius-small: 6px;--radius-medium: 10px;--radius-large: 16px;--shadow-card: 0 4px 18px rgb(20 45 80 / 8%);--font-body: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, system-ui, -apple-system, "Segoe UI", sans-serif;--container-max: 1200px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--tap-target: 44px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);line-height:1.8;font-size:1rem}h1,h2,h3,h4,h5,h6{line-height:1.4;margin-block:0 .5em;overflow-wrap:anywhere}p{margin-block:0 1em;overflow-wrap:anywhere}img{max-width:100%;height:auto}a{color:var(--color-primary)}a:hover{color:var(--color-primary-dark)}ul,ol{padding-inline-start:1.5em;margin-block:0 1em}table{border-collapse:collapse;width:100%}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--color-primary);color:var(--color-text-invert);padding:var(--space-3) var(--space-4);border-radius:0 0 var(--radius-small) 0}.skip-link:focus{left:0;color:var(--color-text-invert)}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4)}.section{margin-block:var(--space-6)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-4)}.section-heading h2{font-size:1.25rem;margin:0;padding-inline-start:var(--space-3);border-inline-start:4px solid var(--color-primary)}.section-heading .see-all{font-size:.9rem;white-space:nowrap}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-card);padding:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target);padding:var(--space-2) var(--space-5);border-radius:var(--radius-small);border:1px solid transparent;font-size:1rem;font-family:inherit;font-weight:600;text-decoration:none;cursor:pointer;line-height:1.4}.btn-primary{background:var(--color-primary);color:var(--color-text-invert)}.btn-primary:hover{background:var(--color-primary-dark);color:var(--color-text-invert)}.btn-secondary{background:var(--color-secondary);color:var(--color-text-invert)}.btn-secondary:hover{background:var(--color-secondary-dark);color:var(--color-text-invert)}.btn-outline{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary-bg)}.btn-danger-outline{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger)}.badge{display:inline-block;padding:.1em .7em;border-radius:999px;font-size:.8rem;font-weight:600;border:1.5px solid currentcolor;white-space:nowrap}.badge-open{color:var(--color-success);background:var(--color-success-bg)}.badge-few{color:#a15c00;background:var(--color-accent-bg)}.badge-closed{color:var(--color-text-muted);background:var(--color-surface-muted)}.badge-important{color:var(--color-danger);background:var(--color-danger-bg)}.badge-category{color:var(--color-primary);background:var(--color-primary-bg);border-color:transparent}.badge-draft{color:var(--color-text-muted);background:var(--color-surface-muted)}.badge-sample{color:#7a3f9d;background:#f6effb}.sample-notice{border:2px solid #7a3f9d;background:#f6effb;border-radius:var(--radius-small);padding:var(--space-3) var(--space-4);margin-block-end:var(--space-4);font-size:.95rem}.sample-notice strong{display:block}.notice-bar{background:var(--color-accent-bg);border-block:1px solid #efd9a0}.form-field{margin-block-end:var(--space-4)}.form-field label{display:block;font-weight:600;margin-block-end:var(--space-1)}.form-field .hint{font-size:.85rem;color:var(--color-text-muted);margin-block-start:var(--space-1)}.form-field input[type=text],.form-field input[type=url],.form-field input[type=tel],.form-field input[type=number],.form-field input[type=datetime-local],.form-field select,.form-field textarea{width:100%;min-height:var(--tap-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:1rem;font-family:inherit;background:var(--color-surface);color:var(--color-text)}.form-field textarea{min-height:8rem;line-height:1.7}.form-error{color:var(--color-danger);font-size:.9rem;margin-block-start:var(--space-1)}.form-error:before{content:"⚠ "}.table-wrap{overflow-x:auto}.data-table th,.data-table td{text-align:left;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border);vertical-align:top}.data-table th{background:var(--color-surface-muted);font-size:.9rem;white-space:nowrap}.text-muted{color:var(--color-text-muted)}.text-small{font-size:.875rem}.disclaimer{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-small);padding:var(--space-3) var(--space-4);font-size:.875rem;color:var(--color-text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}