/* 見た目（案A「空と雲」）：style.css の後に読み込む上書き（色・背景・見出しの飾りだけ）。
   飾りはすべて CSS のグラデーションと data: URI の SVG（外部への通信なし）。動きはなし。 */
:root {
  --bg: #eaf3fb;
  --card: #ffffff;
  --text: #1a2533;
  --muted: #536173;
  --line: #d3e1ee;
  --accent: #1a62c2;
  --accent-text: #ffffff;
  --accent-soft: #e2eefc;
  --code: #eef3f9;
  --field: #ffffff;
  --form-border: 2px solid #8db0dc;
  --form-shadow: 0 2px 4px rgb(24 70 120 / .10), 0 10px 26px rgb(24 70 120 / .16);
  --field-line: #a9c1de;
  --skeleton: #e3ebf3;
  --shadow: 0 1px 2px rgb(24 70 120 / .06), 0 8px 22px rgb(24 70 120 / .08);
  --hero-text: #0b2545;
  --hero-muted: #1b3b5f;
  --hero-link: #0a4a9c;
  --hero-sky: linear-gradient(180deg, #5ea9ea 0%, #8cc3f1 42%, #bfdcf6 72%, #eaf3fb 100%);
  --hero-glow: radial-gradient(circle at 82% -10%, rgb(255 253 235 / .85), rgb(255 253 235 / 0) 38%);
  --hero-stars: none;
  --beta-bg: rgb(255 255 255 / .4);
  --hero-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 260'%3E%3Cdefs%3E%3ClinearGradient id='t' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='.95'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M60 78 L292 44' stroke='url(%23t)' stroke-width='2.4' stroke-linecap='round' fill='none'/%3E%3Cpath d='M62 86 L293 50' stroke='url(%23t)' stroke-width='2.4' stroke-linecap='round' fill='none'/%3E%3Cg transform='translate(304 44) rotate(81) scale(1.35)' fill='%2321507f'%3E%3Cpath d='M12 1.8c.9 0 1.4.8 1.4 1.8V9l8.1 4.7v2.1l-8.1-2.5v5.1l2.3 1.7v1.7L12 20.6l-3.7 1.2v-1.7l2.3-1.7v-5.1l-8.1 2.5v-2.1L10.6 9V3.6c0-1 .5-1.8 1.4-1.8z' transform='translate(-12 -12)'/%3E%3C/g%3E%3Cg fill='%23bcd9f3' transform='translate(6 8)'%3E%3Ccircle cx='250' cy='158' r='44'/%3E%3Ccircle cx='298' cy='126' r='58'/%3E%3Ccircle cx='366' cy='112' r='70'/%3E%3Ccircle cx='430' cy='140' r='52'/%3E%3Ccircle cx='474' cy='166' r='36'/%3E%3C/g%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='250' cy='158' r='44'/%3E%3Ccircle cx='298' cy='126' r='58'/%3E%3Ccircle cx='366' cy='112' r='70'/%3E%3Ccircle cx='430' cy='140' r='52'/%3E%3Ccircle cx='474' cy='166' r='36'/%3E%3Crect x='214' y='150' width='292' height='50' rx='25'/%3E%3C/g%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='60' cy='176' r='16'/%3E%3Ccircle cx='82' cy='165' r='22'/%3E%3Ccircle cx='106' cy='174' r='16'/%3E%3Crect x='44' y='172' width='78' height='20' rx='10'/%3E%3Ccircle cx='520' cy='228' r='12'/%3E%3Ccircle cx='538' cy='220' r='16'/%3E%3Ccircle cx='556' cy='228' r='11'/%3E%3Crect x='506' y='226' width='62' height='16' rx='8'/%3E%3C/g%3E%3C/svg%3E");
  --hero-art-sm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 90'%3E%3Cdefs%3E%3ClinearGradient id='t' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='.95'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M120 66 L318 38' stroke='url(%23t)' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3Cpath d='M122 72 L319 43' stroke='url(%23t)' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3Cg transform='translate(330 38) rotate(82) scale(1.1)' fill='%2321507f'%3E%3Cpath d='M12 1.8c.9 0 1.4.8 1.4 1.8V9l8.1 4.7v2.1l-8.1-2.5v5.1l2.3 1.7v1.7L12 20.6l-3.7 1.2v-1.7l2.3-1.7v-5.1l-8.1 2.5v-2.1L10.6 9V3.6c0-1 .5-1.8 1.4-1.8z' transform='translate(-12 -12)'/%3E%3C/g%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='176' cy='58' r='11'/%3E%3Ccircle cx='192' cy='50' r='15'/%3E%3Ccircle cx='210' cy='58' r='11'/%3E%3Crect x='166' y='56' width='54' height='14' rx='7'/%3E%3Ccircle cx='352' cy='72' r='9'/%3E%3Ccircle cx='365' cy='66' r='12'/%3E%3Ccircle cx='379' cy='72' r='8'/%3E%3Crect x='343' y='70' width='44' height='11' rx='5.5'/%3E%3C/g%3E%3C/svg%3E");
  --hero-bank: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 150' preserveAspectRatio='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.6'%3E%3Ccircle cx='0' cy='92' r='55.2'/%3E%3Ccircle cx='1200' cy='92' r='55.2'/%3E%3Ccircle cx='95.6' cy='92.9' r='69.3'/%3E%3Ccircle cx='196' cy='102.3' r='55.9'/%3E%3Ccircle cx='299.6' cy='97.6' r='47.4'/%3E%3Ccircle cx='415.3' cy='94.8' r='52.9'/%3E%3Ccircle cx='524.7' cy='108.5' r='53'/%3E%3Ccircle cx='608.9' cy='96.4' r='65'/%3E%3Ccircle cx='718.6' cy='103.1' r='56.3'/%3E%3Ccircle cx='810.3' cy='98.2' r='67.1'/%3E%3Ccircle cx='890.9' cy='95.9' r='59.6'/%3E%3Ccircle cx='1006.5' cy='92.3' r='53.1'/%3E%3Ccircle cx='1130.9' cy='102.4' r='43.3'/%3E%3C/g%3E%3Cg fill='%23f6faff'%3E%3Ccircle cx='30' cy='125.4' r='38.3'/%3E%3Ccircle cx='1230' cy='125.4' r='38.3'/%3E%3Ccircle cx='130.1' cy='112.3' r='48.7'/%3E%3Ccircle cx='226.4' cy='125.3' r='37.5'/%3E%3Ccircle cx='297' cy='123.2' r='54.6'/%3E%3Ccircle cx='390.3' cy='126' r='50.8'/%3E%3Ccircle cx='471.6' cy='115.6' r='46'/%3E%3Ccircle cx='536.5' cy='125.3' r='51.6'/%3E%3Ccircle cx='614.6' cy='124.2' r='30'/%3E%3Ccircle cx='705.3' cy='125.3' r='44.3'/%3E%3Ccircle cx='796.4' cy='119.1' r='52.2'/%3E%3Ccircle cx='877.8' cy='125' r='55.9'/%3E%3Ccircle cx='958.8' cy='123.4' r='43.2'/%3E%3Ccircle cx='1031.8' cy='112.7' r='31.4'/%3E%3Ccircle cx='1128.9' cy='113.5' r='39.1'/%3E%3C/g%3E%3Cg fill='%23eaf3fb'%3E%3Ccircle cx='10' cy='135.8' r='34.4'/%3E%3Ccircle cx='1210' cy='135.8' r='34.4'/%3E%3Ccircle cx='65.6' cy='135.8' r='27.8'/%3E%3Ccircle cx='137.1' cy='137.5' r='44.3'/%3E%3Ccircle cx='192.4' cy='141.8' r='45.9'/%3E%3Ccircle cx='270.8' cy='137.7' r='32.1'/%3E%3Ccircle cx='352' cy='138.5' r='35'/%3E%3Ccircle cx='414.4' cy='137.3' r='29.6'/%3E%3Ccircle cx='499.2' cy='137.7' r='44'/%3E%3Ccircle cx='556.2' cy='133.6' r='45.2'/%3E%3Ccircle cx='631.7' cy='134.9' r='42.2'/%3E%3Ccircle cx='696' cy='140.8' r='34.6'/%3E%3Ccircle cx='765.3' cy='134.3' r='26.2'/%3E%3Ccircle cx='844.5' cy='140.7' r='29.8'/%3E%3Ccircle cx='922.2' cy='135.4' r='43'/%3E%3Ccircle cx='989' cy='132' r='24.5'/%3E%3Ccircle cx='1042.1' cy='137.6' r='30.5'/%3E%3Ccircle cx='1121.6' cy='135.2' r='38.1'/%3E%3Crect x='0' y='136' width='1200' height='14'/%3E%3C/g%3E%3C/svg%3E");
  --foot-edge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V22 C150 6 300 30 450 18 S750 4 900 18 S1100 30 1200 20 V40Z' fill='%23d6e8f8'/%3E%3C/svg%3E");
  --foot-bg: #d6e8f8;
  --btn: linear-gradient(180deg, #2370cf, #1659b4);
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='%23ffffff00'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='11' cy='21' r='4.2'/%3E%3Ccircle cx='16' cy='18.5' r='5.6'/%3E%3Ccircle cx='21.5' cy='21' r='4.2'/%3E%3Crect x='7' y='20' width='18.5' height='5.2' rx='2.6'/%3E%3C/g%3E%3Cg transform='translate(17.5 11) rotate(60) scale(.62)' fill='%2321507f'%3E%3Cpath d='M12 1.8c.9 0 1.4.8 1.4 1.8V9l8.1 4.7v2.1l-8.1-2.5v5.1l2.3 1.7v1.7L12 20.6l-3.7 1.2v-1.7l2.3-1.7v-5.1l-8.1 2.5v-2.1L10.6 9V3.6c0-1 .5-1.8 1.4-1.8z' transform='translate(-12 -12)'/%3E%3C/g%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0e1726;
    --card: #162133;
    --text: #e4ebf3;
    --muted: #a0afc2;
    --line: #2a3b54;
    --accent: #72adff;
    --accent-text: #0b1220;
    --accent-soft: #1c2d48;
    --code: #1d2a3e;
    --field: #0f1a2b;
    --form-border: 1px solid var(--line);
    --form-shadow: var(--shadow);
    --field-line: var(--line);
    --skeleton: #24324a;
    --shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25);
    --hero-text: #f2f6fb;
    --hero-muted: #c8d6e8;
    --hero-link: #a6cdff;
    --hero-sky: linear-gradient(180deg, #06112b 0%, #0c1f45 50%, #13295a 78%, #0e1726 100%);
    --hero-glow: radial-gradient(circle at 86% 10%, rgb(180 200 255 / .16), rgb(180 200 255 / 0) 30%);
    --hero-stars: none;
    --beta-bg: transparent;
    --hero-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 260'%3E%3Cdefs%3E%3ClinearGradient id='t' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%239fb6d8' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%239fb6d8' stop-opacity='.95'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23fff'%3E%3Ccircle cx='90' cy='82.9' r='0.7' fill-opacity='0.7'/%3E%3Ccircle cx='425' cy='32.2' r='0.6' fill-opacity='0.8'/%3E%3Ccircle cx='166.8' cy='115.6' r='0.7' fill-opacity='0.4'/%3E%3Ccircle cx='390.4' cy='6.7' r='0.6' fill-opacity='0.5'/%3E%3Ccircle cx='218.8' cy='16.1' r='1.4' fill-opacity='0.7'/%3E%3Ccircle cx='386.2' cy='59.2' r='0.9' fill-opacity='0.4'/%3E%3Ccircle cx='462.8' cy='61.3' r='0.7' fill-opacity='0.5'/%3E%3Ccircle cx='592.2' cy='183.6' r='0.9' fill-opacity='0.4'/%3E%3Ccircle cx='468' cy='193.5' r='0.7' fill-opacity='0.9'/%3E%3Ccircle cx='201.2' cy='183' r='1.3' fill-opacity='0.5'/%3E%3Ccircle cx='242.7' cy='90.6' r='1.4' fill-opacity='0.4'/%3E%3Ccircle cx='344.8' cy='95.9' r='1.3' fill-opacity='0.5'/%3E%3Ccircle cx='454.1' cy='106.7' r='1.3' fill-opacity='0.9'/%3E%3Ccircle cx='335.8' cy='163.7' r='0.9' fill-opacity='0.5'/%3E%3Ccircle cx='346.1' cy='34.5' r='1.4' fill-opacity='0.7'/%3E%3Ccircle cx='290.6' cy='168.6' r='0.7' fill-opacity='0.5'/%3E%3Ccircle cx='336.6' cy='79.2' r='0.6' fill-opacity='0.7'/%3E%3Ccircle cx='543.2' cy='45.7' r='0.8' fill-opacity='0.7'/%3E%3Ccircle cx='446.8' cy='187.8' r='0.6' fill-opacity='0.8'/%3E%3Ccircle cx='364.4' cy='51.2' r='1.2' fill-opacity='0.5'/%3E%3Ccircle cx='402.1' cy='84.8' r='1.2' fill-opacity='0.6'/%3E%3Ccircle cx='454.6' cy='85.4' r='0.7' fill-opacity='0.6'/%3E%3Ccircle cx='531.7' cy='53' r='1.2' fill-opacity='0.9'/%3E%3Ccircle cx='358.3' cy='99.9' r='0.7' fill-opacity='0.6'/%3E%3Ccircle cx='229.2' cy='168.8' r='0.6' fill-opacity='0.4'/%3E%3Ccircle cx='156' cy='166.7' r='1.1' fill-opacity='0.9'/%3E%3Ccircle cx='427.1' cy='195.2' r='0.6' fill-opacity='0.4'/%3E%3Ccircle cx='173.2' cy='103.8' r='1' fill-opacity='0.7'/%3E%3Ccircle cx='482.9' cy='177.2' r='1' fill-opacity='0.9'/%3E%3Ccircle cx='205.4' cy='89.1' r='1.3' fill-opacity='0.6'/%3E%3C/g%3E%3Cmask id='m'%3E%3Crect width='600' height='260' fill='%23fff'/%3E%3Ccircle cx='531' cy='47' r='20' fill='%23000'/%3E%3C/mask%3E%3Ccircle cx='520' cy='54' r='22' fill='%23f4ecc8' mask='url(%23m)'/%3E%3Cpath d='M60 78 L292 44' stroke='url(%23t)' stroke-width='2.4' stroke-linecap='round' fill='none'/%3E%3Cpath d='M62 86 L293 50' stroke='url(%23t)' stroke-width='2.4' stroke-linecap='round' fill='none'/%3E%3Cg transform='translate(304 44) rotate(81) scale(1.35)' fill='%23d5e2f3'%3E%3Cpath d='M12 1.8c.9 0 1.4.8 1.4 1.8V9l8.1 4.7v2.1l-8.1-2.5v5.1l2.3 1.7v1.7L12 20.6l-3.7 1.2v-1.7l2.3-1.7v-5.1l-8.1 2.5v-2.1L10.6 9V3.6c0-1 .5-1.8 1.4-1.8z' transform='translate(-12 -12)'/%3E%3C/g%3E%3Cg fill='%2314254a' transform='translate(6 8)'%3E%3Ccircle cx='250' cy='158' r='44'/%3E%3Ccircle cx='298' cy='126' r='58'/%3E%3Ccircle cx='366' cy='112' r='70'/%3E%3Ccircle cx='430' cy='140' r='52'/%3E%3Ccircle cx='474' cy='166' r='36'/%3E%3C/g%3E%3Cg fill='%232a4370'%3E%3Ccircle cx='250' cy='158' r='44'/%3E%3Ccircle cx='298' cy='126' r='58'/%3E%3Ccircle cx='366' cy='112' r='70'/%3E%3Ccircle cx='430' cy='140' r='52'/%3E%3Ccircle cx='474' cy='166' r='36'/%3E%3Crect x='214' y='150' width='292' height='50' rx='25'/%3E%3C/g%3E%3Cg fill='%2322385f'%3E%3Ccircle cx='60' cy='176' r='16'/%3E%3Ccircle cx='82' cy='165' r='22'/%3E%3Ccircle cx='106' cy='174' r='16'/%3E%3Crect x='44' y='172' width='78' height='20' rx='10'/%3E%3Ccircle cx='520' cy='228' r='12'/%3E%3Ccircle cx='538' cy='220' r='16'/%3E%3Ccircle cx='556' cy='228' r='11'/%3E%3Crect x='506' y='226' width='62' height='16' rx='8'/%3E%3C/g%3E%3C/svg%3E");
    --hero-art-sm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 90'%3E%3Cdefs%3E%3ClinearGradient id='t' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%239fb6d8' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%239fb6d8' stop-opacity='.95'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23fff'%3E%3Ccircle cx='0' cy='32.3' r='0.9' fill-opacity='0.7'/%3E%3Ccircle cx='37.9' cy='12.8' r='0.8' fill-opacity='0.8'/%3E%3Ccircle cx='367' cy='29.5' r='0.6' fill-opacity='0.5'/%3E%3Ccircle cx='259.4' cy='18.4' r='0.6' fill-opacity='0.6'/%3E%3Ccircle cx='35' cy='22' r='1.4' fill-opacity='0.5'/%3E%3Ccircle cx='253.9' cy='23.2' r='0.6' fill-opacity='0.7'/%3E%3Ccircle cx='220.6' cy='39.3' r='0.7' fill-opacity='0.8'/%3E%3Ccircle cx='256.5' cy='9.5' r='1.6' fill-opacity='0.8'/%3E%3Ccircle cx='94.1' cy='44' r='1.2' fill-opacity='0.5'/%3E%3Ccircle cx='145.4' cy='9.3' r='0.8' fill-opacity='0.5'/%3E%3Ccircle cx='333' cy='19.9' r='0.7' fill-opacity='0.8'/%3E%3Ccircle cx='333' cy='21.9' r='0.9' fill-opacity='0.5'/%3E%3Ccircle cx='209.3' cy='26' r='1' fill-opacity='0.9'/%3E%3Ccircle cx='188' cy='17.2' r='1' fill-opacity='0.6'/%3E%3Ccircle cx='201.4' cy='44.4' r='0.9' fill-opacity='0.7'/%3E%3Ccircle cx='128.9' cy='34.4' r='0.9' fill-opacity='0.9'/%3E%3C/g%3E%3Cmask id='m'%3E%3Crect width='400' height='90' fill='%23fff'/%3E%3Ccircle cx='62' cy='30' r='15' fill='%23000'/%3E%3C/mask%3E%3Ccircle cx='54' cy='35' r='16' fill='%23f4ecc8' mask='url(%23m)'/%3E%3Cpath d='M120 66 L318 38' stroke='url(%23t)' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3Cpath d='M122 72 L319 43' stroke='url(%23t)' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3Cg transform='translate(330 38) rotate(82) scale(1.1)' fill='%23d5e2f3'%3E%3Cpath d='M12 1.8c.9 0 1.4.8 1.4 1.8V9l8.1 4.7v2.1l-8.1-2.5v5.1l2.3 1.7v1.7L12 20.6l-3.7 1.2v-1.7l2.3-1.7v-5.1l-8.1 2.5v-2.1L10.6 9V3.6c0-1 .5-1.8 1.4-1.8z' transform='translate(-12 -12)'/%3E%3C/g%3E%3Cg fill='%232a4370'%3E%3Ccircle cx='176' cy='58' r='11'/%3E%3Ccircle cx='192' cy='50' r='15'/%3E%3Ccircle cx='210' cy='58' r='11'/%3E%3Crect x='166' y='56' width='54' height='14' rx='7'/%3E%3Ccircle cx='352' cy='72' r='9'/%3E%3Ccircle cx='365' cy='66' r='12'/%3E%3Ccircle cx='379' cy='72' r='8'/%3E%3Crect x='343' y='70' width='44' height='11' rx='5.5'/%3E%3C/g%3E%3C/svg%3E");
    --hero-bank: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 150' preserveAspectRatio='none'%3E%3Cg fill='%2322385f' fill-opacity='0.7'%3E%3Ccircle cx='0' cy='92' r='55.2'/%3E%3Ccircle cx='1200' cy='92' r='55.2'/%3E%3Ccircle cx='95.6' cy='92.9' r='69.3'/%3E%3Ccircle cx='196' cy='102.3' r='55.9'/%3E%3Ccircle cx='299.6' cy='97.6' r='47.4'/%3E%3Ccircle cx='415.3' cy='94.8' r='52.9'/%3E%3Ccircle cx='524.7' cy='108.5' r='53'/%3E%3Ccircle cx='608.9' cy='96.4' r='65'/%3E%3Ccircle cx='718.6' cy='103.1' r='56.3'/%3E%3Ccircle cx='810.3' cy='98.2' r='67.1'/%3E%3Ccircle cx='890.9' cy='95.9' r='59.6'/%3E%3Ccircle cx='1006.5' cy='92.3' r='53.1'/%3E%3Ccircle cx='1130.9' cy='102.4' r='43.3'/%3E%3C/g%3E%3Cg fill='%23172742'%3E%3Ccircle cx='30' cy='125.4' r='38.3'/%3E%3Ccircle cx='1230' cy='125.4' r='38.3'/%3E%3Ccircle cx='130.1' cy='112.3' r='48.7'/%3E%3Ccircle cx='226.4' cy='125.3' r='37.5'/%3E%3Ccircle cx='297' cy='123.2' r='54.6'/%3E%3Ccircle cx='390.3' cy='126' r='50.8'/%3E%3Ccircle cx='471.6' cy='115.6' r='46'/%3E%3Ccircle cx='536.5' cy='125.3' r='51.6'/%3E%3Ccircle cx='614.6' cy='124.2' r='30'/%3E%3Ccircle cx='705.3' cy='125.3' r='44.3'/%3E%3Ccircle cx='796.4' cy='119.1' r='52.2'/%3E%3Ccircle cx='877.8' cy='125' r='55.9'/%3E%3Ccircle cx='958.8' cy='123.4' r='43.2'/%3E%3Ccircle cx='1031.8' cy='112.7' r='31.4'/%3E%3Ccircle cx='1128.9' cy='113.5' r='39.1'/%3E%3C/g%3E%3Cg fill='%230e1726'%3E%3Ccircle cx='10' cy='135.8' r='34.4'/%3E%3Ccircle cx='1210' cy='135.8' r='34.4'/%3E%3Ccircle cx='65.6' cy='135.8' r='27.8'/%3E%3Ccircle cx='137.1' cy='137.5' r='44.3'/%3E%3Ccircle cx='192.4' cy='141.8' r='45.9'/%3E%3Ccircle cx='270.8' cy='137.7' r='32.1'/%3E%3Ccircle cx='352' cy='138.5' r='35'/%3E%3Ccircle cx='414.4' cy='137.3' r='29.6'/%3E%3Ccircle cx='499.2' cy='137.7' r='44'/%3E%3Ccircle cx='556.2' cy='133.6' r='45.2'/%3E%3Ccircle cx='631.7' cy='134.9' r='42.2'/%3E%3Ccircle cx='696' cy='140.8' r='34.6'/%3E%3Ccircle cx='765.3' cy='134.3' r='26.2'/%3E%3Ccircle cx='844.5' cy='140.7' r='29.8'/%3E%3Ccircle cx='922.2' cy='135.4' r='43'/%3E%3Ccircle cx='989' cy='132' r='24.5'/%3E%3Ccircle cx='1042.1' cy='137.6' r='30.5'/%3E%3Ccircle cx='1121.6' cy='135.2' r='38.1'/%3E%3Crect x='0' y='136' width='1200' height='14'/%3E%3C/g%3E%3C/svg%3E");
    --foot-edge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 V22 C150 6 300 30 450 18 S750 4 900 18 S1100 30 1200 20 V40Z' fill='%23132036'/%3E%3C/svg%3E");
    --foot-bg: #132036;
    --btn: linear-gradient(180deg, #82b7ff, #5d9df5);
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='%23ffffff00'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='11' cy='21' r='4.2'/%3E%3Ccircle cx='16' cy='18.5' r='5.6'/%3E%3Ccircle cx='21.5' cy='21' r='4.2'/%3E%3Crect x='7' y='20' width='18.5' height='5.2' rx='2.6'/%3E%3C/g%3E%3Cg transform='translate(17.5 11) rotate(60) scale(.62)' fill='%23d5e2f3'%3E%3Cpath d='M12 1.8c.9 0 1.4.8 1.4 1.8V9l8.1 4.7v2.1l-8.1-2.5v5.1l2.3 1.7v1.7L12 20.6l-3.7 1.2v-1.7l2.3-1.7v-5.1l-8.1 2.5v-2.1L10.6 9V3.6c0-1 .5-1.8 1.4-1.8z' transform='translate(-12 -12)'/%3E%3C/g%3E%3C/svg%3E");
  }
}

html { background: var(--foot-bg); }
body { background: var(--bg); }

/* 見出し：画面幅いっぱいの空。文字は本文の列にそろえる */
header.wrap {
  max-width: none;
  padding: 34px max(16px, calc((100% - 1048px) / 2)) 112px;
  color: var(--hero-text);
  background-image: var(--hero-bank), var(--hero-art), var(--hero-glow), var(--hero-stars), var(--hero-sky);
  background-repeat: repeat-x, no-repeat, no-repeat, repeat, no-repeat;
  background-position: center bottom, calc(50% + 330px) 6px, 0 0, 0 0, 0 0;
  background-size: 1200px 150px, 600px 260px, 100% 100%, 420px 240px, 100% 100%;
  /* 説明が1行のページ（policy.html）でも大きな雲が途中で切れない高さ */
  min-height: 290px;
}
h1 { font-size: 1.75rem; letter-spacing: .02em; color: var(--hero-text); }
h1 .beta { display: inline-block; white-space: nowrap; }
h1::before { content: ""; display: inline-block; width: 1.25em; height: 1.25em; margin-right: .3em; vertical-align: -.22em; background: var(--icon) center / contain no-repeat; }
header .beta { color: var(--hero-text); border-color: currentColor; background: var(--beta-bg); }
header .lead { color: var(--hero-muted); max-width: 37em; }
header .lead a, h1 a.home { color: var(--hero-link); }
h1 a.home { color: var(--hero-text); }
main.wrap { position: relative; margin-top: -54px; }

/* 浮かぶカード */
form, .card { border-color: var(--line); border-radius: 14px; box-shadow: var(--shadow); }
/* 入力の枠は縁を濃く（白い雲の上でも枠が見えるように） */
form { border: var(--form-border); box-shadow: var(--form-shadow); }
input { background: var(--field); border-color: var(--field-line); }
button[type=submit] { background: var(--btn); box-shadow: 0 2px 6px rgb(22 89 180 / .28); }
.head { background: linear-gradient(120deg, var(--card) 55%, var(--accent-soft)); }
.toc a { border-color: transparent; box-shadow: 0 1px 2px rgb(24 70 120 / .08), 0 2px 8px rgb(24 70 120 / .06); }
.sec h3::before { content: ""; display: inline-block; width: 4px; height: 1.05em; margin-right: 8px; vertical-align: -.15em; border-radius: 2px; background: var(--accent); }
/* レーダーの項目の中の「雨雲の動き」は項目の一部なので、見出しの印を付けない */
.sec .rv h3::before { content: none; }
.group { border-bottom-color: var(--accent); }
.fig .ph { border-radius: 8px; }

/* 足もと：雲の縁で締める */
footer.wrap {
  max-width: none;
  margin-top: 36px;
  padding: 44px max(16px, calc((100% - 1048px) / 2)) 32px;
  background: var(--foot-edge) center top / 100% 40px no-repeat, linear-gradient(var(--foot-bg), var(--foot-bg)) center 39px / 100% 100% no-repeat;
}

@media (max-width: 640px) {
  h1 { font-size: 1.35rem; }
  header.wrap {
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 84px;
    background-image: var(--hero-bank), var(--hero-art-sm), var(--hero-glow), var(--hero-stars), var(--hero-sky);
    background-position: center bottom, right 0 top 2px, 0 0, 0 0, 0 0;
    background-size: 800px 100px, 360px 81px, 100% 100%, 420px 240px, 100% 100%;
  }
  main.wrap { margin-top: -40px; }
}