:root{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#183649;background:#edf3f6;line-height:1.8;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{border-left:8px solid #356581;margin-top:24px}h1{font-size:clamp(1.7rem,5vw,2.5rem);margin:0}header p{margin:8px 0}header strong{color:#8a390a}aside{background:#fff4df;border-left:4px solid #a85d18;padding:16px}section{background:white;padding:24px;margin-top:24px;border-top:2px solid #8ea8ba}h2{font-size:1.2rem;margin:0 0 16px}label{display:block;margin:16px 0 8px;font-weight:600}textarea,input,select,button{font:inherit}textarea,input[type=password]{width:100%;padding:12px;border:1px solid #6d8494;border-radius:4px;background:#fff}textarea{display:block;resize:vertical;white-space:pre-wrap;font-weight:400}textarea[readonly]{background:#f2f6f8}button{padding:9px 16px;border:1px solid #356581;background:#fff;color:#234d67;border-radius:4px;cursor:pointer;margin:8px 8px 8px 0}button.primary{background:#234d67;color:white}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid #cf6700;outline-offset:3px}.hint,footer{font-size:.9rem;color:#455d6b}#status{position:sticky;bottom:0;background:#183649;color:white;padding:12px;min-height:0}#status:empty{display:none}input[type=file]{display:block;max-width:100%}select{margin-left:16px}@media(max-width:600px){header,main,footer{padding:16px}section{padding:16px}button{width:100%}}