#main{max-width:1100px;margin:auto}#doac-search,#doac-filter{display:block;width:100%;max-width:650px;margin:10px 0 24px;padding:14px;background:#102a42;color:#e1f5ff;border:1px solid #5f8a9b;border-radius:8px;font:inherit}#doac-list{display:grid;gap:12px}#doac-list details{border:1px solid #385970;border-radius:12px;padding:16px;overflow-wrap:anywhere}#doac-list summary{cursor:pointer;line-height:1.5}#doac-list a{display:inline-block;padding:6px 0}#doac-list p{font-size:14px}#doac-count{min-height:25px}summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6ce2e5;outline-offset:4px}header{gap:16px;flex-wrap:wrap}header nav{display:flex;gap:12px}
#example{padding:28px;margin:32px 0;border:1px solid #59b1bd;border-radius:16px;background:#102840}#example h2{font-size:clamp(25px,4vw,38px)}#example h3{font-size:19px}.doac-trace{display:grid;gap:14px;padding-left:24px}#example details{margin:12px 0;padding:16px;border:1px solid #385970;border-radius:10px}#example summary{cursor:pointer;line-height:1.5}#example p{overflow-wrap:anywhere}#example a{display:inline-block;padding:5px 0}@media(max-width:600px){#example{padding:18px}}