@charset "UTF-8";
:root{--black:#444;--white:#fff;--blue:#0000FF;--input:#F0F0F0;--heading:"Archivo Black","Arial Black",Impact,sans-serif;--body:"Work Sans","Helvetica Neue",Arial,"Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;--mono:"Space Mono",Consolas,"Liberation Mono",monospace;color-scheme:light;font-family:var(--body);font-size:16px;line-height:1.6;color:var(--black);background:var(--white)}
*,*::before,*::after{box-sizing:border-box;border-radius:0!important;box-shadow:none!important;transition:none!important}
body{margin:0;padding:48px 24px;background:var(--white);color:var(--black);font-family:var(--body);font-size:16px;line-height:1.6}
main{max-width:1000px;margin:auto;padding:40px;background:var(--white);border:3px solid var(--black);overflow-wrap:anywhere}
a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}
a:hover{color:var(--blue);text-decoration-thickness:3px}
a:focus-visible{outline:3px solid var(--black);outline-offset:2px}
.brand{display:inline-block;color:var(--black);font-family:var(--heading);font-size:22px;line-height:1.1;text-decoration:none}
.brand:hover{color:var(--black);text-decoration:underline;text-decoration-thickness:3px}
.brand span{margin-left:8px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em}
h1,h2{font-family:var(--heading);font-weight:900;letter-spacing:-.03em;overflow-wrap:anywhere}
h1{margin:32px 0 8px;font-size:48px;line-height:1.1}
h2{margin:40px 0 16px;font-size:36px;line-height:1.2}
p{margin:0 0 16px;line-height:1.6}.date{margin-bottom:28px;font-family:var(--mono);font-size:14px;font-weight:700}
ul{margin:24px 0;padding:0;list-style:none;border-top:2px solid var(--black)}
li{padding:12px 0 12px 28px;border-bottom:2px solid var(--black);position:relative}
li::before{content:"—";position:absolute;left:0;font-family:var(--mono);font-weight:700}
footer{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:48px;padding-top:20px;border-top:3px solid var(--black);font-family:var(--mono);font-size:14px;font-weight:700}
@media(max-width:700px){body{padding:24px 16px}main{padding:32px 24px}h1{margin-top:28px;font-size:36px}h2{margin-top:32px;font-size:30px}}
@media(max-width:600px){body{padding:16px 12px}main{padding:24px 16px}h1{font-size:28px}h2{font-size:24px}footer{margin-top:40px;gap:12px}}