:root{--ink: #15140f;--ink-raised: #1f1d18;--ink-line: #34312a;--bone: #eeeae1;--paper: #f6f3ec;--stone: #a29c8f;--sky: #4cb8f5;--sky-deep: #0e6fae;--gold: #e8b931;--gold-deep: #8a6408;color-scheme:dark light;--color-bg: var(--ink);--color-surface: var(--ink-raised);--color-line: var(--ink-line);--color-text: var(--bone);--color-muted: var(--stone);--color-accent: var(--sky);--color-highlight: var(--gold);--color-highlight-text: var(--gold);--color-button-bg: var(--sky);--color-button-text: var(--ink);--color-focus: var(--gold);--color-danger: #ff8a7a;--color-success: #7fd6a0;--color-medal-gold: var(--gold);--color-medal-silver: #c4c8cd;--color-medal-bronze: #c47f48;--font-display: "Archivo", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif;--step--1: clamp(.83rem, .8rem + .15vw, .94rem);--step-0: clamp(1rem, .96rem + .2vw, 1.13rem);--step-1: clamp(1.2rem, 1.12rem + .4vw, 1.5rem);--step-2: clamp(1.44rem, 1.28rem + .8vw, 2rem);--step-3: clamp(1.73rem, 1.45rem + 1.4vw, 2.75rem);--step-4: clamp(2.2rem, 1.6rem + 3vw, 4.25rem);--step-5: clamp(2.6rem, 1.5rem + 5.4vw, 6.6rem);--space-2xs: .25rem;--space-xs: .5rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2.5rem;--space-xl: 4rem;--space-2xl: clamp(5rem, 3rem + 8vw, 10rem);--page-max: 76rem;--page-gutter: clamp(1rem, .5rem + 3vw, 3rem);--radius-s: .5rem;--radius-m: 1rem;--radius-l: 1.75rem;--header-height: 4rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .16s;--duration-slow: .9s}@media(prefers-color-scheme:light){:root{--color-bg: var(--paper);--color-surface: #ffffff;--color-line: #dcd6c9;--color-text: var(--ink);--color-muted: #625d52;--color-accent: var(--sky-deep);--color-highlight: var(--gold);--color-highlight-text: var(--gold-deep);--color-button-bg: var(--ink);--color-button-text: var(--bone);--color-focus: var(--sky-deep);--color-danger: #b3261e;--color-success: #1d7a45;--color-medal-silver: #a3a9b0;--color-medal-bronze: #a8632d}}:root:lang(ja){--font-display: "Hiragino Sans", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif}@font-face{font-family:Archivo;src:url(/fonts/archivo-variable-latin.woff2) format("woff2");font-weight:500 800;font-stretch:100% 125%;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-s))}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:2px}::selection{background:var(--color-highlight);color:var(--ink)}.container{width:min(100% - 2 * var(--page-gutter),var(--page-max));margin-inline:auto}.section{padding-block:var(--space-2xl)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-s);top:-100px;z-index:100;padding:var(--space-xs) var(--space-s);background:var(--color-button-bg);color:var(--color-button-text);border-radius:var(--radius-s);font-weight:600}.skip-link:focus{top:var(--space-s)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:3rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:999px;font-weight:600;font-size:var(--step-0);text-decoration:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.button:active{transform:scale(.97)}.button--primary{background:var(--color-button-bg);color:var(--color-button-text)}.button--primary:hover{background:color-mix(in oklab,var(--color-button-bg) 88%,var(--color-text))}.button--ghost{border-color:color-mix(in oklab,var(--color-text) 28%,transparent)}.button--ghost:hover{background:color-mix(in oklab,var(--color-text) 8%,transparent)}.button[disabled]{opacity:.6;cursor:progress}h1,h2,h3,.display{font-family:var(--font-display);font-stretch:118%;font-weight:750;line-height:1.02;letter-spacing:-.025em;margin:0;text-wrap:balance}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-2);font-stretch:108%;letter-spacing:-.015em;line-height:1.1}p{margin:0;text-wrap:pretty}.highlight{color:var(--color-highlight-text)}.lead{font-size:var(--step-1);line-height:1.5;color:var(--color-muted);max-width:38em}.section-intro{display:grid;gap:var(--space-m);margin-bottom:var(--space-xl);max-width:52rem}:lang(ja) :is(h1,h2,h3,.display),:lang(el) :is(h1,h2,h3,.display){font-stretch:100%;letter-spacing:0;line-height:1.2}:lang(ja) :is(h1,h2,h3,.display,p){word-break:auto-phrase}
