body { margin: 0; padding: 24px 16px; background: #62687f; color: #080808;
           font-family: "MS PGothic", "Hiragino Sans", "Noto Sans JP", sans-serif; }
    .sheet { max-width: 640px; margin: 0 auto; padding: 18px 20px; background: #d7d7d7;
             border: 2px solid; border-color: #fff #8d8d8d #8d8d8d #fff; }
    h1 { margin: 0 0 4px; font-size: 1.5rem; font-weight: 400; }
    .lead { margin: 0 0 16px; color: #006994; font-size: .85rem; }
    h2 { margin: 18px 0 6px; padding: 3px 6px; color: #fff; background: #0787c1;
         font-size: .85rem; font-weight: 400; }
    dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
         gap: 2px; margin: 0; }
    dl > div { display: grid; grid-template-columns: 5.5em 1fr; gap: 6px; padding: 6px 8px;
               background: #efefef; font-size: .85rem; }
    dt { color: #006994; }
    dd { margin: 0; }
    dd b { font-weight: 400; font-size: 1.1rem; }
    dd small { color: #555; font-size: .72rem; }
    .cta { display: inline-block; margin-top: 18px; padding: 10px 16px; color: #080808;
           background: #fff7c7; border: 2px solid; border-color: #fff #8d8d8d #8d8d8d #fff; }