/* Generated by tool/sync_legal_design.py from design/{support,privacy,404}.html (identical leading lines). Edit the design and re-export, not this file. */
*{box-sizing:border-box;margin:0;padding:0}
:root{--paper:#FBFCF7;--ink:#0B1F4D;--body:#3C4A66;--sub:#677496;--line:#E3E8F0;--ok:#34C24B;--red:#E5484D;--cobalt:#3A5BD9;--nav:#1C2E78;--grad:linear-gradient(135deg,#C9EA7A,#4FBE9C 50%,#3E63D8);--jp:'Shippori Mincho B1','Hiragino Mincho ProN','Yu Mincho',serif;--jpg:'Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic','Noto Sans JP',sans-serif;--serif:'Marcellus',serif;--ui:'Plus Jakarta Sans',-apple-system,system-ui,sans-serif}
html{background:var(--paper);-webkit-tap-highlight-color:transparent}
body{font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
a{color:var(--cobalt);text-decoration:none}a:hover{color:var(--ink)}
h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}
.logo{font-family:var(--serif);font-size:30px;color:var(--ink);letter-spacing:.5px}.logo:hover{color:var(--ink)}
.top{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1312px;height:72px;margin:0 auto;padding:0 64px}
.top .logo{font-size:26px}
.hd-cta{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#3A9E83,#3E63D8 65%,#2F4FC0);color:#fff!important;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px rgba(58,91,217,.25);transition:box-shadow .2s}
.hd-cta:hover{box-shadow:0 6px 16px rgba(58,91,217,.34)}
main{flex:1 0 auto;width:100%;padding:0 64px}
.read{max-width:640px;margin:0 auto}
.ph-head{display:flex;flex-direction:column;align-items:center;text-align:center;row-gap:14px}
.jp-xl{font-family:var(--jp);font-weight:800;font-size:min(160px,calc((min(100vw,1312px) - 128px) / var(--n,4)));line-height:1.06;letter-spacing:0;color:var(--ink);word-break:keep-all;line-break:strict}
.gloss{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 10px}
.gloss .romaji{font-family:var(--serif);font-size:24px;line-height:1.1;color:var(--sub)}
.gloss .romaji::after{content:"–";margin-left:10px;color:var(--sub)}
.gloss .mean{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.1;color:var(--ink)}
.title{font-family:var(--serif);font-weight:400;font-size:clamp(36px,3.8vw,54px);line-height:1.1;letter-spacing:-.3px;color:var(--ink)}
.meta{font-size:13px;font-weight:600;color:var(--sub)}