*{box-sizing:border-box}body{margin:0;background:#071821;color:#f5ebd5;font:19px/1.7 Georgia,serif}header,main{max-width:1080px;width:calc(100% - 32px);margin:auto}header{display:flex;gap:20px;align-items:center;padding:24px 0}header img{width:90px;height:90px;object-fit:contain}h1,h2,h3{color:#f5d98b;line-height:1.3}section,article,aside,details{border:1px solid #977b43;border-radius:12px;padding:20px;margin:24px 0;background:#ffffff08}label{display:block;margin:14px 0}button,select,input,textarea{font:inherit;color:inherit;max-width:100%}button,select,input[type=text],textarea{background:#102029;border:2px solid #bd9a54;border-radius:10px;padding:12px;min-height:54px}button{font-weight:bold;margin:8px 8px 8px 0;cursor:pointer;white-space:normal}select,input[type=text],textarea{width:100%;min-width:0}textarea{min-height:100px}button:disabled{opacity:.6}input[type=file]{width:100%;min-height:54px}input[type=checkbox]{width:22px;height:22px;vertical-align:middle}input:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #ffe2a0;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;color:black}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #977b43;padding:10px;text-align:left}.table-scroll{overflow-x:auto}.feedback{background:#17382f;padding:16px;overflow-wrap:anywhere}.source p{white-space:pre-wrap;overflow-wrap:anywhere}.inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}svg{width:100%;height:auto;background:#f7f1df;color:#102029}summary{cursor:pointer;min-height:54px;font-weight:bold}[hidden]{display:none!important}pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:540px){article,section,aside,details{padding:16px}button{width:100%}h1{font-size:30px}}

figure{margin:18px 0}.chart-scroll{overflow-x:auto;max-width:100%}.chart-scroll svg{min-width:540px}.table-scroll table{min-width:480px}.table-scroll th,.table-scroll td{overflow-wrap:normal;word-break:normal}.chart-scroll:focus-visible,.table-scroll:focus-visible{outline:3px solid #ffe2a0;outline-offset:3px}

nav{max-width:1080px;width:calc(100% - 32px);margin:auto;display:flex;flex-wrap:wrap;gap:16px}nav a{color:#ffe2a0;padding:12px;border:2px solid #bd9a54;border-radius:10px;min-height:54px}nav a:focus-visible{outline:3px solid #ffe2a0;outline-offset:3px}
