/* 日付ガイド：日本語の日付から、使える英語表記へ。 */
.date-format{margin:24px 0;padding:22px;border:2px solid #79c6df;border-radius:16px;background:#f4fbff;color:#1d3a5f;scroll-margin-top:80px}
.date-format [hidden]{display:none!important}
.date-format h2{margin:0 0 8px!important;padding:0!important;border:0!important;font-size:2rem!important;line-height:1.5}
.date-format h2::before,.date-format h2::after{display:none!important}
.date-format .date-format__intro{margin:0 0 18px;font-size:1.5rem;line-height:1.7}
.date-format__controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}
.date-format__controls>label{font-size:1.4rem;font-weight:700}
.date-format input[type=date]{display:block;box-sizing:border-box;min-width:0;width:220px;max-width:100%;margin-top:5px;padding:10px 12px;border:1px solid #859bab;border-radius:8px;background:white;color:#1d3a5f;font:inherit;font-size:16px;min-height:44px}
.date-format__weekday{display:flex;align-items:center;gap:7px;min-height:44px}
.date-format input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:20px;height:20px;accent-color:#1677a3}
.date-format .date-format__caption{margin:16px 0 8px;font-size:1.4rem}
.date-format__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.date-format__result{min-width:0;padding:16px;border-radius:10px;border-top:4px solid #1677a3;background:#fff}
.date-format__result:nth-child(2){border-top-color:#e78220}
.date-format__result>span{display:block;font-size:1.4rem;font-weight:700}
.date-format__result small{display:block;margin-top:2px;font-weight:400;color:#526477}
.date-format output{display:block;margin:12px 0;font-size:2.1rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.date-format button{display:inline-block;min-height:44px;padding:8px 13px;border:1px solid #1677a3;border-radius:7px;background:white;color:#155c80;font:inherit;font-size:1.4rem;font-weight:700;cursor:pointer}
.date-format button:hover{background:#e5f5fc}
.date-format :is(input,button,a):focus-visible{outline:3px solid #e78220;outline-offset:3px}
.date-format .date-format__status{margin:8px 0;font-size:1.4rem;min-height:1.6em}
.date-format .date-format__learn{margin:0;font-size:1.4rem}
@media(max-width:600px){.date-format{padding:16px}.date-format__results{grid-template-columns:1fr}.date-format output{font-size:2rem}}