.webwork-guide{max-width:1120px;overflow-wrap:anywhere}
.webwork-guide .es-table-wrap{margin:1.5rem 0}
.webwork-guide .es-table-wrap:focus-visible,.webwork-guide summary:focus-visible{outline:3px solid #007d89;outline-offset:3px}
.webwork-guide .es-table-wrap table{min-width:580px}
.webwork-guide .es-table-wrap thead th{color:#fff;background:#12324b}
.webwork-guide .es-table-wrap tbody th{color:#12324b;background:#f5fafb}
.webwork-guide .es-table-wrap td{color:#203443;background:#fff}
.webwork-guide .es-card>img{width:100px;height:100px;object-fit:cover;border-radius:8px;display:block}
.webwork-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5fafb;color:#12324b;padding:1rem;border:1px solid #cbdde3;border-radius:6px}
.webwork-guide label{display:block;font-weight:bold}
.webwork-guide input{box-sizing:border-box;max-width:100%;width:18rem;padding:.65rem;border:1px solid #526b7a;border-radius:4px;color:#12324b;background:#fff;font:inherit}
.webwork-guide button{padding:.65rem 1rem;border:2px solid #12324b;border-radius:5px;background:#12324b;color:#fff;font:inherit;cursor:pointer}
.webwork-guide :is(button,input):focus-visible{outline:3px solid #007d89;outline-offset:3px}
.webwork-guide .ww-inputs{display:flex;flex-wrap:wrap;gap:1rem}
.webwork-guide .ww-inputs input{width:7rem}
.webwork-guide .ww-preview{height:70px;border:1px solid #526b7a;border-radius:4px}
.webwork-guide .ww-swatch{display:inline-block;width:3rem;height:2rem;border:1px solid #526b7a;vertical-align:middle;margin-right:.5rem}
.webwork-guide .ww-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.7rem;padding:1rem 0}
.webwork-guide .ww-palette>div{background:#fff;color:#12324b;display:flex;align-items:center}
.webwork-guide summary{cursor:pointer;padding:.7rem;background:#edf7f7;color:#12324b;margin-top:.5rem;font-weight:bold}
.webwork-guide .ww-directory{columns:3;column-gap:2rem;padding-left:1.3rem}
.webwork-guide .ww-directory li{break-inside:avoid;margin-bottom:.6rem}
.webwork-guide .ww-back{border-top:1px solid #cbdde3;padding-top:1rem;margin-top:2rem}
.webwork-guide [hidden]{display:none!important}
.webwork-guide #lookup .es-table-wrap{max-height:65vh;overflow:auto}
.webwork-guide #named-colors thead th{position:sticky;top:0;z-index:1}
@media(max-width:600px){.webwork-guide .ww-directory{columns:2}.webwork-guide .es-grid{grid-template-columns:1fr}.webwork-guide .ww-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}