:root{
      --bg:#ffffff;
      --fg:#111111;
      --muted:#666666;
      --red:#c00000;
      --border:#e6e6e6;
    }
    html,body{height:100%;}
    body{
      margin:0;
      background:var(--bg);
      color:var(--fg);
      font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
                   "Noto Sans", "Liberation Sans", sans-serif;
      font-weight:300; /* thin-ish */
      letter-spacing:0.2px;
      line-height:1.5;
    }
    main{
      max-width:860px;
      padding:48px 20px 64px;
      margin:0 auto;
    }
    header{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:16px;
      border-bottom:1px solid var(--border);
      padding-bottom:18px;
      margin-bottom:28px;
    }
    .brand{
      display:flex;
      flex-direction:column;
      gap:8px;
      min-width:0;
    }
    h1{
      margin:0;
      font-size:28px;
      font-weight:300;
    }
    .kanji{
      display:flex;
      gap:14px;
      align-items:baseline;
      white-space:nowrap;
      font-family: ui-serif, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", serif;
    }
    .kanji .mark{
      font-size:34px;
      letter-spacing:0;
    }
    .kanji .label{
      font-size:12px;
      color:var(--muted);
      transform:translateY(-6px);
    }
    .tag{
      font-size:12px;
      color:var(--muted);
      border:1px solid var(--border);
      padding:6px 10px;
      border-radius:999px;
      white-space:nowrap;
    }
    section{
      margin:22px 0;
      padding:18px 0;
      border-bottom:1px solid var(--border);
    }
    section:last-of-type{border-bottom:none;}
    h2{
      margin:0 0 10px;
      font-size:14px;
      font-weight:400;
      letter-spacing:0.6px;
      text-transform:uppercase;
    }
    p{margin:10px 0; max-width:72ch;}
    ul{
      margin:10px 0 0 18px;
      padding:0;
      max-width:74ch;
    }
    li{margin:8px 0;}
    .accent{
      display:inline-block;
      height:2px;
      width:44px;
      background:var(--red);
      margin:10px 0 2px;
    }
    a{color:var(--fg); text-decoration-thickness:1px; text-underline-offset:3px;}
    a:hover{color:var(--red);}
    footer{
      margin-top:34px;
      padding-top:18px;
      border-top:1px solid var(--border);
      font-size:12px;
      color:var(--muted);
      display:flex;
      justify-content:flex-end;
      gap:12px;
      flex-wrap:wrap;
    }
    .note{color:var(--muted);}
    .red{color:var(--red); font-weight:400;}