:root{color-scheme:light dark;--uchu-light-gray-raw:95.57% 0.003 286.35;--uchu-light-gray:oklch(var(--uchu-light-gray-raw));--uchu-gray-raw:84.68% 0.002 197.12;--uchu-gray:oklch(var(--uchu-gray-raw));--uchu-dark-gray-raw:63.12% 0.004 219.55;--uchu-dark-gray:oklch(var(--uchu-dark-gray-raw));--uchu-light-red-raw:88.98% 0.052 3.28;--uchu-light-red:oklch(var(--uchu-light-red-raw));--uchu-red-raw:62.73% 0.209 12.37;--uchu-red:oklch(var(--uchu-red-raw));--uchu-dark-red-raw:45.8% 0.177 17.7;--uchu-dark-red:oklch(var(--uchu-dark-red-raw));--uchu-light-pink-raw:95.8% 0.023 354.27;--uchu-light-pink:oklch(var(--uchu-light-pink-raw));--uchu-pink-raw:85.43% 0.09 354.1;--uchu-pink:oklch(var(--uchu-pink-raw));--uchu-dark-pink-raw:64.11% 0.084 353.91;--uchu-dark-pink:oklch(var(--uchu-dark-pink-raw));--uchu-light-purple-raw:89.1% 0.046 305.24;--uchu-light-purple:oklch(var(--uchu-light-purple-raw));--uchu-purple-raw:58.47% 0.181 302.06;--uchu-purple:oklch(var(--uchu-purple-raw));--uchu-dark-purple-raw:39.46% 0.164 298.29;--uchu-dark-purple:oklch(var(--uchu-dark-purple-raw));--uchu-light-blue-raw:89.66% 0.046 260.67;--uchu-light-blue:oklch(var(--uchu-light-blue-raw));--uchu-blue-raw:62.39% 0.181 258.33;--uchu-blue:oklch(var(--uchu-blue-raw));--uchu-dark-blue-raw:43.48% 0.17 260.2;--uchu-dark-blue:oklch(var(--uchu-dark-blue-raw));--uchu-light-green-raw:93.96% 0.05 148.74;--uchu-light-green:oklch(var(--uchu-light-green-raw));--uchu-green-raw:79.33% 0.179 145.62;--uchu-green:oklch(var(--uchu-green-raw));--uchu-dark-green-raw:58.83% 0.158 145.05;--uchu-dark-green:oklch(var(--uchu-dark-green-raw));--uchu-light-yellow-raw:97.05% 0.039 91.2;--uchu-light-yellow:oklch(var(--uchu-light-yellow-raw));--uchu-yellow-raw:90.92% 0.125 92.56;--uchu-yellow:oklch(var(--uchu-yellow-raw));--uchu-dark-yellow-raw:69.14% 0.109 91.04;--uchu-dark-yellow:oklch(var(--uchu-dark-yellow-raw));--uchu-light-orange-raw:93.83% 0.037 56.93;--uchu-light-orange:oklch(var(--uchu-light-orange-raw));--uchu-orange-raw:78.75% 0.14163582809066333 54.32911089172009;--uchu-orange:oklch(var(--uchu-orange-raw));--uchu-dark-orange-raw:58.28% 0.128 52.2;--uchu-dark-orange:oklch(var(--uchu-dark-orange-raw));--uchu-yang-raw:99.4% 0 0;--uchu-yang:oklch(var(--uchu-yang-raw));--uchu-light-yin-raw:91.87% 0.003 264.54;--uchu-light-yin:oklch(var(--uchu-light-yin-raw));--uchu-yin-raw:14.38% 0.007 256.88;--uchu-yin:oklch(var(--uchu-yin-raw));--serif:Athelas, Garamond, "EB Garamond", serif;--sans-serif:"Helvetica Neue", Helvetica, Arial, sans-serif}body{font-family:var(--sans-serif);margin:auto;padding:1rem;max-width:80ch;color:light-dark(var(--uchu-yin),var(--uchu-yang));background-color:light-dark(var(--uchu-yang),var(--uchu-yin))}main{margin:1rem auto;max-width:70ch}a{color:var(--uchu-blue);text-decoration:none;&:hover { text-decoration:underline; text-decoration-color:var(--uchu-blue); }}.title{color:light-dark(var(--uchu-yin),var(--uchu-yang));font-weight:700;font-variant:normal;display:flex;justify-content:center;align-items:center;font-size:1.5rem;svg { height: 1.5rem; margin: 0.5rem; vertical-align: middle; fill: light-dark(var(--uchu-yin), var(--uchu-yang)); @media (prefers-color-scheme: dark) { path { fill: white; } } }}header{border-bottom:1px solid var(--uchu-gray);font-size:1.25rem;font-weight:700;nav { ul { display: flex; justify-content: space-evenly; list-style: none; padding: 0 0.5rem; a { color: light-dark(var(--uchu-yin), var(--uchu-yang)); &:hover { text-decoration: underline; text-decoration-color: var(--uchu-blue); } &.active { text-decoration: underline; text-decoration-color: var(--uchu-blue); } } } }}article{line-height:1.5;text-wrap:pretty;text-align:justify;text-justify:inter-word;font-variant-numeric:oldstyle-nums;figure { width: 100%; margin: 0; figcaption { p { margin: 0.25rem 0 2rem; font-family: var(--sans-serif); text-align: center; } } } img { width: 100%; } > p:nth-of-type(2)::first-letter { font-size: 3.3rem; float: left; line-height: 3rem; padding-right: 0.2rem; } p, ul { font-family: var(--serif); } .dates { display: flex; justify-content: space-between; p { margin: 0; padding: 0; } } h1 { text-align: center; margin: 0; font-size: 1.75rem; } .lead { font-family: var(--sans-serif); text-align: center; font-size: 1.5rem; margin: 0; } em { color: var(--uchu-red); } strong { color: var(--uchu-orange); } abbr { text-decoration-color: var(--uchu-blue); } table { border-collapse: collapse; width: 90%; margin: 5%; th { text-align: left; border-bottom: 1px solid; } }}footer{border-top:1px solid var(--uchu-gray);ul { display: flex; justify-content: space-around; list-style: none; font-size: 0.75rem; padding: 1rem; a { text-decoration: none; color: light-dark(var(--uchu-yin), var(--uchu-yang)); &:hover { text-decoration: none; } } svg { height: 0.75rem; width: 0.75rem; vertical-align: middle; margin: 0 1px; @media (prefers-color-scheme: dark) { path { fill: white; } } } }}.list{ul { list-style: none; padding: 0; } li { padding: 1rem; border-left: solid transparent 3px; a { color: light-dark(var(--uchu-yin), var(--uchu-yang)); text-decoration: none; } &:hover { border-left: solid var(--uchu-blue) 3px; text-decoration: none; } h2 { margin: 0; } .lead { margin: 0; font-size: 1rem; text-align: left; text-decoration: none; } }}code{border-radius:.3rem;font-size:.8rem;margin:0;padding:0 1rem}.highlight{background:light-dark(var(--uchu-gray),var(--uchu-dark-gray));border-radius:.3rem;padding:.5rem 0;margin:1rem 0;overflow:auto;pre { margin: 0; padding: 0; }}