/* 共通ベーススタイル */
:root {
    --color-navy: #22364A;
    --color-main: #0BB89F;
    --color-secondary: #277FA8;
    --color-accent-blue: #2F6DF6;
    --color-sector-icon: #44619E;
    --color-main-soft: #E8F8F3;
    --color-main-hover: #F1FBF8;
    --color-main-alpha-10: rgba(11, 184, 159, 0.10);
    --color-main-alpha-11: rgba(11, 184, 159, 0.11);
    --color-main-alpha-12: rgba(11, 184, 159, 0.12);
    --color-main-alpha-14: rgba(11, 184, 159, 0.14);
    --color-main-alpha-16: rgba(11, 184, 159, 0.16);
    --color-main-alpha-18: rgba(11, 184, 159, 0.18);
    --color-main-alpha-20: rgba(11, 184, 159, 0.20);
    --color-main-alpha-22: rgba(11, 184, 159, 0.22);
    --color-main-alpha-24: rgba(11, 184, 159, 0.24);
    --color-main-alpha-28: rgba(11, 184, 159, 0.28);
    --color-main-alpha-30: rgba(11, 184, 159, 0.30);
    --color-main-alpha-45: rgba(11, 184, 159, 0.45);
    --color-main-alpha-55: rgba(11, 184, 159, 0.55);
    --color-main-alpha-58: rgba(11, 184, 159, 0.58);
    --color-main-border: rgba(11, 184, 159, 0.24);
    --color-main-border-strong: rgba(11, 184, 159, 0.56);
    --color-main-chart-fill: rgba(11, 184, 159, 0.12);
    --color-secondary-soft: #EAF5FA;
    --color-secondary-hover: #F0F8FB;
    --color-secondary-alpha-06: rgba(39, 127, 168, 0.06);
    --color-secondary-alpha-12: rgba(39, 127, 168, 0.12);
    --color-secondary-alpha-22: rgba(39, 127, 168, 0.22);
    --color-secondary-border: rgba(39, 127, 168, 0.24);
    --color-secondary-border-strong: rgba(39, 127, 168, 0.56);
    --color-text: #4B5563;
    --color-text-strong: #1F2937;
    --color-text-inverse: #FFFFFF;
    --color-muted: #7A8491;
    --color-muted-light: #A8B1BC;
    --color-muted-alpha-12: rgba(110, 122, 135, 0.12);
    --color-border: #D5DEE8;
    --color-border-soft: #DCE5EF;
    --color-surface: #FFFFFF;
    --color-surface-soft: #F6F9FC;
    --color-surface-muted: #F3F6FA;
    --color-surface-hover: #F8FCFC;
    --color-surface-selected: #F1F9F9;
    --color-surface-raised: #FFFFFF;
    --color-title-band: #F8F8F8;
    --color-white: #F5FCFC;
    --color-success: #0AA789;
    --color-success-soft: #E8F8F3;
    --color-success-border: rgba(6, 183, 157, 0.48);
    --color-success-border-strong: rgba(6, 183, 157, 0.65);
    --color-success-text: #087A6A;
    --color-danger: #D95E57;
    --color-danger-soft: #FFF1EF;
    --color-danger-border: rgba(217, 94, 87, 0.38);
    --color-danger-border-strong: rgba(217, 94, 87, 0.55);
    --color-danger-border-soft: rgba(217, 94, 87, 0.24);
    --color-danger-text: #B44942;
    --color-warning: #F0A35F;
    --color-warning-soft: rgba(240, 163, 95, 0.16);
    --color-warning-text: #B8681F;
    --color-bookmark: #F4B740;
    --shadow-card: none;
    --shadow-card-hover: none;
    --radius-sm: 6px;
    --radius-md: 8px;
}

body {
    margin-top: 30px;
    padding: 0;
    background: var(--color-surface);
    font-family: Arial, "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
    line-height: 1.6;
}

* {
    color: var(--color-text);
}

p {
  margin-bottom: 0.5rem;
}